From 64c19dcd4f716ea631425a199b2b89ce5b0d9480 Mon Sep 17 00:00:00 2001
From: erKam <erkamyaman35@gmail.com>
Date: Tue, 13 Oct 2026 03:46:51 +0000
Subject: [PATCH 1/9] feat(overlay): explain change detection, leaks and common
 errors

Phase 4 diagnosis: each recorded cycle says what started it, with wasted checks, inputs that break OnPush and zone.js dependents; components destroyed but still retained, open subscriptions and live effects are listed; and NG0100, hydration mismatches and NullInjectorError get explainers, with a new explain-injection tool.

Refs #343.
---
 app/src/__tests__/cd-diagnosis.test.ts        | 141 +++
 app/src/__tests__/error-explain.test.ts       | 238 +++++
 app/src/__tests__/leaks-section.test.ts       | 159 ++++
 app/src/app.ts                                |   1 +
 app/src/pages/cd-diagnosis.ts                 | 227 +++++
 app/src/pages/cd-recording.ts                 |  24 +-
 app/src/pages/component-tree.ts               |  29 +
 app/src/pages/error-explain.ts                | 486 ++++++++++
 app/src/pages/errors-inspector.ts             |  14 +-
 app/src/pages/errors-types.ts                 |  60 ++
 app/src/pages/leaks-section.ts                | 472 ++++++++++
 apps/docs/src/content/agents/mcp-server.md    |   3 +-
 apps/docs/src/content/agents/resources.md     |  19 +-
 apps/docs/src/content/agents/tools.md         |  93 +-
 .../content/getting-started/configuration.md  |  10 +-
 .../content/getting-started/installation.md   |   4 +-
 .../docs/src/content/inspectors/components.md | 105 ++-
 apps/docs/src/content/inspectors/errors.md    |  41 +-
 apps/docs/src/content/inspectors/injectors.md |  18 +-
 docs/angular-compat.md                        |  30 +-
 .../src/__tests__/cd-diagnosis-real.test.ts   | 203 +++++
 .../src/__tests__/cd-diagnosis-tool.test.ts   | 265 ++++++
 .../src/__tests__/cd-diagnosis.test.ts        | 411 +++++++++
 .../devtools/src/__tests__/config.test.ts     |   2 +
 .../src/__tests__/docs-tool-count.test.ts     |   4 +
 .../devtools/src/__tests__/dom-diff.test.ts   |  48 +
 .../src/__tests__/error-explain.test.ts       | 370 ++++++++
 .../__tests__/errors-explain-tools.test.ts    | 137 +++
 .../src/__tests__/explainers-real.test.ts     | 177 ++++
 .../src/__tests__/hydration-agent.test.ts     |   4 +-
 .../src/__tests__/injector-tree.test.ts       |  22 +
 .../src/__tests__/leaks-collector.test.ts     | 624 +++++++++++++
 .../devtools/src/__tests__/leaks-real.test.ts | 136 +++
 .../src/__tests__/leaks-tools.test.ts         | 225 +++++
 packages/devtools/src/cd-data.ts              | 247 +++++
 packages/devtools/src/cd-diagnosis.ts         | 808 +++++++++++++++++
 packages/devtools/src/cd-overlay.ts           |  28 +-
 packages/devtools/src/cd-recorder.ts          |   6 +
 packages/devtools/src/config.ts               | 135 +++
 packages/devtools/src/devframe.ts             |  61 ++
 packages/devtools/src/dom-diff.ts             |  75 ++
 packages/devtools/src/error-explain.ts        | 344 +++++++
 packages/devtools/src/errors-collector.ts     |  38 +-
 packages/devtools/src/injector-tree.ts        |  29 +
 packages/devtools/src/leaks-collector.ts      | 843 ++++++++++++++++++
 packages/devtools/src/overlay.ts              |  22 +-
 .../rpc/__tests__/injection-explain.test.ts   | 282 ++++++
 .../src/rpc/__tests__/injector-report.test.ts |  12 +-
 .../devtools/src/rpc/cd-diagnosis-tools.ts    | 134 +++
 packages/devtools/src/rpc/cd-export-tools.ts  |  30 +-
 packages/devtools/src/rpc/cd-redact.ts        |  70 ++
 packages/devtools/src/rpc/cd-tools.ts         |  17 +-
 .../devtools/src/rpc/error-explain-tools.ts   | 252 ++++++
 packages/devtools/src/rpc/errors-register.ts  |   2 +-
 packages/devtools/src/rpc/errors-tools.ts     |  10 +
 packages/devtools/src/rpc/hydration-tools.ts  |  16 +-
 .../devtools/src/rpc/injection-explain.ts     | 500 +++++++++++
 packages/devtools/src/rpc/injector-report.ts  |   1 +
 packages/devtools/src/rpc/leaks-register.ts   | 186 ++++
 packages/devtools/src/rpc/leaks-tools.ts      | 406 +++++++++
 packages/devtools/src/types.ts                |   6 +
 packages/devtools/vitest.compat.config.ts     |   2 +
 62 files changed, 9243 insertions(+), 121 deletions(-)
 create mode 100644 app/src/__tests__/cd-diagnosis.test.ts
 create mode 100644 app/src/__tests__/error-explain.test.ts
 create mode 100644 app/src/__tests__/leaks-section.test.ts
 create mode 100644 app/src/pages/cd-diagnosis.ts
 create mode 100644 app/src/pages/error-explain.ts
 create mode 100644 app/src/pages/leaks-section.ts
 create mode 100644 packages/devtools/src/__tests__/cd-diagnosis-real.test.ts
 create mode 100644 packages/devtools/src/__tests__/cd-diagnosis-tool.test.ts
 create mode 100644 packages/devtools/src/__tests__/cd-diagnosis.test.ts
 create mode 100644 packages/devtools/src/__tests__/dom-diff.test.ts
 create mode 100644 packages/devtools/src/__tests__/error-explain.test.ts
 create mode 100644 packages/devtools/src/__tests__/errors-explain-tools.test.ts
 create mode 100644 packages/devtools/src/__tests__/explainers-real.test.ts
 create mode 100644 packages/devtools/src/__tests__/leaks-collector.test.ts
 create mode 100644 packages/devtools/src/__tests__/leaks-real.test.ts
 create mode 100644 packages/devtools/src/__tests__/leaks-tools.test.ts
 create mode 100644 packages/devtools/src/cd-diagnosis.ts
 create mode 100644 packages/devtools/src/dom-diff.ts
 create mode 100644 packages/devtools/src/error-explain.ts
 create mode 100644 packages/devtools/src/leaks-collector.ts
 create mode 100644 packages/devtools/src/rpc/__tests__/injection-explain.test.ts
 create mode 100644 packages/devtools/src/rpc/cd-diagnosis-tools.ts
 create mode 100644 packages/devtools/src/rpc/cd-redact.ts
 create mode 100644 packages/devtools/src/rpc/error-explain-tools.ts
 create mode 100644 packages/devtools/src/rpc/injection-explain.ts
 create mode 100644 packages/devtools/src/rpc/leaks-register.ts
 create mode 100644 packages/devtools/src/rpc/leaks-tools.ts

diff --git a/app/src/__tests__/cd-diagnosis.test.ts b/app/src/__tests__/cd-diagnosis.test.ts
new file mode 100644
index 00000000..298845db
--- /dev/null
+++ b/app/src/__tests__/cd-diagnosis.test.ts
@@ -0,0 +1,141 @@
+import { TestBed, type ComponentFixture } from '@angular/core/testing';
+import type { CdDiagnosis as Diagnosis } from '@pangular-inspector/devtools/config';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { CdDiagnosis } from '../pages/cd-diagnosis';
+import { CdRecording, type CdPage } from '../pages/cd-recording';
+
+const diagnosis: Diagnosis = {
+  triggers: true,
+  waste: true,
+  major: 22,
+  causes: { signal: 4, event: 2, zone: 1 },
+  components: [
+    { name: 'Banner', refreshed: 20, unchanged: 19, strategy: 'Eager' },
+    { name: 'Cart', refreshed: 5, unchanged: 0, strategy: 'OnPush' },
+  ],
+  inputs: [{ name: 'Row', input: 'items', parent: 'List', inPlace: 3, sameContents: 1 }],
+  zone: [{ name: 'Clock', ticks: 1, tasks: ['setTimeout'] }],
+};
+
+function page(extra: Partial<CdPage> = {}): CdPage {
+  return {
+    pageId: 'p1',
+    supported: true,
+    recording: false,
+    startedAt: 1000,
+    dropped: 0,
+    cycles: [
+      {
+        id: 1,
+        at: 1001,
+        ms: 1,
+        passes: 1,
+        checks: 2,
+        components: [{ name: 'Cart', checks: 1, ms: 0.5 }],
+        trigger: 'Cart (add)',
+        cause: {
+          kind: 'event',
+          event: 'click',
+          target: 'button',
+          component: 'Cart',
+          listener: 'add',
+        },
+        refreshed: 2,
+        unchanged: 1,
+      },
+    ],
+    components: [{ name: 'Cart', checks: 2, ms: 1, maxMs: 1, cycles: 1 }],
+    hosts: {},
+    diagnosis,
+    ...extra,
+  };
+}
+
+const text = (el: Element | null) => el?.textContent?.replace(/\s+/g, ' ').trim() ?? '';
+/** A table row's cells, joined with spaces. */
+const cells = (row: Element | null) =>
+  [...(row?.querySelectorAll('td') ?? [])].map((cell) => text(cell)).join(' ');
+
+describe('CdDiagnosis', () => {
+  let fixture: ComponentFixture<CdDiagnosis>;
+  const host = () => fixture.nativeElement as HTMLElement;
+  const section = (heading: string) =>
+    [...host().querySelectorAll('h4')].find((h) => text(h) === heading)?.nextElementSibling ?? null;
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CdDiagnosis);
+  });
+
+  afterEach(() => {
+    fixture.destroy();
+    TestBed.resetTestingModule();
+  });
+
+  async function show(value: CdPage | null) {
+    fixture.componentRef.setInput('page', value);
+    await fixture.whenStable();
+  }
+
+  it('shows nothing for a recording without a diagnosis', async () => {
+    await show(page({ diagnosis: undefined }));
+    expect(host().querySelector('section')).toBeNull();
+  });
+
+  it('lists causes in a fixed order, zone.js dependents, wasted checks, inputs and hints', async () => {
+    await show(page());
+    const heading = host().querySelector('section')!.getAttribute('aria-labelledby')!;
+    expect(text(host().querySelector(`#${heading}`))).toBe('Why it ran and what it wasted');
+    const causes = [...section('What started the cycles')!.querySelectorAll('tbody tr')].map(cells);
+    expect(causes).toEqual(['Event 2', 'Signal write 4', 'zone.js only 1']);
+    expect(cells(section('Depends on zone.js')!.querySelector('tbody tr'))).toBe(
+      'Clock 1 setTimeout',
+    );
+    const wasted = [...section('Wasted checks')!.querySelectorAll('tbody tr')].map(cells);
+    expect(wasted).toEqual(['Banner 20 19 (95%) Eager']);
+    expect(cells(section('Inputs that break OnPush')!.querySelector('tbody tr'))).toBe(
+      'Row.items List 3 1',
+    );
+    const hints = [...section('Hints')!.querySelectorAll('li')].map(text);
+    expect(hints[0]).toContain('Banner was refreshed 20 times and changed something in 1');
+    expect(hints[0]).toContain('default from Angular 22');
+    expect(
+      hints.some((h) => h.includes('Input items of Row set by List changed in place 3 times')),
+    ).toBe(true);
+    expect(
+      hints.some((h) => h.startsWith('Clock changed in 1 tick that only zone.js started')),
+    ).toBe(true);
+  });
+
+  it('says why causes or wasted checks are missing', async () => {
+    await show(
+      page({ diagnosis: { ...diagnosis, triggers: false, waste: false, zone: undefined } }),
+    );
+    expect(text(section('What started the cycles'))).toContain('needs Angular 18 or later');
+    expect(text(section('Wasted checks'))).toContain("can't watch DOM updates");
+    expect(section('Depends on zone.js')).toBeNull();
+  });
+
+  it('says when zone.js ticks changed nothing', async () => {
+    await show(page({ diagnosis: { ...diagnosis, zone: undefined } }));
+    expect(text(section('Depends on zone.js'))).toBe(
+      '1 tick came from zone.js alone, and no component changed in them.',
+    );
+  });
+});
+
+describe('CdRecording latest cycles', () => {
+  it('names what started a cycle and how many checks changed nothing', async () => {
+    const fixture = TestBed.createComponent(CdRecording);
+    fixture.componentRef.setInput('page', page());
+    await fixture.whenStable();
+    const row = (fixture.nativeElement as HTMLElement).querySelector('.cycles li');
+    expect(text(row)).toContain('from click on button in Cart (add)');
+    expect(text(row)).toContain('1 changed nothing');
+    expect(text(row)).not.toContain('after Cart (add)');
+    expect(
+      (fixture.nativeElement as HTMLElement).querySelector('app-cd-diagnosis section'),
+    ).not.toBeNull();
+    fixture.destroy();
+    TestBed.resetTestingModule();
+  });
+});
diff --git a/app/src/__tests__/error-explain.test.ts b/app/src/__tests__/error-explain.test.ts
new file mode 100644
index 00000000..fbfe253b
--- /dev/null
+++ b/app/src/__tests__/error-explain.test.ts
@@ -0,0 +1,238 @@
+import { TestBed, type ComponentFixture } from '@angular/core/testing';
+import type { DevframeRpcClient } from 'devframe/client';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import type { ErrorGroup, InjectionExplanation } from '../pages/errors-types';
+
+vi.mock('devframe/client', () => ({ connectDevframe: () => new Promise(() => {}) }));
+
+const { ErrorsInspector } = await import('../pages/errors-inspector');
+const { codeSegments } = await import('../pages/errors-types');
+
+const group = (extra: Partial<ErrorGroup>): ErrorGroup => ({
+  id: 'e1',
+  message: 'Error: something',
+  count: 1,
+  firstAt: 1_000,
+  lastAt: 2_000,
+  sources: ['handler'],
+  owner: { id: 'c1-7', name: 'TripList' },
+  ...extra,
+});
+
+type RpcCall = (name: string, args?: unknown) => Promise<unknown>;
+
+function client(errors: ErrorGroup[], call: RpcCall = vi.fn<RpcCall>()) {
+  const value = {
+    pages: {
+      p1: {
+        pageId: 'p1',
+        url: '/p1',
+        title: 'Trips',
+        reportedAt: 5_000,
+        handler: 'wrapped',
+        errors: Object.fromEntries(errors.map((e) => [e.id, e])),
+        console: {},
+        dropped: { errors: 0, console: 0 },
+      },
+    },
+  };
+  const rpc = {
+    call,
+    callEvent: () => Promise.resolve(),
+    sharedState: () => Promise.resolve({ value: () => value, on: () => () => {} }),
+  };
+  return { 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();
+  }
+}
+
+async function mount(errors: ErrorGroup[], options: { call?: RpcCall; injectors?: boolean } = {}) {
+  const fixture = TestBed.createComponent(ErrorsInspector);
+  fixture.componentRef.setInput('rpc', client(errors, options.call));
+  fixture.componentRef.setInput('canExplainInjection', options.injectors ?? true);
+  document.body.append(fixture.nativeElement);
+  await settle(fixture);
+  return fixture;
+}
+
+const host = (fixture: ComponentFixture<unknown>) => fixture.nativeElement as HTMLElement;
+const text = (fixture: ComponentFixture<unknown>) =>
+  (host(fixture).textContent ?? '').replace(/\s+/g, ' ');
+
+afterEach(() => {
+  document.body.innerHTML = '';
+});
+
+describe('the Errors tab explainers', () => {
+  it('shows what changed for an NG0100: binding, both values, fields and the signal write', async () => {
+    const fixture = await mount([
+      group({
+        code: 'NG0100',
+        explain: {
+          kind: 'expression-changed',
+          binding: 'title',
+          template: 'TripList_Template',
+          previous: 'Trips',
+          current: 'Trips (3)',
+          members: ['title'],
+          writes: [
+            {
+              signal: 'heading',
+              at: 4_000,
+              stack: ['TripList.ngAfterViewInit (trip-list.ts:22:5)'],
+            },
+          ],
+          writesKnown: true,
+        },
+      }),
+    ]);
+    const explain = host(fixture).querySelector('app-error-explain')!;
+    expect(explain.querySelector('h3')?.textContent).toBe('What changed');
+    const facts = [...explain.querySelectorAll('dt')].map((dt) => [
+      dt.textContent?.trim(),
+      dt.nextElementSibling?.textContent?.replace(/\s+/g, ' ').trim(),
+    ]);
+    expect(facts).toEqual([
+      ['Binding', 'title in TripList_Template'],
+      ['Previous', 'Trips'],
+      ['Current', 'Trips (3)'],
+      ['Held by', 'title'],
+    ]);
+    expect(text(fixture)).toContain('Signal heading at');
+    expect(explain.querySelector('.frames code')?.textContent).toBe(
+      'TripList.ngAfterViewInit (trip-list.ts:22:5)',
+    );
+  });
+
+  it('says how to find the writer when no signal matched', async () => {
+    const fixture = await mount([
+      group({
+        explain: { kind: 'expression-changed', previous: 'a', current: 'b', writesKnown: true },
+      }),
+    ]);
+    expect(text(fixture)).toContain("A text interpolation (Angular doesn't name it)");
+    expect(text(fixture)).toContain('No named signal was written with this value');
+  });
+
+  it('shows the server vs client DOM diff with signs a screen reader can tell apart', async () => {
+    const fixture = await mount([
+      group({
+        code: 'NG0500',
+        explain: {
+          kind: 'hydration-mismatch',
+          summary: 'During hydration Angular expected <div> but found <span>.',
+          diff: [
+            { op: 'same', text: '<p>' },
+            { op: 'expected', text: '  <div>…</div>' },
+            { op: 'actual', text: '  <span>…</span>' },
+          ],
+          external: true,
+        },
+      }),
+    ]);
+    const region = host(fixture).querySelector('[role="region"]')!;
+    expect(region.getAttribute('aria-label')).toBe('Server vs client DOM diff');
+    expect(region.getAttribute('tabindex')).toBe('0');
+    const lines = [...region.querySelectorAll('li')].map((li) => ({
+      op: li.getAttribute('data-op'),
+      label: li.querySelector('.sr-only')?.textContent ?? '',
+      code: li.querySelector('code')?.textContent,
+    }));
+    expect(lines).toEqual([
+      { op: 'same', label: '', code: '<p>' },
+      { op: 'expected', label: 'Server only:', code: '  <div>…</div>' },
+      { op: 'actual', label: 'Client only:', code: '  <span>…</span>' },
+    ]);
+    expect(text(fixture)).toContain('During hydration Angular expected <div> but found <span>.');
+    expect(text(fixture)).toContain('browser extension or third-party script');
+  });
+
+  it('walks the lookup of a missing provider through explain-injection', async () => {
+    const answer: InjectionExplanation = {
+      pageId: 'p1',
+      token: 'TripApi',
+      flags: [],
+      outcome: 'error',
+      summary: 'No injector Angular asks provides `TripApi`, so it throws NG0201.',
+      steps: [
+        {
+          id: 'el-list',
+          name: '<app-trip-list>',
+          type: 'element',
+          component: 'TripList',
+          status: 'missing',
+          reason: 'Not in its providers.',
+        },
+        {
+          id: 'env-r',
+          name: 'Root',
+          type: 'environment',
+          status: 'missing',
+          reason: "An `@Injectable({ providedIn: 'root' })` class would be created here.",
+        },
+      ],
+    };
+    const call = vi.fn<RpcCall>().mockResolvedValue(answer);
+    const fixture = await mount(
+      [
+        group({
+          code: 'NG0201',
+          explain: { kind: 'missing-provider', token: 'TripApi', path: ['TripList', 'TripApi'] },
+        }),
+      ],
+      { call },
+    );
+    expect(text(fixture)).toContain('TokenTripApi');
+    expect(text(fixture)).toContain('PathTripList → TripApi');
+    const button = [...host(fixture).querySelectorAll('button')].find(
+      (b) => b.textContent?.trim() === 'Explain lookup',
+    )!;
+    button.click();
+    await settle(fixture);
+    expect(call).toHaveBeenCalledWith('explain-injection', {
+      selector: 'c1-7',
+      token: 'TripApi',
+      pageId: 'p1',
+    });
+    const steps = [...host(fixture).querySelectorAll('ol.steps > li')];
+    expect(steps).toHaveLength(2);
+    expect(steps[0]!.querySelector('.chip')?.textContent?.trim()).toBe('Not provided');
+    // Code spans in reasons render as <code>, not as backticks.
+    expect(steps[1]!.querySelector('.reason code')?.textContent).toBe(
+      "@Injectable({ providedIn: 'root' })",
+    );
+    expect(host(fixture).querySelector('.summary code')?.textContent).toBe('TripApi');
+  });
+
+  it('shows why the lookup failed, and hides the button without the Injectors tab', async () => {
+    const call = vi.fn<RpcCall>().mockResolvedValue({ error: 'No injector data available.' });
+    const errors = [group({ explain: { kind: 'missing-provider', token: 'TripApi' } })];
+    const fixture = await mount(errors, { call });
+    [...host(fixture).querySelectorAll('button')]
+      .find((b) => b.textContent?.trim() === 'Explain lookup')!
+      .click();
+    await settle(fixture);
+    expect(host(fixture).querySelector('[role="alert"]')?.textContent).toContain(
+      'No injector data available.',
+    );
+    const off = await mount(errors, { injectors: false });
+    expect(
+      [...host(off).querySelectorAll('button')].some((b) =>
+        b.textContent?.includes('Explain lookup'),
+      ),
+    ).toBe(false);
+  });
+
+  it('splits code spans out of text', () => {
+    expect(codeSegments('a `b` c')).toEqual([
+      { code: false, text: 'a ' },
+      { code: true, text: 'b' },
+      { code: false, text: ' c' },
+    ]);
+  });
+});
diff --git a/app/src/__tests__/leaks-section.test.ts b/app/src/__tests__/leaks-section.test.ts
new file mode 100644
index 00000000..d13ebaa6
--- /dev/null
+++ b/app/src/__tests__/leaks-section.test.ts
@@ -0,0 +1,159 @@
+import { TestBed, type ComponentFixture } from '@angular/core/testing';
+import type { DevframeRpcClient } from 'devframe/client';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { LeaksSection, type LeaksPage } from '../pages/leaks-section';
+
+const NOW = 1_000_000;
+
+function page(extra: Partial<LeaksPage> = {}): LeaksPage {
+  return {
+    pageId: 'p1',
+    url: '/trips',
+    title: 'Trips',
+    at: NOW,
+    reportedAt: NOW,
+    support: { retention: true, effects: true, subscriptions: 'off', detached: true },
+    navigations: 5,
+    totals: { components: 3, effects: 3, subscriptions: 0, destroyed: 3, collected: 4, dropped: 0 },
+    components: [
+      { id: 'c1', name: 'TripList', effects: 2, subscriptions: 0 },
+      { id: 'c2', name: 'Banner', effects: 0, sharedEffects: 1, subscriptions: 0 },
+    ],
+    destroyed: [
+      { id: 'c9', name: 'TripCard', route: '/trips/7', destroyedAt: NOW - 60_000, navigations: 3 },
+      { id: 'c10', name: 'TripMap', route: '/trips/8', destroyedAt: NOW - 1000, navigations: 0 },
+      {
+        id: 'c11',
+        name: 'Cached',
+        route: '/a',
+        destroyedAt: NOW - 90_000,
+        navigations: 4,
+        detached: true,
+      },
+    ],
+    subscriptions: [],
+    ...extra,
+  };
+}
+
+let fixture: ComponentFixture<LeaksSection>;
+let rpcCall: ReturnType<typeof vi.fn>;
+const host = () => fixture.nativeElement as HTMLElement;
+const text = () => host().textContent!.replace(/\s+/g, ' ');
+const button = (label: string) =>
+  [...host().querySelectorAll('button')].find((b) => b.textContent?.trim().startsWith(label))!;
+
+async function show(report: LeaksPage | null) {
+  fixture.componentRef.setInput('report', report);
+  await fixture.whenStable();
+}
+
+describe('LeaksSection', () => {
+  beforeEach(() => {
+    rpcCall = vi.fn(() => Promise.resolve({ pages: 1 }));
+    const client = { scope: () => ({ rpc: { call: rpcCall } }) };
+    fixture = TestBed.createComponent(LeaksSection);
+    fixture.componentRef.setInput('pageId', 'p1');
+    fixture.componentRef.setInput('rpc', client as unknown as DevframeRpcClient);
+    fixture.componentRef.setInput('now', () => NOW);
+  });
+
+  afterEach(() => {
+    fixture?.destroy();
+    TestBed.resetTestingModule();
+  });
+
+  it('says when the page has not reported yet, with the track button disabled', async () => {
+    await show(null);
+    expect(text()).toContain('No leak data from this page yet');
+    expect(button('Track subscriptions').disabled).toBe(true);
+  });
+
+  it('lists retained instances apart from recent and detached ones, and says it is a hint', async () => {
+    await show(page());
+    const retained = host().querySelectorAll('.rows')[0]!;
+    expect(retained.textContent).toContain('TripCard');
+    expect(retained.textContent).toContain('/trips/7');
+    expect(retained.textContent).toContain('3 navigations ago');
+    expect(retained.textContent).toContain('60 s old');
+    expect(retained.textContent).not.toContain('TripMap');
+    expect(text()).toContain('destroyed recently and not collected yet: TripMap');
+    expect(text()).toContain('not destroyed (detached views, such as a route reuse cache): Cached');
+    expect(text()).toContain('Memory panel');
+    expect(text()).toContain('5 navigations · 1 still retained · 4 instances collected');
+    // h2 then h3, never skipping a level.
+    expect(host().querySelector('h2')!.textContent).toContain('Leaks');
+    expect(host().querySelectorAll('h3')).toHaveLength(3);
+  });
+
+  it('lists live effects, with the shared note, and selects or highlights a component', async () => {
+    await show(page());
+    const shown: string[] = [];
+    const lit: (string | null)[] = [];
+    fixture.componentInstance.showComponent.subscribe((id) => shown.push(id));
+    fixture.componentInstance.highlight.subscribe((id) => lit.push(id));
+    const row = button('TripList');
+    expect(row.textContent).toContain('2 effects');
+    expect(button('Banner').textContent).toContain('0 effects, 1 shared');
+    expect(text()).toContain('show as shared');
+    row.dispatchEvent(new Event('mouseenter'));
+    row.click();
+    row.dispatchEvent(new Event('mouseleave'));
+    expect(shown).toEqual(['c1']);
+    expect(lit).toEqual(['c1', null]);
+  });
+
+  it('starts and stops subscription tracking for its page and announces it', async () => {
+    await show(page());
+    expect(text()).toContain('Off. Track subscriptions wraps Observable.prototype.subscribe');
+    const track = button('Track subscriptions');
+    expect(track.getAttribute('aria-pressed')).toBe('false');
+    track.click();
+    await fixture.whenStable();
+    expect(rpcCall).toHaveBeenLastCalledWith('request-leak-tracking', { pageId: 'p1', on: true });
+    expect(host().querySelector('[role="status"]')!.textContent).toContain(
+      'Tracking subscriptions',
+    );
+
+    await show(
+      page({
+        support: { retention: true, effects: true, subscriptions: 'on', instances: true },
+        subscriptions: [
+          {
+            name: 'TripCard',
+            instanceId: 'c9',
+            count: 2,
+            source: 'TripCard.ngOnInit (trip-card.ts:12:7)',
+            route: '/trips/7',
+            openedAt: NOW - 70_000,
+            reason: 'instance-destroyed',
+          },
+        ],
+      }),
+    );
+    expect(text()).toMatch(/TripCard\s*2 open\s*instance destroyed\s*TripCard\.ngOnInit/);
+    expect(text()).toContain('takeUntilDestroyed()');
+    const stop = button('Stop tracking subscriptions');
+    expect(stop.getAttribute('aria-pressed')).toBe('true');
+    stop.click();
+    await fixture.whenStable();
+    expect(rpcCall).toHaveBeenLastCalledWith('request-leak-tracking', { pageId: 'p1', on: false });
+  });
+
+  it('shows the unavailable states', async () => {
+    await show(
+      page({
+        support: { retention: false, effects: false, subscriptions: 'unavailable' },
+        components: [],
+      }),
+    );
+    expect(text()).toContain('cannot track destroyed components');
+    expect(text()).toContain('no RxJS the overlay can load');
+    fixture.componentRef.setInput('angular', {
+      version: '19.2.0',
+      capabilities: { signalGraph: true },
+    });
+    await fixture.whenStable();
+    expect(text()).toContain('The live signal graph needs Angular 20.1 or later');
+  });
+});
diff --git a/app/src/app.ts b/app/src/app.ts
index 6f7dfb40..5ed2728b 100644
--- a/app/src/app.ts
+++ b/app/src/app.ts
@@ -559,6 +559,7 @@ function readView(): View | null {
               <app-errors-inspector
                 [rpc]="rpc()"
                 [canShowComponent]="config().inspectors.components"
+                [canExplainInjection]="config().inspectors.injectors"
                 (showComponent)="showComponent($event)"
               />
             }
diff --git a/app/src/pages/cd-diagnosis.ts b/app/src/pages/cd-diagnosis.ts
new file mode 100644
index 00000000..de11d85d
--- /dev/null
+++ b/app/src/pages/cd-diagnosis.ts
@@ -0,0 +1,227 @@
+import { Component, computed, input } from '@angular/core';
+import { CD_CAUSE_KINDS, CD_CAUSE_LABEL, cdHints } from '@pangular-inspector/devtools/cd-data';
+import type { CdReport } from '@pangular-inspector/devtools/config';
+
+const SHOWN = 10;
+
+/** What started a recording's cycles, zone.js dependents, wasted checks, inputs that break OnPush and hints. */
+@Component({
+  selector: 'app-cd-diagnosis',
+  template: `
+    @if (diagnosis(); as d) {
+      <section class="diagnosis" aria-labelledby="cd-diagnosis-heading">
+        <h3 id="cd-diagnosis-heading">Why it ran and what it wasted</h3>
+        <div class="grid">
+          <div>
+            <h4>What started the cycles</h4>
+            @if (!d.triggers) {
+              <p class="note">
+                The page has no Angular change detection scheduler the overlay could find (it needs
+                Angular 18 or later), so cycles have no cause.
+              </p>
+            } @else if (causes().length) {
+              <table>
+                <thead>
+                  <tr>
+                    <th scope="col">Trigger</th>
+                    <th scope="col" class="num">Cycles</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  @for (row of causes(); track row.kind) {
+                    <tr>
+                      <td>{{ row.label }}</td>
+                      <td class="num">{{ row.count }}</td>
+                    </tr>
+                  }
+                </tbody>
+              </table>
+            } @else {
+              <p class="note">No cycle has a cause yet.</p>
+            }
+          </div>
+          <div>
+            <h4>Depends on zone.js</h4>
+            @if (zone().length) {
+              <table>
+                <thead>
+                  <tr>
+                    <th scope="col">Component</th>
+                    <th scope="col" class="num">Zone-only ticks</th>
+                    <th scope="col">After</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  @for (z of zone(); track z.name) {
+                    <tr>
+                      <td class="mono">{{ z.name }}</td>
+                      <td class="num">{{ z.ticks }}</td>
+                      <td class="mono">{{ z.tasks?.join(', ') }}</td>
+                    </tr>
+                  }
+                </tbody>
+              </table>
+            } @else if (d.triggers) {
+              <p class="note">{{ zoneNote() }}</p>
+            }
+          </div>
+        </div>
+        <h4>Wasted checks</h4>
+        @if (!d.waste) {
+          <p class="note">The page can't watch DOM updates, so wasted checks are not counted.</p>
+        } @else if (wasted().length) {
+          <table>
+            <thead>
+              <tr>
+                <th scope="col">Component</th>
+                <th scope="col" class="num">Refreshed</th>
+                <th scope="col" class="num">Changed nothing</th>
+                <th scope="col">Strategy</th>
+              </tr>
+            </thead>
+            <tbody>
+              @for (c of wasted(); track c.name) {
+                <tr>
+                  <td class="mono">{{ c.name }}</td>
+                  <td class="num">{{ c.refreshed }}</td>
+                  <td class="num">{{ c.unchanged }} ({{ share(c.unchanged, c.refreshed) }})</td>
+                  <td>{{ c.strategy ?? 'Unknown' }}</td>
+                </tr>
+              }
+            </tbody>
+          </table>
+        } @else {
+          <p class="note">Every refreshed check changed something.</p>
+        }
+        @if (inputs().length) {
+          <h4>Inputs that break OnPush</h4>
+          <table>
+            <thead>
+              <tr>
+                <th scope="col">Input</th>
+                <th scope="col">Set by</th>
+                <th scope="col" class="num">Changed in place</th>
+                <th scope="col" class="num">Same contents, new reference</th>
+              </tr>
+            </thead>
+            <tbody>
+              @for (i of inputs(); track i.name + '.' + i.input) {
+                <tr>
+                  <td class="mono">{{ i.name }}.{{ i.input }}</td>
+                  <td class="mono">{{ i.parent ?? 'Unknown' }}</td>
+                  <td class="num">{{ i.inPlace }}</td>
+                  <td class="num">{{ i.sameContents }}</td>
+                </tr>
+              }
+            </tbody>
+          </table>
+        }
+        @if (hints().length) {
+          <h4>Hints</h4>
+          <ul class="hints">
+            @for (hint of hints(); track $index) {
+              <li>{{ hint.text }}</li>
+            }
+          </ul>
+        }
+      </section>
+    }
+  `,
+  styles: `
+    @use 'mixins' as m;
+
+    :host {
+      display: block;
+    }
+    h3 {
+      @include m.label;
+      margin: 16px 0 6px;
+    }
+    h4 {
+      margin: 12px 0 6px;
+      color: var(--text-2);
+      font-size: 12px;
+      font-weight: 600;
+    }
+    .grid {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr);
+      gap: 0 16px;
+    }
+    @media (min-width: 880px) {
+      .grid {
+        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+      }
+    }
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 12px;
+    }
+    th,
+    td {
+      padding: 4px 6px;
+      border-bottom: 1px solid var(--border);
+      text-align: left;
+    }
+    th {
+      color: var(--text-2);
+      font-weight: 500;
+    }
+    td.mono {
+      overflow-wrap: anywhere;
+    }
+    .num {
+      text-align: right;
+      font-variant-numeric: tabular-nums;
+    }
+    .mono {
+      font-family: var(--font-mono);
+    }
+    .note {
+      margin: 4px 0 8px;
+      color: var(--text-2);
+      font-size: 12px;
+      line-height: 1.5;
+    }
+    .hints {
+      margin: 0;
+      padding-left: 18px;
+      color: var(--text);
+      font-size: 12px;
+      line-height: 1.5;
+    }
+    .hints li + li {
+      margin-top: 4px;
+    }
+  `,
+})
+export class CdDiagnosis {
+  readonly page = input<CdReport | null>(null);
+
+  readonly diagnosis = computed(() => this.page()?.diagnosis ?? null);
+  readonly causes = computed(() => {
+    const counts = this.diagnosis()?.causes ?? {};
+    return CD_CAUSE_KINDS.filter((kind) => counts[kind]).map((kind) => ({
+      kind,
+      label: CD_CAUSE_LABEL[kind],
+      count: counts[kind]!,
+    }));
+  });
+  readonly zone = computed(() => (this.diagnosis()?.zone ?? []).slice(0, SHOWN));
+  readonly zoneNote = computed(() => {
+    const ticks = this.diagnosis()?.causes.zone ?? 0;
+    return ticks
+      ? `${ticks} ${ticks === 1 ? 'tick' : 'ticks'} came from zone.js alone, and no component changed in them.`
+      : 'No component changed in a tick only zone.js started.';
+  });
+  readonly wasted = computed(() =>
+    (this.diagnosis()?.components ?? []).filter((c) => c.unchanged > 0).slice(0, SHOWN),
+  );
+  readonly inputs = computed(() => (this.diagnosis()?.inputs ?? []).slice(0, SHOWN));
+  readonly hints = computed(() => cdHints(this.diagnosis() ?? undefined).slice(0, SHOWN));
+
+  protected share(part: number, whole: number): string {
+    return whole ? `${Math.round((part / whole) * 100)}%` : '0%';
+  }
+}
diff --git a/app/src/pages/cd-recording.ts b/app/src/pages/cd-recording.ts
index 838e8fdd..63c5d716 100644
--- a/app/src/pages/cd-recording.ts
+++ b/app/src/pages/cd-recording.ts
@@ -7,7 +7,10 @@ import { rpcCall as call } from '../rpc';
 import { LimitNote } from '../ui/limit-note';
 import { AngularUnavailable } from '../ui/angular-unavailable';
 import { angularPageFor, injectAngularPages } from '../angular-pages';
+import { cdCauseText } from '@pangular-inspector/devtools/cd-data';
+import type { CdCause } from '@pangular-inspector/devtools/config';
 import { aggregateComponents, cyclesInRange, type CdRange } from './cd-chart-data';
+import { CdDiagnosis } from './cd-diagnosis';
 import { CdCycleChart } from './cd-cycle-chart';
 import { CdFlameGraph } from './cd-flame-graph';
 import { CdTiming } from './cd-timing';
@@ -28,6 +31,7 @@ const SHOWN_CYCLES = 30;
     AngularUnavailable,
     LimitNote,
     CdTiming,
+    CdDiagnosis,
     CdTransfer,
     CdCycleChart,
     CdFlameGraph,
@@ -63,8 +67,10 @@ const SHOWN_CYCLES = 30;
       }
       <p class="hint">
         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.
+        components it checked, what started it and which checks changed nothing. Tree rows show how
+        often each instance was checked. Times come from a development build. While it records, the
+        page also wraps Angular's scheduler, adds a signal write hook and watches DOM updates; all
+        of it stops with the recording.
       </p>
       @if (page()?.supported === false) {
         <app-angular-unavailable [page]="angularPage()" capability="profiler" missing compact />
@@ -200,11 +206,18 @@ const SHOWN_CYCLES = 30;
                     {{ cycle.passes }}
                     {{ cycle.passes === 1 ? 'pass' : 'passes' }}
                   </span>
-                  @if (cycle.trigger) {
+                  @if (cycle.cause; as cause) {
+                    <span class="trigger"
+                      >from <span class="mono">{{ causeText(cause) }}</span></span
+                    >
+                  } @else if (cycle.trigger) {
                     <span class="trigger"
                       >after <span class="mono">{{ cycle.trigger }}</span></span
                     >
                   }
+                  @if (cycle.unchanged) {
+                    <span class="timing">{{ cycle.unchanged }} changed nothing</span>
+                  }
                   @if (cycle.hookMs) {
                     <span class="timing">hooks {{ ms(cycle.hookMs) }}</span>
                   }
@@ -222,6 +235,7 @@ const SHOWN_CYCLES = 30;
           </div>
         </div>
         <app-cd-timing [page]="page()" />
+        <app-cd-diagnosis [page]="page()" />
       } @else if (recording()) {
         <p class="empty">Use the app. Cycles show up here as Angular runs change detection.</p>
       }
@@ -488,6 +502,10 @@ export class CdRecording {
     return time(at);
   }
 
+  protected causeText(cause: CdCause): string {
+    return cdCauseText(cause);
+  }
+
   async toggle() {
     if (this.recording()) {
       await this.send({ on: false }, '', () => {
diff --git a/app/src/pages/component-tree.ts b/app/src/pages/component-tree.ts
index 024dac0c..4beed86c 100644
--- a/app/src/pages/component-tree.ts
+++ b/app/src/pages/component-tree.ts
@@ -48,6 +48,7 @@ import { ValueStore } from './component-value-store';
 import { nestedMatches } from './component-value-state';
 import { StoreGlobal } from '../ui/store-global';
 import { ForBlocksSection, type ForBlock } from './for-blocks-section';
+import { LeaksSection, type LeaksPage } from './leaks-section';
 import { VirtualWindow } from '../ui/virtual-window';
 
 interface SourceComponent {
@@ -201,6 +202,7 @@ function storedDirectiveHosts(): boolean {
     StoreGlobal,
     ForBlocksSection,
     HydrationSection,
+    LeaksSection,
     AngularUnavailable,
   ],
   host: { '(keydown.escape)': 'cancelPick()' },
@@ -807,6 +809,14 @@ function storedDirectiveHosts(): boolean {
           [rpc]="rpc()"
           (showComponent)="showCdComponent($event)"
         />
+        <app-leaks-section
+          [report]="leaksPage()"
+          [pageId]="page()!.pageId"
+          [rpc]="rpc()"
+          [angular]="angularPage()"
+          (showComponent)="revealNode($event)"
+          (highlight)="highlight($event)"
+        />
       }
     } @else {
       @if (page()) {
@@ -1787,6 +1797,13 @@ export class ComponentTree {
   });
   readonly cdHosts = computed(() => this.cdPage()?.hosts ?? {});
 
+  private readonly leaksPages = signal<Record<string, LeaksPage>>({});
+  /** The shown page's leak report, from the `leaks` shared state. */
+  readonly leaksPage = computed(() => {
+    const pageId = this.page()?.pageId;
+    return pageId ? (this.leaksPages()[pageId] ?? null) : null;
+  });
+
   /** The page's tree, without directive hosts when this viewer hid them. */
   private readonly visibleRoots = computed(() => {
     const roots = this.page()?.roots ?? [];
@@ -2128,6 +2145,18 @@ export class ComponentTree {
     } catch {
       this.cdPages.set({});
     }
+    try {
+      const leaks = await my.rpc.sharedState('leaks');
+      if (this.destroyRef.destroyed) return;
+      const applyLeaks = (value: unknown) => {
+        const pages = (value as { pages?: Record<string, LeaksPage> } | null)?.pages;
+        this.leaksPages.set(pages && typeof pages === 'object' ? pages : {});
+      };
+      applyLeaks(leaks.value());
+      this.cleanups.push(leaks.on('updated', applyLeaks));
+    } catch {
+      this.leaksPages.set({});
+    }
     try {
       const router = await my.rpc.sharedState('router');
       if (this.destroyRef.destroyed) return;
diff --git a/app/src/pages/error-explain.ts b/app/src/pages/error-explain.ts
new file mode 100644
index 00000000..baaeb2a6
--- /dev/null
+++ b/app/src/pages/error-explain.ts
@@ -0,0 +1,486 @@
+import { Component, computed, input, signal } from '@angular/core';
+import type { DevframeRpcClient } from 'devframe/client';
+import { time } from '../format';
+import {
+  codeSegments,
+  type ErrorExplain,
+  type ErrorOwner,
+  type InjectionExplanation,
+  type InjectionStep,
+} from './errors-types';
+
+const STEP_LABEL: Record<InjectionStep['status'], string> = {
+  provides: 'Provides it',
+  missing: 'Not provided',
+  hidden: 'Hidden',
+  skipped: 'Skipped',
+  'not-asked': 'Not asked',
+  unknown: 'Unknown',
+};
+
+const STEP_TONE: Record<InjectionStep['status'], string> = {
+  provides: 'ok',
+  missing: 'plain',
+  hidden: 'warn',
+  skipped: 'plain',
+  'not-asked': 'plain',
+  unknown: 'warn',
+};
+
+/**
+ * The explainer under an error in the Errors tab: what changed for an NG0100,
+ * the server vs client DOM diff of a hydration mismatch, and the token of a
+ * missing provider with an Explain lookup button that walks its injectors.
+ */
+@Component({
+  selector: 'app-error-explain',
+  template: `
+    @switch (explain().kind) {
+      @case ('expression-changed') {
+        @if (changed(); as e) {
+          <h3 class="label">What changed</h3>
+          <dl class="facts">
+            <dt>Binding</dt>
+            <dd>
+              @if (e.binding) {
+                <code>{{ e.binding }}</code>
+              } @else {
+                <span class="muted">A text interpolation (Angular doesn't name it)</span>
+              }
+              @if (e.template) {
+                <span class="muted"> in </span><code>{{ e.template }}</code>
+              }
+            </dd>
+            <dt>Previous</dt>
+            <dd>
+              <code class="value">{{ e.previous }}</code>
+            </dd>
+            <dt>Current</dt>
+            <dd>
+              <code class="value">{{ e.current }}</code>
+            </dd>
+            @if (e.members?.length) {
+              <dt>Held by</dt>
+              <dd>
+                @for (member of e.members; track member; let last = $last) {
+                  <code>{{ member }}</code
+                  >{{ last ? '' : ', ' }}
+                }
+              </dd>
+            }
+          </dl>
+          @if (e.masked) {
+            <p class="note">
+              Values are hidden: the binding or a field that holds them has a secret-looking name.
+            </p>
+          }
+          @if (e.creation) {
+            <p class="note">
+              Angular says this view was created after its parent was checked, so a change detection
+              hook such as <code>ngAfterViewInit</code> created it.
+            </p>
+          }
+          @if (e.writes?.length) {
+            <h4 class="label">Written by</h4>
+            <ul class="writes">
+              @for (write of e.writes; track write.signal + write.at) {
+                <li>
+                  Signal <code>{{ write.signal }}</code> at {{ time(write.at) }}
+                  @if (write.stack?.length) {
+                    <ol class="frames" aria-label="App frames that wrote it">
+                      @for (frame of write.stack; track $index) {
+                        <li>
+                          <code>{{ frame }}</code>
+                        </li>
+                      }
+                    </ol>
+                  } @else {
+                    <span class="muted">
+                      (turn on write stacks in the Signals tab and reproduce to see the code)</span
+                    >
+                  }
+                </li>
+              }
+            </ul>
+          } @else if (e.writesKnown) {
+            <p class="note">
+              No named signal was written with this value just before the check. Look for code that
+              sets a field the template reads during change detection, such as
+              <code>ngAfterViewInit</code>, a getter that returns a new value each time, or a child
+              that changes its parent.
+            </p>
+          } @else {
+            <p class="note">
+              Where it was written is unknown: the page doesn't report signal writes (the Signals
+              inspector is off, or Angular is older than 17).
+            </p>
+          }
+        }
+      }
+      @case ('hydration-mismatch') {
+        @if (mismatch(); as m) {
+          <h3 class="label">Server vs client DOM</h3>
+          @if (m.summary) {
+            <p class="summary">{{ m.summary }}</p>
+          }
+          @if (m.diff?.length) {
+            <p class="legend">
+              <span class="sign expected" aria-hidden="true">−</span> server HTML Angular expected
+              <span class="sign actual" aria-hidden="true">+</span> client DOM it found
+            </p>
+            <div
+              class="diff-wrap"
+              tabindex="0"
+              role="region"
+              aria-label="Server vs client DOM diff"
+            >
+              <ol class="diff">
+                @for (line of m.diff; track $index) {
+                  <li [attr.data-op]="line.op">
+                    <span class="sign" aria-hidden="true">{{ signOf(line.op) }}</span>
+                    @if (line.op !== 'same') {
+                      <span class="sr-only">{{
+                        line.op === 'expected' ? 'Server only:' : 'Client only:'
+                      }}</span>
+                    }
+                    <code>{{ line.text }}</code>
+                  </li>
+                }
+              </ol>
+            </div>
+          } @else {
+            <p class="note">Angular described neither side of the mismatch.</p>
+          }
+          @if (m.external) {
+            <p class="note">
+              Angular thinks a browser extension or third-party script changed the DOM before
+              hydration. Try a clean browser profile, or add <code>ngSkipHydration</code> to the
+              host.
+            </p>
+          }
+        }
+      }
+      @case ('missing-provider') {
+        @if (missing(); as p) {
+          <h3 class="label">Missing provider</h3>
+          <dl class="facts">
+            <dt>Token</dt>
+            <dd>
+              <code>{{ p.token }}</code>
+            </dd>
+            @if (p.path?.length) {
+              <dt>Path</dt>
+              <dd>
+                @for (name of p.path; track $index; let last = $last) {
+                  <code>{{ name }}</code
+                  >{{ last ? '' : ' → ' }}
+                }
+              </dd>
+            }
+            @if (p.source) {
+              <dt>Source</dt>
+              <dd>
+                <code>{{ p.source }}</code>
+              </dd>
+            }
+          </dl>
+          @if (canExplain() && owner()) {
+            <button
+              type="button"
+              class="small"
+              [disabled]="loading()"
+              (click)="explainLookup(p.token)"
+            >
+              {{ lookup() ? 'Explain lookup again' : 'Explain lookup' }}
+            </button>
+          } @else if (!owner()) {
+            <p class="note">
+              The component that asked for it wasn't found on the page, so the lookup can't be
+              walked from here.
+            </p>
+          }
+          <div aria-live="polite">
+            @if (loading()) {
+              <p class="note">Walking the lookup…</p>
+            } @else if (lookupError(); as error) {
+              <p class="note" role="alert">
+                @for (part of segments(error); track $index) {
+                  @if (part.code) {
+                    <code>{{ part.text }}</code>
+                  } @else {
+                    {{ part.text }}
+                  }
+                }
+              </p>
+            } @else if (lookup(); as l) {
+              <p class="summary">
+                @for (part of segments(l.summary); track $index) {
+                  @if (part.code) {
+                    <code>{{ part.text }}</code>
+                  } @else {
+                    {{ part.text }}
+                  }
+                }
+              </p>
+              <ol class="steps" aria-label="Injectors Angular asks, in order">
+                @for (step of l.steps; track step.id + $index) {
+                  <li>
+                    <span class="step-name">
+                      <code>{{ step.name }}</code>
+                      @if (step.component) {
+                        <code class="muted">{{ step.component }}</code>
+                      }
+                    </span>
+                    <span class="chip" [attr.data-tone]="stepTone[step.status]">{{
+                      stepLabel[step.status]
+                    }}</span>
+                    <span class="reason">
+                      @for (part of segments(step.reason); track $index) {
+                        @if (part.code) {
+                          <code>{{ part.text }}</code>
+                        } @else {
+                          {{ part.text }}
+                        }
+                      }
+                    </span>
+                  </li>
+                }
+              </ol>
+              <p class="note">
+                Read from the injector tree the page reported, assuming no <code>self</code>,
+                <code>skipSelf</code>, <code>host</code> or <code>optional</code>. Agents can pass
+                those to <code>explain-injection</code>.
+                @if (l.approximate) {
+                  This Angular version has no resolution path, so the path follows the rendered
+                  tree.
+                }
+              </p>
+            }
+          </div>
+        }
+      }
+    }
+  `,
+  styles: `
+    @use 'mixins' as m;
+    :host {
+      display: grid;
+      gap: 6px;
+      min-width: 0;
+      padding: 8px 10px;
+      border: 1px solid var(--border);
+      border-radius: var(--radius-sm);
+      background: var(--bg);
+      font-size: 12px;
+    }
+    .label {
+      @include m.label;
+      margin: 0;
+    }
+    code {
+      font-family: var(--font-mono);
+      font-size: 12px;
+      overflow-wrap: anywhere;
+    }
+    .muted {
+      color: var(--text-2);
+    }
+    .facts {
+      display: grid;
+      grid-template-columns: max-content minmax(0, 1fr);
+      gap: 4px 12px;
+      margin: 0;
+    }
+    dt {
+      color: var(--text-2);
+    }
+    dd {
+      min-width: 0;
+      margin: 0;
+    }
+    .value {
+      white-space: pre-wrap;
+    }
+    .note,
+    .summary,
+    .legend {
+      margin: 0;
+      color: var(--text-2);
+      line-height: 1.5;
+    }
+    .summary {
+      color: var(--text);
+    }
+    .writes,
+    .frames {
+      margin: 0;
+      padding-left: 18px;
+    }
+    .diff-wrap {
+      max-height: 280px;
+      overflow: auto;
+      border-radius: var(--radius-sm);
+      border: 1px solid var(--border);
+    }
+    .diff-wrap:focus-visible {
+      @include m.focus-ring(-2px);
+    }
+    .diff {
+      min-width: max-content;
+      margin: 0;
+      padding: 4px 0;
+      list-style: none;
+    }
+    .diff li {
+      display: flex;
+      gap: 8px;
+      padding: 0 8px;
+      white-space: pre;
+    }
+    .diff code {
+      overflow-wrap: normal;
+    }
+    .diff li[data-op='expected'] {
+      @include m.tint(danger);
+    }
+    .diff li[data-op='actual'] {
+      @include m.tint(ok);
+    }
+    .sign {
+      flex-shrink: 0;
+      width: 1ch;
+      font-family: var(--font-mono);
+      font-weight: 700;
+    }
+    .legend .sign {
+      display: inline-block;
+      text-align: center;
+    }
+    .legend .sign.expected {
+      color: var(--danger-text);
+    }
+    .legend .sign.actual {
+      color: var(--ok-text);
+    }
+    .small {
+      justify-self: start;
+      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;
+      cursor: pointer;
+    }
+    .small:hover {
+      background: var(--surface-3);
+    }
+    .small:disabled {
+      cursor: progress;
+    }
+    .small:focus-visible {
+      @include m.focus-ring;
+    }
+    .steps {
+      display: grid;
+      gap: 4px;
+      margin: 0;
+      padding-left: 22px;
+    }
+    .steps li {
+      padding: 2px 0;
+    }
+    .step-name {
+      display: inline-flex;
+      flex-wrap: wrap;
+      gap: 6px;
+      margin-right: 6px;
+    }
+    .reason {
+      display: block;
+      color: var(--text-2);
+      line-height: 1.5;
+    }
+    .chip {
+      display: inline-flex;
+      align-items: center;
+      padding: 0 8px;
+      border: 1px solid transparent;
+      border-radius: 99px;
+      font-size: 11px;
+      font-weight: 600;
+    }
+    .chip[data-tone='ok'] {
+      @include m.tint(ok);
+    }
+    .chip[data-tone='warn'] {
+      @include m.tint(warn);
+    }
+    .chip[data-tone='plain'] {
+      border-color: var(--border);
+      background: var(--surface-2);
+      color: var(--text-2);
+    }
+  `,
+})
+export class ErrorExplainView {
+  readonly explain = input.required<ErrorExplain>();
+  readonly owner = input<ErrorOwner | undefined>(undefined);
+  readonly pageId = input<string>('');
+  readonly rpc = input<DevframeRpcClient | null>(null);
+  /** Whether the Injectors inspector is on, so the lookup can be walked. */
+  readonly canExplain = input(false);
+
+  protected readonly time = time;
+  protected readonly segments = codeSegments;
+  protected readonly stepLabel = STEP_LABEL;
+  protected readonly stepTone = STEP_TONE;
+
+  protected readonly changed = computed(() => {
+    const e = this.explain();
+    return e.kind === 'expression-changed' ? e : null;
+  });
+  protected readonly mismatch = computed(() => {
+    const e = this.explain();
+    return e.kind === 'hydration-mismatch' ? e : null;
+  });
+  protected readonly missing = computed(() => {
+    const e = this.explain();
+    return e.kind === 'missing-provider' ? e : null;
+  });
+
+  readonly loading = signal(false);
+  readonly lookup = signal<InjectionExplanation | null>(null);
+  readonly lookupError = signal<string | null>(null);
+
+  signOf(op: 'same' | 'expected' | 'actual'): string {
+    return op === 'expected' ? '−' : op === 'actual' ? '+' : ' ';
+  }
+
+  async explainLookup(token: string) {
+    const client = this.rpc();
+    const owner = this.owner();
+    if (!client || !owner) return;
+    this.loading.set(true);
+    this.lookupError.set(null);
+    try {
+      const answer = (await client.scope('pangular').rpc.call('explain-injection', {
+        selector: owner.id,
+        token,
+        pageId: this.pageId(),
+      } as never)) as InjectionExplanation | { error: string } | null;
+      if (!answer || 'error' in answer) {
+        this.lookup.set(null);
+        this.lookupError.set(answer?.error ?? "The server didn't answer.");
+      } else {
+        this.lookup.set(answer);
+      }
+    } catch {
+      this.lookup.set(null);
+      this.lookupError.set("Can't reach the devtools server. Try again.");
+    } finally {
+      this.loading.set(false);
+    }
+  }
+}
diff --git a/app/src/pages/errors-inspector.ts b/app/src/pages/errors-inspector.ts
index 81245867..82c0f7e6 100644
--- a/app/src/pages/errors-inspector.ts
+++ b/app/src/pages/errors-inspector.ts
@@ -13,6 +13,7 @@ import type { DevframeRpcClient } from 'devframe/client';
 import { time } from '../format';
 import { hostPageId } from '../page-id';
 import { Select, type SelectOption } from '../ui/select';
+import { ErrorExplainView } from './error-explain';
 import type { ComponentFocus } from '../types/component-focus.types';
 import {
   ALL_PAGES,
@@ -39,7 +40,7 @@ const LEVEL_TONE: Record<ConsoleLevel, string> = {
 
 @Component({
   selector: 'app-errors-inspector',
-  imports: [Select],
+  imports: [Select, ErrorExplainView],
   template: `
     @if (!loaded()) {
       <p class="state" role="status">Loading errors…</p>
@@ -193,6 +194,15 @@ const LEVEL_TONE: Record<ConsoleLevel, string> = {
                       }
                     }
                   </div>
+                  @if (error.explain; as explain) {
+                    <app-error-explain
+                      [explain]="explain"
+                      [owner]="error.owner"
+                      [pageId]="error.pageId"
+                      [rpc]="rpc()"
+                      [canExplain]="canExplainInjection()"
+                    />
+                  }
                   @if (error.stack) {
                     <details>
                       <summary>Stack</summary>
@@ -537,6 +547,8 @@ 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);
+  /** Whether the Injectors tab is on, so a missing provider can walk its lookup. */
+  readonly canExplainInjection = input(false);
   readonly showComponent = output<ComponentFocus>();
 
   private readonly destroyRef = inject(DestroyRef);
diff --git a/app/src/pages/errors-types.ts b/app/src/pages/errors-types.ts
index 52268ca6..559d4793 100644
--- a/app/src/pages/errors-types.ts
+++ b/app/src/pages/errors-types.ts
@@ -10,6 +10,65 @@ export interface ErrorOwner {
   name: string;
 }
 
+/** One line of the server vs client DOM diff the server builds for a hydration mismatch. */
+export interface DiffLine {
+  op: 'same' | 'expected' | 'actual';
+  text: string;
+}
+
+/** What the page read about an NG0100, a hydration mismatch or a missing provider. */
+export type ErrorExplain =
+  | {
+      kind: 'expression-changed';
+      binding?: string;
+      template?: string;
+      previous: string;
+      current: string;
+      masked?: boolean;
+      creation?: boolean;
+      members?: string[];
+      writes?: { signal: string; at: number; stack?: string[] }[];
+      writesKnown?: boolean;
+    }
+  | {
+      kind: 'hydration-mismatch';
+      summary?: string;
+      expected?: string;
+      actual?: string;
+      external?: boolean;
+      diff?: DiffLine[];
+    }
+  | { kind: 'missing-provider'; token: string; path?: string[]; source?: string };
+
+/** One injector of an `explain-injection` answer. */
+export interface InjectionStep {
+  id: string;
+  name: string;
+  type: 'element' | 'environment' | 'null';
+  component?: string;
+  status: 'provides' | 'missing' | 'hidden' | 'skipped' | 'not-asked' | 'unknown';
+  reason: string;
+}
+
+/** The `explain-injection` RPC answer: the lookup path of a token, step by step. */
+export interface InjectionExplanation {
+  pageId: string;
+  token: string;
+  flags: string[];
+  steps: InjectionStep[];
+  outcome: 'resolved' | 'null' | 'error' | 'unknown';
+  summary: string;
+  approximate?: boolean;
+}
+
+/** Text with `code` spans, split so a template can render them as `<code>`. */
+export function codeSegments(text: string): { code: boolean; text: string }[] {
+  return text
+    .split('`')
+    .map((part, index) => ({ code: index % 2 === 1, text: part }))
+    .filter((part) => part.text);
+}
+
 export interface ErrorGroup {
   id: string;
   message: string;
@@ -22,6 +81,7 @@ export interface ErrorGroup {
   sources: ('handler' | 'window' | 'promise')[];
   stack?: string;
   owner?: ErrorOwner;
+  explain?: ErrorExplain;
 }
 
 export interface ConsoleEntry {
diff --git a/app/src/pages/leaks-section.ts b/app/src/pages/leaks-section.ts
new file mode 100644
index 00000000..76fef687
--- /dev/null
+++ b/app/src/pages/leaks-section.ts
@@ -0,0 +1,472 @@
+import { Component, computed, input, output, signal } from '@angular/core';
+import {
+  RETAINED_AFTER_MS,
+  RETAINED_AFTER_NAVIGATIONS,
+  type AngularPageInfo,
+} from '@pangular-inspector/devtools/config';
+import type { DevframeRpcClient } from 'devframe/client';
+import { rpcCall } from '../rpc';
+import { AngularUnavailable } from '../ui/angular-unavailable';
+
+/** A component on the page with its live effects and tracked subscriptions. */
+export interface LeakComponent {
+  id: string;
+  name: string;
+  effects: number;
+  sharedEffects?: number;
+  subscriptions: number;
+}
+
+/** A component instance that left the page and was not collected yet. */
+export interface LeakDestroyed {
+  id: string;
+  name: string;
+  route: string;
+  destroyedAt: number;
+  navigations: number;
+  detached?: boolean;
+  subscriptions?: number;
+}
+
+/** Subscriptions still open after the component that made them went away. */
+export interface LeakSubscription {
+  name: string;
+  instanceId?: string;
+  count: number;
+  source?: string;
+  route: string;
+  openedAt: number;
+  reason: 'instance-destroyed' | 'no-live-instance';
+}
+
+/** One page's leak report, as the `leaks` shared state holds it. */
+export interface LeaksPage {
+  pageId: string;
+  url: string;
+  title: string;
+  at: number;
+  reportedAt: number;
+  support: {
+    retention: boolean;
+    effects: boolean;
+    subscriptions: 'off' | 'on' | 'unavailable';
+    instances?: boolean;
+    detached?: boolean;
+  };
+  navigations: number;
+  totals: {
+    components: number;
+    effects: number;
+    subscriptions: number;
+    destroyed: number;
+    collected: number;
+    dropped: number;
+  };
+  components: LeakComponent[];
+  destroyed: LeakDestroyed[];
+  subscriptions: LeakSubscription[];
+}
+
+const SHOWN = 20;
+
+function age(ms: number): string {
+  const seconds = Math.max(0, Math.round(ms / 1000));
+  if (seconds < 120) return `${seconds} s`;
+  const minutes = Math.round(seconds / 60);
+  return minutes < 120 ? `${minutes} min` : `${Math.round(minutes / 60)} h`;
+}
+
+const plural = (n: number, one: string, many = `${one}s`) => `${n} ${n === 1 ? one : many}`;
+
+/**
+ * Leak hints on the Components page: instances destroyed but still in memory
+ * after a few navigations, subscriptions still open after their component went
+ * away (while tracking is on), and live effects and subscriptions per component.
+ */
+@Component({
+  selector: 'app-leaks-section',
+  imports: [AngularUnavailable],
+  template: `
+    <section class="leaks" aria-labelledby="ct-leaks-title">
+      <div class="head">
+        <h2 id="ct-leaks-title">Leaks</h2>
+        <button
+          type="button"
+          class="track"
+          [attr.aria-pressed]="tracking()"
+          [disabled]="!pageId() || busy() || !report()"
+          (click)="toggle()"
+        >
+          {{ tracking() ? 'Stop tracking subscriptions' : 'Track subscriptions' }}
+        </button>
+        <p class="sr-only" role="status">{{ announcement() }}</p>
+      </div>
+      <p class="hint">
+        Components that left the page but are still in memory, and the live effects and RxJS
+        subscriptions of each component. The browser collects garbage when it decides, so a retained
+        instance is a hint: check what holds it in the Chrome DevTools Memory panel.
+      </p>
+
+      @if (report(); as page) {
+        @if (!page.support.retention) {
+          <p class="note" role="status">
+            This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and
+            the Angular debug API of a development build.
+          </p>
+        }
+        <p class="stats">
+          {{ plural(page.navigations, 'navigation') }} · {{ retained().length }} still retained ·
+          {{ plural(page.totals.collected, 'instance') }} collected
+        </p>
+
+        <h3 class="sub">
+          Still retained
+          <span class="pill">{{ retained().length }}</span>
+        </h3>
+        @if (retained().length) {
+          <p class="note">
+            Destroyed, yet still in memory after at least {{ minNavigations }} navigations and
+            {{ minSeconds }} seconds. Take a heap snapshot, search for the class and read its
+            retainers.
+          </p>
+          <ul class="rows">
+            @for (item of retained().slice(0, shown); track item.id) {
+              <li class="row">
+                <span class="name mono">{{ item.name }}</span>
+                <span class="meta mono">{{ item.route || '/' }}</span>
+                <span class="count">{{ plural(item.navigations, 'navigation') }} ago</span>
+                <span class="meta">{{ ageOf(item) }}</span>
+                @if (item.subscriptions) {
+                  <span class="flag warn">{{
+                    plural(item.subscriptions, 'open subscription')
+                  }}</span>
+                }
+              </li>
+            }
+          </ul>
+        } @else {
+          <p class="note">No destroyed component is still in memory after a few navigations.</p>
+        }
+        @if (recent().length) {
+          <p class="note">
+            {{ plural(recent().length, 'instance') }} destroyed recently and not collected yet:
+            <span class="mono">{{ names(recent()) }}</span
+            >. Navigate a few times to see whether they stay.
+          </p>
+        }
+        @if (detached().length) {
+          <p class="note">
+            Off the page but not destroyed (detached views, such as a route reuse cache):
+            <span class="mono">{{ names(detached()) }}</span
+            >.
+          </p>
+        }
+
+        <h3 class="sub">
+          Open subscriptions after destroy
+          @if (page.support.subscriptions === 'on') {
+            <span class="pill">{{ page.subscriptions.length }}</span>
+          }
+        </h3>
+        @switch (page.support.subscriptions) {
+          @case ('on') {
+            @if (page.subscriptions.length) {
+              <p class="note">
+                Still open although the component that made them is gone. Tear them down with
+                takeUntilDestroyed(), DestroyRef.onDestroy or the async pipe.
+              </p>
+              <ul class="rows">
+                @for (sub of page.subscriptions.slice(0, shown); track $index) {
+                  <li class="row">
+                    <span class="name mono">{{ sub.name }}</span>
+                    <span class="count">{{ sub.count }} open</span>
+                    <span class="flag warn">
+                      {{
+                        sub.reason === 'instance-destroyed'
+                          ? 'instance destroyed'
+                          : 'no instance left'
+                      }}
+                    </span>
+                    @if (sub.source) {
+                      <span class="meta mono">{{ sub.source }}</span>
+                    }
+                  </li>
+                }
+              </ul>
+            } @else {
+              <p class="note">No subscription is still open after its component went away.</p>
+            }
+            @if (!page.support.instances) {
+              <p class="note">
+                Subscriptions are tied to component classes only; Angular 20 profiler hooks tie them
+                to instances.
+              </p>
+            }
+          }
+          @case ('unavailable') {
+            <p class="note" role="status">
+              Tracking could not start: the page has no RxJS the overlay can load.
+            </p>
+          }
+          @default {
+            <p class="note">
+              Off. Track subscriptions wraps Observable.prototype.subscribe on the page to record
+              which component makes each subscription, until you stop it. Subscriptions made before
+              you start are not seen, so reload or navigate again after starting.
+            </p>
+          }
+        }
+
+        <h3 class="sub">
+          Live effects and subscriptions
+          <span class="pill">{{ page.components.length }}</span>
+        </h3>
+        @if (!page.support.effects) {
+          <app-angular-unavailable [page]="angular()" capability="signalGraph" missing compact />
+        }
+        @if (page.components.length) {
+          <ul class="rows">
+            @for (item of page.components.slice(0, shown); track item.id) {
+              <li>
+                <button
+                  type="button"
+                  class="row live"
+                  (click)="showComponent.emit(item.id)"
+                  (focus)="highlight.emit(item.id)"
+                  (blur)="highlight.emit(null)"
+                  (mouseenter)="highlight.emit(item.id)"
+                  (mouseleave)="highlight.emit(null)"
+                >
+                  <span class="name mono">{{ item.name }}</span>
+                  <span class="count">{{ effectsText(item) }}</span>
+                  @if (page.support.subscriptions === 'on') {
+                    <span class="count">{{ plural(item.subscriptions, 'subscription') }}</span>
+                  }
+                </button>
+              </li>
+            }
+          </ul>
+          @if (page.components.some(hasShared)) {
+            <p class="note">
+              Angular files a component's effects under the template its host sits in, so effects of
+              components side by side in one template show as shared.
+            </p>
+          }
+        } @else {
+          <p class="note">No component on the page has a live effect or a tracked subscription.</p>
+        }
+      } @else {
+        <p class="note">No leak data from this page yet. It comes with the next report.</p>
+      }
+    </section>
+  `,
+  styles: `
+    @use 'mixins' as m;
+
+    :host {
+      display: block;
+    }
+    .leaks {
+      margin-top: 16px;
+    }
+    .head {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 8px;
+    }
+    h2 {
+      @include m.label;
+      margin: 0;
+    }
+    .track {
+      height: var(--control-h);
+    }
+    .track[aria-pressed='true'] {
+      @include m.tint(accent);
+    }
+    .track:focus-visible {
+      @include m.focus-ring;
+    }
+    .hint,
+    .note,
+    .stats {
+      margin: 8px 0;
+      color: var(--text-2);
+      font-size: 12px;
+      line-height: 1.5;
+    }
+    .stats {
+      color: var(--text);
+    }
+    .sub {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      margin: 14px 0 6px;
+      color: var(--text-strong);
+      font-size: 12px;
+      font-weight: 600;
+    }
+    .pill {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      min-width: 18px;
+      height: 16px;
+      padding: 0 5px;
+      border-radius: 99px;
+      background: var(--surface-3);
+      color: var(--text-2);
+      font-size: 10px;
+      font-weight: 600;
+    }
+    .rows {
+      display: grid;
+      gap: 6px;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    .row {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 8px;
+      min-height: var(--control-h);
+      padding: 6px 12px;
+      border: 1px solid var(--border);
+      border-radius: var(--radius-sm);
+      background: var(--surface);
+      font-size: 12px;
+    }
+    .row.live {
+      justify-content: flex-start;
+      width: 100%;
+      height: auto;
+      text-align: left;
+    }
+    .row.live:focus-visible {
+      @include m.focus-ring;
+    }
+    .name {
+      min-width: 0;
+      color: var(--text-strong);
+      font-weight: 600;
+      @include m.truncate;
+    }
+    .mono {
+      font-family: var(--font-mono);
+    }
+    .meta {
+      min-width: 0;
+      color: var(--text-2);
+      @include m.truncate;
+    }
+    .count {
+      padding: 0 8px;
+      border-radius: 99px;
+      background: var(--surface-3);
+      color: var(--text-2);
+      font-size: 11px;
+      line-height: 18px;
+    }
+    .flag {
+      padding: 0 6px;
+      border-radius: 5px;
+      font-size: 11px;
+      line-height: 18px;
+    }
+    .flag.warn {
+      @include m.tint(warn);
+    }
+  `,
+})
+export class LeaksSection {
+  /** The page's leak report, or `null` before its first one. */
+  readonly report = input<LeaksPage | null>(null);
+  readonly pageId = input<string | null>(null);
+  readonly rpc = input<DevframeRpcClient | null>(null);
+  /** The page's Angular version, which the unavailable note names. */
+  readonly angular = input<AngularPageInfo | null>(null);
+  /** Clock for ages; a test passes its own. */
+  readonly now = input<() => number>(() => Date.now());
+  /** Selects a component in the tree, by its id. */
+  readonly showComponent = output<string>();
+  /** The element to highlight in the app, or `null` to clear it. */
+  readonly highlight = output<string | null>();
+
+  protected readonly shown = SHOWN;
+  protected readonly minNavigations = RETAINED_AFTER_NAVIGATIONS;
+  protected readonly minSeconds = RETAINED_AFTER_MS / 1000;
+  protected readonly plural = plural;
+  protected readonly busy = signal(false);
+  protected readonly announcement = signal('');
+
+  protected readonly tracking = computed(() => this.report()?.support.subscriptions === 'on');
+
+  private readonly split = computed(() => {
+    const page = this.report();
+    const retained: LeakDestroyed[] = [];
+    const recent: LeakDestroyed[] = [];
+    const detached: LeakDestroyed[] = [];
+    if (!page) return { retained, recent, detached };
+    for (const item of page.destroyed) {
+      if (item.detached) detached.push(item);
+      else if (this.isRetained(page, item)) retained.push(item);
+      else recent.push(item);
+    }
+    return { retained, recent, detached };
+  });
+  protected readonly retained = computed(() => this.split().retained);
+  protected readonly recent = computed(() => this.split().recent);
+  protected readonly detached = computed(() => this.split().detached);
+
+  private ageMs(page: LeaksPage, item: LeakDestroyed): number {
+    return Math.max(0, this.now()() - page.reportedAt + (page.at - item.destroyedAt));
+  }
+
+  private isRetained(page: LeaksPage, item: LeakDestroyed): boolean {
+    return (
+      item.navigations >= RETAINED_AFTER_NAVIGATIONS && this.ageMs(page, item) >= RETAINED_AFTER_MS
+    );
+  }
+
+  protected ageOf(item: LeakDestroyed): string {
+    const page = this.report();
+    return page ? `${age(this.ageMs(page, item))} old` : '';
+  }
+
+  protected names(items: LeakDestroyed[]): string {
+    const names = [...new Set(items.map((item) => item.name))];
+    return names.length > 6 ? `${names.slice(0, 6).join(', ')} and more` : names.join(', ');
+  }
+
+  protected hasShared(item: LeakComponent): boolean {
+    return !!item.sharedEffects;
+  }
+
+  protected effectsText(item: LeakComponent): string {
+    const own = plural(item.effects, 'effect');
+    return item.sharedEffects ? `${own}, ${item.sharedEffects} shared` : own;
+  }
+
+  async toggle() {
+    const pageId = this.pageId();
+    if (!pageId || this.busy()) return;
+    const on = !this.tracking();
+    this.busy.set(true);
+    try {
+      await rpcCall(this.rpc(), 'request-leak-tracking', { pageId, on });
+      this.announcement.set(
+        on
+          ? 'Tracking subscriptions. Reload or navigate to see subscriptions made at start.'
+          : 'Stopped tracking subscriptions.',
+      );
+    } catch {
+      this.announcement.set('Could not reach the page. Try again.');
+    } finally {
+      this.busy.set(false);
+    }
+  }
+}
diff --git a/apps/docs/src/content/agents/mcp-server.md b/apps/docs/src/content/agents/mcp-server.md
index 4d39a43b..5358a06d 100644
--- a/apps/docs/src/content/agents/mcp-server.md
+++ b/apps/docs/src/content/agents/mcp-server.md
@@ -247,7 +247,7 @@ The server registers tools with a colon, as `pangular:get-routes`. MCP clients s
 
 ### Read and action tools
 
-Each tool has a safety tier: `read`, `action` or `destructive`. The server marks `read` tools as read-only for your client, and `destructive` tools as destructive. Thirteen tools act on the app, so the server does not mark them read-only:
+Each tool has a safety tier: `read`, `action` or `destructive`. The server marks `read` tools as read-only for your client, and `destructive` tools as destructive. Fourteen tools act on the app, so the server does not mark them read-only:
 
 | Tool                     | Tier          | Reference                                             |
 | ------------------------ | ------------- | ----------------------------------------------------- |
@@ -261,6 +261,7 @@ Each tool has a safety tier: `read`, `action` or `destructive`. The server marks
 | `set-signal`             | `action`      | [Edit a component](./tools.md#edit-a-component)       |
 | `watch-signal`           | `action`      | [watch-signal](./tools.md#watch-signal)               |
 | `record-pipes`           | `action`      | [Record pipe calls](./tools.md#record-pipe-calls)     |
+| `track-subscriptions`    | `action`      | [Track subscriptions](./tools.md#track-subscriptions) |
 | `change-detection`       | `action`      | [change-detection](./tools.md#change-detection)       |
 | `clear-recordings`       | `destructive` | [Clear recordings](./tools.md#clear-recordings)       |
 | `analog-call-api`        | `destructive` | [Call a server route](./tools.md#call-a-server-route) |
diff --git a/apps/docs/src/content/agents/resources.md b/apps/docs/src/content/agents/resources.md
index a68346db..9b444703 100644
--- a/apps/docs/src/content/agents/resources.md
+++ b/apps/docs/src/content/agents/resources.md
@@ -88,15 +88,16 @@ The HTTP endpoint leaves out the keys of an inspector whose agent tools are hidd
 
 This table covers the data that has no resource of its own.
 
-| Key                         | Content                                                               |
-| --------------------------- | --------------------------------------------------------------------- |
-| `pangular:http`             | The SSR & HTTP timeline, SSR requests, fault rules and hydration data |
-| `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.   |
+| Key                         | Content                                                                 |
+| --------------------------- | ----------------------------------------------------------------------- |
+| `pangular:http`             | The SSR & HTTP timeline, SSR requests, fault rules and hydration data   |
+| `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:leaks`            | Leak hints: retained instances, open subscriptions, effects, 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.     |
 
 The list also includes the keys behind the six resources above (`pangular:component-tree`, `pangular:forms`, and so on).
 
diff --git a/apps/docs/src/content/agents/tools.md b/apps/docs/src/content/agents/tools.md
index 72d3b0ff..5702b4ac 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>
-  Seventy-one tools, grouped by inspector. Each one answers a question you would otherwise answer by clicking through the panel.
+  Seventy-five tools, grouped by inspector. Each one answers a question you would otherwise answer by clicking through the panel.
 </ngmd-hero>
 
 # Tools
@@ -41,7 +41,7 @@ If `page` names a tab that doesn't report that data, the tool answers `No page <
 
 ### Older Angular versions
 
-When the page's Angular lacks the debug API a tool needs, the tool answers **Unsupported on this Angular version** with the version the feature needs and the version the page runs, instead of an empty list. `inspect-signals`, `watch-signal`, `defer-blocks`, `for-blocks` and `change-detection` answer this way. `inspect-providers` puts the same note before a reduced tree. See [Supported Angular versions](../getting-started/installation.md#supported-angular-versions).
+When the page's Angular lacks the debug API a tool needs, the tool answers **Unsupported on this Angular version** with the version the feature needs and the version the page runs, instead of an empty list. `inspect-signals`, `watch-signal`, `defer-blocks`, `for-blocks`, `change-detection` and `diagnose-change-detection` answer this way. `inspect-providers` puts the same note before a reduced tree. See [Supported Angular versions](../getting-started/installation.md#supported-angular-versions).
 
 ### list-pages
 
@@ -65,11 +65,11 @@ The answer is a full URL, such as `http://localhost:4200/__devframes/pangular/#t
 
 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.
 
-| Tier          | What the tool can do                                                                                              | Tools                                                                                                                                                                                                           |
-| ------------- | ----------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `read`        | Reads your source, the page or the server. `highlight` only shows and selects a component.                        | Every other tool, and every resource                                                                                                                                                                            |
-| `action`      | Changes the running page, the server's fault rules or what the page records. A reload or the next call undoes it. | `navigate`, `dispatch-ngrx-action`, `form-action`, `fill-form`, `set-http-rule`, `remove-http-rule`, `set-component-property`, `set-signal`, `watch-signal`, `record-pipes`, `change-detection` and `hydration` |
-| `destructive` | Can lose data: it erases recordings, or sends writes to your own API routes.                                      | `clear-recordings` and `analog-call-api`                                                                                                                                                                        |
+| Tier          | What the tool can do                                                                                              | Tools                                                                                                                                                                                                                                  |
+| ------------- | ----------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `read`        | Reads your source, the page or the server. `highlight` only shows and selects a component.                        | Every other tool, and every resource                                                                                                                                                                                                   |
+| `action`      | Changes the running page, the server's fault rules or what the page records. A reload or the next call undoes it. | `navigate`, `dispatch-ngrx-action`, `form-action`, `fill-form`, `set-http-rule`, `remove-http-rule`, `set-component-property`, `set-signal`, `watch-signal`, `record-pipes`, `track-subscriptions`, `change-detection` and `hydration` |
+| `destructive` | Can lose data: it erases recordings, or sends writes to your own API routes.                                      | `clear-recordings` and `analog-call-api`                                                                                                                                                                                               |
 
 <ngmd-alert severity="important">
   The fourteen <code>action</code> and <code>destructive</code> tools act on the app. Your client can ask you before it runs them.
@@ -182,7 +182,7 @@ Each page lists at most 50 blocks, with a note on how many more are not shown, a
 
 ### hydration <ngmd-badge variant="alpha">Action</ngmd-badge>
 
-Hydration of each page that was rendered on the server: how many component hosts were hydrated, skipped with `ngSkipHydration`, mismatched or created on the client, and how many `@defer` blocks are still dehydrated. It names the skipped and client-created hosts and the dehydrated blocks, at most 30 of each, and each mismatch with what Angular expected and what it found. Reads: page.
+Hydration of each page that was rendered on the server: how many component hosts were hydrated, skipped with `ngSkipHydration`, mismatched or created on the client, and how many `@defer` blocks are still dehydrated. It names the skipped and client-created hosts and the dehydrated blocks, at most 30 of each, and each mismatch with a line diff of the server HTML Angular expected (`-`) and the client DOM it found (`+`). Reads: page.
 
 | Argument  | Required | Value                                                                                                                       |
 | --------- | -------- | --------------------------------------------------------------------------------------------------------------------------- |
@@ -210,6 +210,28 @@ Without `page`, it reads the page that is recording, and `record` goes to every
 
 `export` only reads, so it stays available with `agent.readOnly`. The file is masked like other answers (JWTs, bearer tokens and secret names), has no instance check counts, and comes in a `json` code block to save as a `.json` file. An export over 100,000 characters is not returned, because cut JSON doesn't parse. The answer gives its size and the counts of cycles, timed spans, component classes, hook rows and output rows instead. Export it from the panel then, or clear the recording and record a shorter session. See [Export and import a recording](../inspectors/components.md#export-and-import-a-recording).
 
+Each cycle line also names what started the cycle and how many of its refreshed checks changed nothing, when the page reports them. See [diagnose-change-detection](#diagnose-change-detection).
+
+### diagnose-change-detection
+
+Why change detection ran and what it wasted, from the recording that `change-detection` or the panel started. Reads: page. Needs Angular 20 or later.
+
+| Argument | Required | Value                                  |
+| -------- | -------- | -------------------------------------- |
+| `limit`  | no       | Rows per list. Default 10, at most 50. |
+
+Without `page`, it reads the page that is recording, like `change-detection`. The answer starts with the page's change detection mode, then has these parts:
+
+| Part                                  | What it lists                                                                                                                                                                                                                                                                                                                                                                   |
+| ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **What started the cycles**           | Cycles per cause, then the latest causes: a DOM event with its type, target and listener component, a signal write with the signal's `debugName`, an HTTP response, a timer, `markForCheck`, `setInput`, an effect, a view change, `ApplicationRef.tick()` from app code, or a zone.js tick that nothing in Angular asked for. Causes from app code carry its first app frames. |
+| **Components that depend on zone.js** | Components that changed in ticks only zone.js started, with the zone.js tasks behind them, such as `setTimeout`. Without zone.js these components would not update.                                                                                                                                                                                                             |
+| **Wasted checks**                     | Per component class, the refreshed checks where nothing it renders changed, and its change detection strategy.                                                                                                                                                                                                                                                                  |
+| **Inputs that break OnPush**          | Inputs mutated in place (same reference, other contents) and inputs given a new reference with the same contents, with the component that set them.                                                                                                                                                                                                                             |
+| **Hints**                             | OnPush for a class refreshed at least 10 times that changed something in under 20% of them, or a note that it is already OnPush, plus a line per input and per zone.js dependent above.                                                                                                                                                                                         |
+
+It only reads, so it stays with `agent.readOnly`. With no recording yet, it says to start one with `change-detection`. See [Why it ran and what it wasted](../inspectors/components.md#why-it-ran-and-what-it-wasted) for how the page finds causes and wasted checks.
+
 ### Edit a component <ngmd-badge variant="alpha">Action</ngmd-badge>
 
 `set-component-property` and `set-signal` write a JSON value to one live component instance, in development only, and answer with the value it now holds, redacted like the component detail. Reads: page.
@@ -235,6 +257,34 @@ Both tools refuse, and write nothing, when:
 
 A parent binding sets a bound input again the next time its own value changes. Only signals held as component properties can be set; the signals that `inspect-signals` lists elsewhere cannot. Set [`actions.components`](../getting-started/configuration.md#actions) to `false` to drop both tools.
 
+### find-leaks
+
+Leak hints for one page, in three parts. Reads: page.
+
+| Part                                 | What it lists                                                                                                                                                                                                              |
+| ------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Still retained**                   | Component instances destroyed but still in memory after at least 2 navigations and 10 seconds: class, instance id, the route they lived on, age, navigations since and open subscriptions. Detached views are named apart. |
+| **Open subscriptions after destroy** | Subscriptions still open after the component that made them went away, grouped by class, instance and call site, with why each is flagged. Only while subscription tracking is on.                                         |
+| **Live effects and subscriptions**   | Components with live effects (from `ng.ɵgetSignalGraph`, Angular 20.1 and later) or tracked open subscriptions, with instance ids for `inspect-component`.                                                                 |
+
+| Argument    | Required | Value                                                    |
+| ----------- | -------- | -------------------------------------------------------- |
+| `component` | no       | Only classes whose name contains this text, in any case. |
+| `limit`     | no       | Rows per table, 1 to 200. Defaults to 20.                |
+
+Garbage collection runs when the browser decides, so the answer says "still retained" and points to the retainers in the Chrome Memory panel rather than calling it a leak. It also says what the page can't report: no `WeakRef` or debug API, no signal graph, or tracking off. Routes and call sites are masked like other live values. See [Leaks](../inspectors/components.md#leaks).
+
+### Track subscriptions <ngmd-badge variant="alpha">Action</ngmd-badge>
+
+`track-subscriptions` starts or stops subscription tracking on a page, the same switch as **Track subscriptions** in the Components panel. Reads: page.
+
+| Argument | Required | Value                                                                                      |
+| -------- | -------- | ------------------------------------------------------------------------------------------ |
+| `action` | yes      | `start` or `stop`.                                                                         |
+| `page`   | no       | The tab to track. Defaults to the most recent page for `start`, and every page for `stop`. |
+
+While on, the overlay wraps `Observable.prototype.subscribe` and records which component made each subscription. `stop` puts `subscribe` back. Subscriptions made before tracking started are not seen, so reload the tab or go to the screen again after `start`, then call `find-leaks`. Tracking patches the page, so `track-subscriptions` is an `action` tool and `agent.readOnly` drops it. No action covers it, so `actions` leaves it in place. `agent.tools.components: false` hides both tools.
+
 ### inspect-signals
 
 The signal graph the page reported: nodes (`signal`, `computed`, `linkedSignal`, `effect`), dependency edges, the component or injector they belong to, and recent value history per node. Reads: page.
@@ -297,6 +347,21 @@ An element injector that belongs to a component carries `componentId`, the insta
 
 Without `selector` or `token`, the answer is the whole tree and says which change detection mode the page runs. The answer stays within 20,000 characters and its JSON always parses. A larger tree shows element injectors as an outline (id, name, type, component, and provider and dependency counts), and when that is still too long it leaves out the deepest injectors and says how many. The environment injectors are always there, as an outline when they are large, and without their deepest injectors when even that outline is too long. A `selector` or `token` answer that is too long keeps whole entries and says how many it shows. `selector` and `token` take at most 500 characters each. When the page reported only part of its injector tree (it keeps at most 2000 element injectors and 2500 in all, and leaves out injectors nested more than 1000 levels deep), the answer says so.
 
+### explain-injection
+
+How Angular resolves one token for one component, element or environment injector: each injector on the lookup path in order, whether it provides the token and why the lookup stops. It reads the injector tree the page reported, so nothing is created or injected. See [Explain a lookup with flags](../inspectors/injectors.md#explain-a-lookup-with-flags). Reads: page.
+
+| Argument   | Required | Value                                                                                                                                                                                                 |
+| ---------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `selector` | yes      | Where the injection happens: a component or directive class name, a tag, a component instance id like `c12` (an error's owner id works), an injector id, or an environment injector name like `Root`. |
+| `token`    | yes      | The token as the Injectors tab names it: a class name like `HttpClient` or an `InjectionToken` description like `API_URL`.                                                                            |
+| `self`     | no       | `true` asks only the first injector.                                                                                                                                                                  |
+| `skipSelf` | no       | `true` starts at the parent injector.                                                                                                                                                                 |
+| `host`     | no       | `true` stops at the host element of the component that declares the start, where only its `viewProviders` and the component count.                                                                    |
+| `optional` | no       | `true` ends in `null` instead of NG0201.                                                                                                                                                              |
+
+The answer is a table of steps: **provides it**, **not provided**, **hidden** (a `viewProviders` entry the lookup can't see), **skipped**, **not asked** or **unknown**. A `providedIn: 'root'` service counts as provided once something on the page got it. When a selector matches several injectors, the answer uses the first and lists the others. Before Angular 16.2 the path is rebuilt from the rendered tree and providers are unknown, and the answer says so. `selector` and `token` take at most 500 characters each.
+
 ## NgRx
 
 Two tools read the live `@ngrx/signals` and `@ngrx/store` state a page reported. Reads: page.
@@ -555,11 +620,13 @@ These tools read what a Capacitor app reported: its platform, its plugins and th
 
 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` |
+| 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. An NG0100, a hydration mismatch or a missing provider adds its explainer. | `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` |
+
+The explainers are the ones the [Errors](../inspectors/errors.md#explainers) tab shows. For NG0100: the binding, the template function, the previous and current value, the component fields that hold the new value, and the named signals written with it just before the check, with the code that wrote them when write stacks are on. For NG0500 to NG0503: a diff of the server HTML Angular expected and the client DOM it found. For NG0201 and `NullInjectorError`: the token and Angular's dependency path, to pass to `explain-injection`.
 
 `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.
 
diff --git a/apps/docs/src/content/getting-started/configuration.md b/apps/docs/src/content/getting-started/configuration.md
index b1574dac..555c3c43 100644
--- a/apps/docs/src/content/getting-started/configuration.md
+++ b/apps/docs/src/content/getting-started/configuration.md
@@ -125,11 +125,11 @@ interface PangularConfig {
 
 ### Inspectors and agent tools
 
-| Option               | Default | What it does                                                                                                                                                                                                                                                                                                                                                            |
-| -------------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `inspectors.<name>`  | `true`  | `false` removes the inspector: no tab or dock, no page collector, no RPC functions, and no agent tools or resources. Its actions are blocked too.                                                                                                                                                                                                                       |
-| `agent.readOnly`     | `false` | `true` keeps only the agent tools in the `read` [safety tier](../agents/tools.md#action-tools). It drops `form-action`, `fill-form`, `navigate`, `dispatch-ngrx-action`, `set-http-rule`, `remove-http-rule`, `set-component-property`, `set-signal`, `record-pipes`, `analog-call-api` and `clear-recordings`. `change-detection` stays without its `record` argument. |
-| `agent.tools.<name>` | `true`  | `false` hides one inspector's agent tools and resources, and its [shared-state keys](../agents/resources.md#shared-state) over HTTP MCP. The tab stays.                                                                                                                                                                                                                 |
+| Option               | Default | What it does                                                                                                                                                                                                                                                                                                                                                                                   |
+| -------------------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `inspectors.<name>`  | `true`  | `false` removes the inspector: no tab or dock, no page collector, no RPC functions, and no agent tools or resources. Its actions are blocked too.                                                                                                                                                                                                                                              |
+| `agent.readOnly`     | `false` | `true` keeps only the agent tools in the `read` [safety tier](../agents/tools.md#action-tools). It drops `form-action`, `fill-form`, `navigate`, `dispatch-ngrx-action`, `set-http-rule`, `remove-http-rule`, `set-component-property`, `set-signal`, `record-pipes`, `track-subscriptions`, `analog-call-api` and `clear-recordings`. `change-detection` stays without its `record` argument. |
+| `agent.tools.<name>` | `true`  | `false` hides one inspector's agent tools and resources, and its [shared-state keys](../agents/resources.md#shared-state) over HTTP MCP. The tab stays.                                                                                                                                                                                                                                        |
 
 `agent.tools` has the same keys as `inspectors`. An inspector that is off has no agent tools, whatever `agent.tools` says.
 
diff --git a/apps/docs/src/content/getting-started/installation.md b/apps/docs/src/content/getting-started/installation.md
index 219c5073..f51632ce 100644
--- a/apps/docs/src/content/getting-started/installation.md
+++ b/apps/docs/src/content/getting-started/installation.md
@@ -38,6 +38,7 @@ When a tab needs a debug API the page doesn't have, it says which Angular versio
 | Feature                                                | Needs Angular |
 | ------------------------------------------------------ | ------------- |
 | Live component tree, detail and values                 | 12.0          |
+| Telling detached components from destroyed ones        | 14.0          |
 | Injected services, providers and environment injectors | 16.2          |
 | Full injector tree with lookup paths                   | 17.0          |
 | Signal values in the component detail (`ng.isSignal`)  | 17.1          |
@@ -45,7 +46,8 @@ When a tab needs a debug API the page doesn't have, it says which Angular versio
 | The `@pangular-inspector/devtools/http` entry          | 19.0          |
 | **Defer blocks** list                                  | 19.1          |
 | Change detection recording and Angular profiling       | 20.0          |
-| Live signal graph                                      | 20.1          |
+| Subscriptions tied to component instances              | 20.0          |
+| Live signal graph and effect counts in **Leaks**       | 20.1          |
 | **&#64;for blocks** list                               | 22.0          |
 
 All of them need a development build, since production builds leave out `window.ng`.
diff --git a/apps/docs/src/content/inspectors/components.md b/apps/docs/src/content/inspectors/components.md
index f8fd5e47..8409a658 100644
--- a/apps/docs/src/content/inspectors/components.md
+++ b/apps/docs/src/content/inspectors/components.md
@@ -158,7 +158,7 @@ The **Hydration** section shows how Angular hydrated a page that was rendered on
 
 Click a mismatch to select its component in the tree. **Outline on page** draws an outline on the page over each region: hydrated (solid), skipped (dashed), mismatched (double) and dehydrated `@defer` blocks (dotted), each with a label and a legend in the corner. Only the top of each hydrated region gets an outline, so nested components don't stack boxes. The outline is drawn in its own layer, ignores the pointer and changes nothing in the app. Click the button again to remove it.
 
-A page that was not rendered on the server shows that there is nothing to hydrate. A page with server HTML and no hydrated component says that client hydration is off. Hydration status comes from what Angular records in development builds, so a production build shows the same note. The [`hydration`](../agents/tools.md#hydration) tool returns the same data.
+A page that was not rendered on the server shows that there is nothing to hydrate. A page with server HTML and no hydrated component says that client hydration is off. Hydration status comes from what Angular records in development builds, so a production build shows the same note. The [`hydration`](../agents/tools.md#hydration) tool returns the same data, with a line diff of the server HTML and the client DOM for each mismatch. The NG05xx error itself shows the same diff in the [Errors](./errors.md#server-vs-client-dom-ng0500-to-ng0503) tab.
 
 ### For blocks
 
@@ -182,11 +182,12 @@ Below the tree and the defer blocks, the **Change detection** section records ch
 - **Spans in the picked cycles**: when the page reports timed spans, a flame graph of the picked cycles. Time runs left to right, cycle after cycle with the idle time between them left out, and a span nested in another sits one row lower. Each span is a component check (solid), a lifecycle hook (stripes), an `afterRender` callback (dots) or the output listener that triggered the cycle (lines, drawn before the cycle's start), with a key under the graph. Hover or focus a span to read its total and self time. The arrow keys move along a row, **Up** goes to the enclosing span and **Down** to the first nested one. **Enter** or a click on a component, hook or output selects that component in the tree. **Show the spans as a table** lists the same spans. The graph shows at most 30 cycles; pick a smaller range when more are picked.
 - **Self time by component**: a treemap of each component class's self time in the picked cycles, largest first. The recording has no parent links between components, so the cells are not nested. Click a cell, or press **Enter** on it, to select an instance of that class in the tree (the one checked most often).
 - **Slowest components**: each component class with its check count, its self time (its own template and hooks, children excluded) and its slowest single check.
-- **Latest cycles**, newest first: the start time, the duration, how many components Angular checked, how many sync passes it ran, the output listener that ran just before the cycle (an output that ended more than 50 ms before the cycle is not counted), the time in lifecycle hooks and in `afterRender` callbacks, and the slowest component in it.
+- **Latest cycles**, newest first: the start time, the duration, how many components Angular checked, how many sync passes it ran, what started the cycle (see [Why it ran and what it wasted](#why-it-ran-and-what-it-wasted)), how many refreshed checks changed nothing, the time in lifecycle hooks and in `afterRender` callbacks, and the slowest component in it. A recording without causes shows the output listener that ran just before the cycle instead (an output that ended more than 50 ms before the cycle is not counted).
 - **Lifecycle hooks**: time per class and hook (`ngOnChanges`, `ngOnInit`, `ngDoCheck`, `ngAfterContentChecked`, `ngAfterViewChecked` and the others Angular calls), with call count and slowest call. A hook's time is also part of the self time of the component whose view runs it.
 - **Output listeners**: time per class and listener, without the time of outputs the listener emitted, with call count and slowest call.
 - A line with how often Angular ran the `afterEveryRender` and `afterNextRender` callbacks, and how long they took.
 - Tree rows show how many times each instance was checked while recording.
+- **Why it ran and what it wasted**: what started the cycles, the components that depend on zone.js, wasted checks, inputs that break OnPush, and hints. See [Why it ran and what it wasted](#why-it-ran-and-what-it-wasted).
 
 **Lifecycle hooks** and **Output listeners** show their 10 slowest rows. A recording keeps the 100 slowest of each among the first 1000 it times, and a note says how many it left out.
 
@@ -196,6 +197,22 @@ Each cycle keeps its 40 longest timed spans, and the flame graph says how many s
 
 Recording is off by default. While it is off, the page registers no profiler for it. The page keeps the last 200 cycles, set with [`limits.cdCycles`](../getting-started/configuration.md#limits). Recording needs Angular 20 or later. On older versions, the section says so. Times come from a development build, so they are higher than in production.
 
+#### Why it ran and what it wasted
+
+While a recording runs, the page also finds what started each cycle and which checks changed nothing. It wraps the `notify` method of Angular's change detection scheduler, adds a signal write hook and watches DOM updates with a `MutationObserver`. All three stop when the recording stops, and none of them changes what the app does.
+
+| Table                        | What it shows                                                                                                                                                                                                                                                                                                                                                                                                      |
+| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| **What started the cycles**  | Cycles per cause. A cause is the first thing that told Angular to run after the previous cycle: a template listener (**Event**, with the DOM event type, its target and the listener's component), a signal a template reads (**Signal write**, with the signal's `debugName`), an effect, `markForCheck`, `setInput`, a view change, `ApplicationRef.tick()` from app code, or nothing at all (**zone.js only**). |
+| **Depends on zone.js**       | Components that changed in a tick zone.js started with no Angular notification before it, with the zone.js tasks behind those ticks. Such a component changes state in a callback that only a zone.js tick picks up, such as a field set in `setTimeout` or a promise without a signal or `markForCheck`.                                                                                                          |
+| **Wasted checks**            | Per component class, how often Angular ran its template and how often nothing it renders changed: no DOM update and no new input reference for a child. The development checkNoChanges pass and checks that only passed through to a child are left out. The strategy column is `OnPush` or `Eager`.                                                                                                               |
+| **Inputs that break OnPush** | Inputs changed in place (same object or array, other contents), which an OnPush child does not see, and inputs given a new reference with the same contents, which refresh it for nothing. Each row names the component whose template set the input.                                                                                                                                                              |
+| **Hints**                    | OnPush for a class refreshed at least 10 times that changed something in under 20% of them. On Angular 22, where OnPush is the default, the hint says to remove `ChangeDetectionStrategy.Eager`; on a class that is already OnPush it says what keeps marking it. Each input and zone.js dependent above gets a line too.                                                                                          |
+
+The latest cycles name each cause in one line, such as `click on button in Cart (add), wrote signal count`. Code that ran on an HTTP response counts as **HTTP response**, from the XHR `load` event or the frames of Angular's fetch backend. A timer counts as **Timer** only when zone.js is loaded and reports the task. Without zone.js, a write in a timer or a promise shows as a signal write or `markForCheck` with the app frames that did it.
+
+The first check of each instance in a recording is the baseline its inputs are compared with, so a change shows from its second check on. Causes need Angular's zoneless-capable scheduler (Angular 18 and later); recording itself needs 20.0. If the page has no scheduler the overlay can find, the section says so and still counts wasted checks.
+
 #### Pick a range of cycles
 
 Drag across the bars to pick a range of cycles, or type cycle numbers in **Start** and **End**. 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. **Show all cycles** does the same. The flame graph, the treemap and **Slowest components** then cover only the picked cycles. Each cycle lists its 10 slowest components, so totals for a range leave out the components a cycle did not list. **Show the cycles as a table** lists the picked cycles with their duration, budget, checks, passes, trigger and slowest component.
@@ -224,6 +241,38 @@ The **Live views** toggles below **Record** show change detection as it happens,
 
 The flash boxes are drawn on a canvas in a shadow root that the overlay adds to the page. It doesn't take clicks, and the overlay never changes the app's own elements. The page measures the checked hosts once per animation frame and draws at most 150 boxes at a time.
 
+### Leaks
+
+Below **Change detection**, the **Leaks** section looks for components that stay in memory after they leave the page, and for what keeps them there. It has three lists:
+
+| List                                 | What it shows                                                                                                                                                                                                            |
+| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| **Still retained**                   | Component instances that were destroyed but are still in memory after at least 2 navigations and 10 seconds: class, the route they lived on, how many navigations ago they went, their age and their open subscriptions. |
+| **Open subscriptions after destroy** | RxJS subscriptions a component made that are still open after it went away, with the class, the count and the line that made them. Only while **Track subscriptions** is on.                                             |
+| **Live effects and subscriptions**   | Components on the page that hold live effects or tracked open subscriptions. Hover or focus a row to highlight the component in the page, and click it to select it in the tree.                                         |
+
+A line above the lists counts the navigations, the retained instances and the destroyed instances the browser has collected. Instances destroyed fewer than 2 navigations or 10 seconds ago are named under **Still retained**, and instances that left the page without being destroyed (detached views, such as a `RouteReuseStrategy` cache) are named apart.
+
+<ngmd-alert severity="important" label="A hint, not a verdict">
+  The browser collects garbage when it decides, so an instance in <strong>Still retained</strong> is not proof of a leak. Take a heap snapshot in the Chrome DevTools <strong>Memory</strong> panel, search for the class name and read its <strong>Retainers</strong> to see what holds it.
+</ngmd-alert>
+
+#### How destroyed components are found
+
+The page walks the component tree when elements come or go, and every 30 seconds otherwise. A component whose host left the page counts as destroyed when Angular has dropped its view (`ng.getInjector` gives Angular's null injector for the host). If Angular still holds the view, the component counts as detached. The page holds each instance through a `WeakRef` only, and a `FinalizationRegistry` tells it when the browser collected one, so the devtools keep nothing alive themselves. The page tracks up to 500 destroyed instances, and the section lists the oldest 100.
+
+#### Effects
+
+The effect counts come from the signal graph Angular keeps for each component injector (`ng.ɵgetSignalGraph`). Angular files a component's effects under the template its host sits in, so components side by side in one template list each other's effects. Those show as **shared**. A routed component, or one inside its own `@if` or `@for` block, gets its own count.
+
+#### Track subscriptions
+
+Subscription tracking is off by default. **Track subscriptions** turns it on for the page: the overlay wraps `Observable.prototype.subscribe` of the app's RxJS and reads the call stack of each subscription to find the component class whose code made it. On Angular 20 and later, a subscription made in a lifecycle hook, the template or an event listener is tied to the instance through Angular's profiler. A subscription made in a constructor is tied to the class.
+
+A subscription is flagged when it is still open and either its instance was destroyed, or no instance of its class is left on the page and one was destroyed after it opened. Fix it with `takeUntilDestroyed()`, `DestroyRef.onDestroy` or the `async` pipe.
+
+**Stop tracking subscriptions** puts `subscribe` back. Subscriptions made before tracking started are not seen, so reload the page or go to the screen again after you start. Tracking stays on across a reload of the tab. The [`track-subscriptions`](../agents/tools.md#track-subscriptions) tool is the same switch.
+
 ### Source mode
 
 Without live data, the tab lists the `@Component` and `@Directive` classes in your source. Expand a row to see its class, file, standalone flag, change detection, inputs and outputs. Click **Refresh** to scan again.
@@ -347,6 +396,23 @@ To go the other way, select a component and click **Reveal in Elements** in its
   </ngmd-step>
 </ngmd-workflow>
 
+### Find a component that stays in memory
+
+<ngmd-workflow>
+  <ngmd-step title="Track subscriptions">
+    In the <strong>Leaks</strong> section, click <strong>Track subscriptions</strong>, then reload the page so the first screen is tracked too.
+  </ngmd-step>
+  <ngmd-step title="Leave and come back">
+    Open the screen you suspect, then navigate away and around a few times.
+  </ngmd-step>
+  <ngmd-step title="Read the lists">
+    An instance under <strong>Still retained</strong> with open subscriptions points at a missing teardown. <strong>Open subscriptions after destroy</strong> shows the line that subscribed.
+  </ngmd-step>
+  <ngmd-step title="Confirm in the Memory panel">
+    Take a heap snapshot in Chrome DevTools, search for the class and read its retainers.
+  </ngmd-step>
+</ngmd-workflow>
+
 ### Console handles
 
 When you select a component in the panel, the page sets `$ng0` in its console to that instance. The previous selections move to `$ng1` through `$ng4`, newest first, so the last five stay at hand. Selecting the same instance again keeps the order, and an earlier one moves back to `$ng0`. **Pick component on page** sets `$ng0` too. Selections made by an agent tool don't.
@@ -375,19 +441,22 @@ Press Escape in the filter box to clear it. When the filter matches nothing, **C
 
 ## Agent tools
 
-| Tool or resource                  | Kind     | What it does                                                                                                                                                                                                         |
-| --------------------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `pangular:get-components`         | tool     | Lists components and directives from source, with selector, kind, inputs, outputs, change detection, file and line.                                                                                                  |
-| `pangular:highlight`              | tool     | Highlights a component in the page and selects it. Takes an instance id, class name, host tag or CSS selector. Also retargets the Signals graph. Lists every instance a name matches.                                |
-| `pangular:inspect-component`      | tool     | Selects one instance and returns its live detail: inputs, outputs, properties, listeners, directives and injected services. With `path`, reads one nested value instead, with `depth` and `limit`.                   |
-| `pangular:list-components`        | tool     | Returns the live tree of one page as an indented outline with routed, directive host and hydration markers. Takes a `filter` with the search syntax, a `depth` and `directiveHosts`.                                 |
-| `pangular:defer-blocks`           | tool     | Lists the `@defer` blocks of each page, and flags blocks that failed, blocks stuck on their placeholder and blocks still dehydrated.                                                                                 |
-| `pangular:for-blocks`             | tool     | Lists the `@for` blocks of each page with their item count, track kind and `@empty` block.                                                                                                                           |
-| `pangular:hydration`              | tool     | Returns the hydration status of each page rendered on the server, and turns the outline on the page on or off. An action when it turns the outline on or off.                                                        |
-| `pangular:change-detection`       | tool     | Starts, stops or clears a change detection recording, turns the live views on or off, and returns the slowest and most often checked components, hook, output and afterRender time, the latest cycles, or an export. |
-| `pangular:set-component-property` | tool     | Writes an input or property of one instance and runs change detection. An action.                                                                                                                                    |
-| `pangular:set-signal`             | tool     | Sets a writable signal that one instance holds as a property. An action.                                                                                                                                             |
-| `pangular:component-tree`         | resource | The live tree per page, with the detail of the selected instance and the defer blocks.                                                                                                                               |
+| Tool or resource                     | Kind     | What it does                                                                                                                                                                                                         |
+| ------------------------------------ | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `pangular:get-components`            | tool     | Lists components and directives from source, with selector, kind, inputs, outputs, change detection, file and line.                                                                                                  |
+| `pangular:highlight`                 | tool     | Highlights a component in the page and selects it. Takes an instance id, class name, host tag or CSS selector. Also retargets the Signals graph. Lists every instance a name matches.                                |
+| `pangular:inspect-component`         | tool     | Selects one instance and returns its live detail: inputs, outputs, properties, listeners, directives and injected services. With `path`, reads one nested value instead, with `depth` and `limit`.                   |
+| `pangular:list-components`           | tool     | Returns the live tree of one page as an indented outline with routed, directive host and hydration markers. Takes a `filter` with the search syntax, a `depth` and `directiveHosts`.                                 |
+| `pangular:defer-blocks`              | tool     | Lists the `@defer` blocks of each page, and flags blocks that failed, blocks stuck on their placeholder and blocks still dehydrated.                                                                                 |
+| `pangular:for-blocks`                | tool     | Lists the `@for` blocks of each page with their item count, track kind and `@empty` block.                                                                                                                           |
+| `pangular:hydration`                 | tool     | Returns the hydration status of each page rendered on the server, and turns the outline on the page on or off. An action when it turns the outline on or off.                                                        |
+| `pangular:change-detection`          | tool     | Starts, stops or clears a change detection recording, turns the live views on or off, and returns the slowest and most often checked components, hook, output and afterRender time, the latest cycles, or an export. |
+| `pangular:diagnose-change-detection` | tool     | What started the recorded cycles, components that depend on zone.js, wasted checks, inputs that break OnPush, and OnPush hints.                                                                                      |
+| `pangular:set-component-property`    | tool     | Writes an input or property of one instance and runs change detection. An action.                                                                                                                                    |
+| `pangular:set-signal`                | tool     | Sets a writable signal that one instance holds as a property. An action.                                                                                                                                             |
+| `pangular:find-leaks`                | tool     | Lists retained destroyed instances, subscriptions still open after their component went away, and live effects and subscriptions per component.                                                                      |
+| `pangular:track-subscriptions`       | tool     | Starts or stops subscription tracking on a page, like **Track subscriptions**. An action.                                                                                                                            |
+| `pangular:component-tree`            | resource | The live tree per page, with the detail of the selected instance and the defer blocks.                                                                                                                               |
 
 See [Tools](../agents/tools.md) and [Resources](../agents/resources.md).
 
@@ -395,7 +464,7 @@ See [Tools](../agents/tools.md) and [Resources](../agents/resources.md).
 
 ### On older Angular
 
-The tree, the detail and component values work from Angular 12. Before 17.1 the detail leaves out signal values, since `ng.isSignal` is missing, and before 16.2 it lists no injected services. The **Defer blocks** list needs 19.1, the **&#64;for blocks** list 22.0 and change detection recording 20.0. On Angular 17.0 and later, where `@defer` and `@for` exist, the tab names the version each list needs and the version the page runs. See [Supported Angular versions](../getting-started/installation.md#supported-angular-versions).
+The tree, the detail and component values work from Angular 12. Before 17.1 the detail leaves out signal values, since `ng.isSignal` is missing, and before 16.2 it lists no injected services. The **Defer blocks** list needs 19.1, the **&#64;for blocks** list 22.0 and change detection recording 20.0. In the **Leaks** section, effect counts need 20.1, tying subscriptions to instances needs 20.0, and telling detached views from destroyed ones needs 14.0 (before, every component that leaves the page counts as destroyed). On Angular 17.0 and later, where `@defer` and `@for` exist, the tab names the version each list needs and the version the page runs. See [Supported Angular versions](../getting-started/installation.md#supported-angular-versions).
 
 ### Development builds only
 
@@ -413,6 +482,10 @@ The page sends the first level of each input and property, with 30 keys or items
 
 The devtools replace inputs and properties with secret-looking names with `[redacted]`. They also redact JWTs and `Bearer` values inside strings. See [what the devtools redact](../security.md).
 
+### Selected components stay in memory
+
+The console handles `$ng0` to `$ng4`, a component stored as a global, and values you logged in the browser console keep their component in memory. A component you selected or logged can then show under **Still retained**. Select other components, or clear the console, before you judge the list.
+
 ### Instance ids change on reload
 
 Instance ids change on every page load. Don't store them between sessions.
diff --git a/apps/docs/src/content/inspectors/errors.md b/apps/docs/src/content/inspectors/errors.md
index 7da07e9e..67514277 100644
--- a/apps/docs/src/content/inspectors/errors.md
+++ b/apps/docs/src/content/inspectors/errors.md
@@ -28,9 +28,37 @@ Each row is one message with:
 | 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.                                                                                     |
+| Explainer          | For NG0100, hydration mismatches and missing providers, what the page read about the error. See [Explainers](#explainers).                          |
 
 The list is newest first. Search by message, code or component name, and press `Escape` to clear the search.
 
+### Explainers
+
+Three kinds of Angular error get a box under the message with what the overlay read about them.
+
+#### What changed (NG0100)
+
+For `ExpressionChangedAfterItHasBeenCheckedError`, the box shows:
+
+| Row          | What it shows                                                                                                                                                |
+| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| **Binding**  | The property Angular names, such as `title`, and the compiled template function on the stack, such as `TripList_Template`. A text interpolation has no name. |
+| **Previous** | The value of the first check, as Angular prints it.                                                                                                          |
+| **Current**  | The value of the second check.                                                                                                                               |
+| **Held by**  | The fields of the component that hold the current value now, signals included. Getters and `computed` signals don't run.                                     |
+
+**Written by** lists the named signals written with the current value in the 2 seconds before the error. With write stacks on (see [Signals](./signals.md)), each one shows the app frames that wrote it. Without a match, the box says where to look instead. The overlay hears signal writes only while the Signals inspector is on, on Angular 17.0 or later, and only for signals with a `debugName`.
+
+When the binding or a field that holds the value has a secret-looking name, both values show as `[redacted]`.
+
+#### Server vs client DOM (NG0500 to NG0503)
+
+For a hydration mismatch, the box shows Angular's first sentence and a line diff of the server HTML Angular expected (`−`) and the client DOM it found (`+`). Angular marks the node it means with `<-- AT THIS LOCATION`. The diff comes from the error message. When the message has no DOM, it comes from what Angular recorded on the component host instead, the same data as the [Hydration](./components.md#hydration) section. When Angular suspects a browser extension or a third-party script, the box says so.
+
+#### Missing provider (NG0201)
+
+For `NullInjectorError` and NG0201, the box shows the token, Angular's dependency path and the source injector. **Explain lookup** walks the lookup of that token from the component that asked for it: each injector Angular asks, in order, whether it provides the token, and why the lookup stops. It reads the tree the [Injectors](./injectors.md) tab shows, so it needs that tab on, and it assumes no `self`, `skipSelf`, `host` or `optional` flag. The `explain-injection` agent tool takes those flags.
+
 ### 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.
@@ -71,11 +99,12 @@ A `RuntimeError` carries its code, and other errors carry it in the message. The
 
 ## 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`.                                                                           |
+| 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, and the explainer of an NG0100, a hydration mismatch or a missing provider. |
+| `pangular:list-console`      | The console calls, by `level` or `search`.                                                                                                                                                       |
+| `pangular:explain-injection` | Walks the lookup of a token from a component, with `self`, `skipSelf`, `host` and `optional`. Belongs to the [Injectors](./injectors.md#agent-tools) inspector.                                  |
 
 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).
 
@@ -92,6 +121,8 @@ The known causes come from Angular's error reference, in a sentence or two. For
 | Error groups          | 100. The least recent one goes first. |
 | Console calls         | 200. The oldest one goes first.       |
 | Message, console text | 500 characters.                       |
+| Explainer values      | 200 characters each.                  |
+| Explainer DOM         | 3,000 characters and 80 lines a side. |
 | Stack                 | 40 lines and 4,000 characters.        |
 
 The tab says how many groups or calls a page dropped.
diff --git a/apps/docs/src/content/inspectors/injectors.md b/apps/docs/src/content/inspectors/injectors.md
index 4ecd6ec0..f0a8b180 100644
--- a/apps/docs/src/content/inspectors/injectors.md
+++ b/apps/docs/src/content/inspectors/injectors.md
@@ -143,6 +143,21 @@ The source-mode notice says to connect the overlay to a development build for th
   </ngmd-step>
 </ngmd-workflow>
 
+When the error reached the page, the [Errors](./errors.md#missing-provider-ng0201) tab has an **Explain lookup** button on it. It walks the same path for the missing token and says at each injector whether it provides the token and why the lookup stops. An agent does the same with `explain-injection`, flags included.
+
+### Explain a lookup with flags
+
+`pangular:explain-injection` follows Angular's own lookup for a token from one component, element or environment injector, without creating anything:
+
+| Flag       | What changes                                                                                                                                                                                    |
+| ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `self`     | Only the first injector is asked.                                                                                                                                                               |
+| `skipSelf` | The lookup starts at the parent injector.                                                                                                                                                       |
+| `host`     | The lookup stops at the host element of the component whose template declares the start. There, only its `viewProviders` and the component itself count. Environment injectors are never asked. |
+| `optional` | A token nobody provides gives `null` instead of NG0201.                                                                                                                                         |
+
+Each step says **provides it**, **not provided**, **hidden** (only in `viewProviders`, which projected content can't see), **skipped**, **not asked** or **unknown**. A service created on demand, such as `providedIn: 'root'`, counts as provided by the injector that gave it to something else on the page. Before anything injects it, the root injector's step says the tool can't tell from the token name.
+
 ### Find which instance a component gets
 
 <ngmd-workflow>
@@ -167,6 +182,7 @@ If the selected injector leaves the page because its component or directive was
 | Tool or resource             | Kind     | What it does                                                                                                                                                                                                                                                                                                                                                                   |
 | ---------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | `pangular:get-providers`     | tool     | DI providers from source: `@Injectable` services, `inject()` calls, constructor parameters and `providers` arrays.                                                                                                                                                                                                                                                             |
+| `pangular:explain-injection` | tool     | The lookup of one token from a component, element or environment injector, step by step, with `self`, `skipSelf`, `host` and `optional`. Says at each injector whether it provides the token and why the lookup stops. See [Explain a lookup with flags](#explain-a-lookup-with-flags).                                                                                        |
 | `pangular:inspect-providers` | tool     | The injector tree a page reported, with what components and created services inject. `selector` narrows it to matching element or environment injectors (`Root`, `Platform`, `Route: admin`) or a component instance id, `token` to where a token is provided and injected. `componentId` and `framework` mark the owning component and Angular's own injectors and providers. |
 | `pangular:injector-tree`     | resource | The live tree last reported by a page.                                                                                                                                                                                                                                                                                                                                         |
 
@@ -183,7 +199,7 @@ The full tree needs Angular 17.0 or later. On older versions the tab shows a not
 | 16.2 to 16.x | Element and environment injectors with providers and dependencies. Lookup paths list only the environment injectors. |
 | 12.0 to 16.1 | Element injectors with their components and directives, without providers or environment injectors.                  |
 
-`inspect-providers` starts its answer with the same note. See [Supported Angular versions](../getting-started/installation.md#supported-angular-versions).
+`inspect-providers` starts its answer with the same note. Before 16.2, `explain-injection` rebuilds the lookup path from the rendered tree and answers **unknown** where it can't see providers, and says so. See [Supported Angular versions](../getting-started/installation.md#supported-angular-versions).
 
 ### Up to 2000 element injectors
 
diff --git a/docs/angular-compat.md b/docs/angular-compat.md
index 466f68f2..d8034002 100644
--- a/docs/angular-compat.md
+++ b/docs/angular-compat.md
@@ -8,30 +8,30 @@ The `@angular/core` and `@angular/router` packages of these versions were packed
 
 ## Public debug API on `window.ng`
 
-| API                    | Used by                                                                                        | First version | Shape changes up to 22                                                                                                                                                                                                               | Fallback                                                                    |
-| ---------------------- | ---------------------------------------------------------------------------------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------- |
-| `getComponent`         | `component-tree.ts`, `injector-tree.ts`, `router.ts`, `signal-graph.ts`, forms, pipes and NgRx | 12.0          | None.                                                                                                                                                                                                                                | None needed. Without it (a production build) the page reports no live data. |
-| `getDirectives`        | `component-tree.ts`, `injector-tree.ts`, `forms.ts`, `router-fallback.ts`                      | 12.0          | None.                                                                                                                                                                                                                                | As above.                                                                   |
-| `getInjector`          | `injector-tree.ts`, `router.ts`, `signal-graph.ts`, `ngrx-collector.ts`                        | 12.0          | None. Before 15.0 `injector.get(token, notFound, flags)` takes a number for `flags`, not an options object; the collectors only pass an options object on paths that need 16.2 or later.                                             | As above.                                                                   |
-| `getHostElement`       | `component-tree.ts`, `pipes-collector.ts`                                                      | 12.0          | None.                                                                                                                                                                                                                                | As above.                                                                   |
-| `getOwningComponent`   | `pipes-runtime.ts`, `component-tree.ts`                                                        | 12.0          | None.                                                                                                                                                                                                                                | Falls back to `getComponent`.                                               |
-| `getDirectiveMetadata` | `component-tree.ts`                                                                            | 12.0          | Input values are the property name (a string) in every version. From 17.1 Angular unwraps the `[name, flags]` form signal inputs store. 22 names `ChangeDetectionStrategy` 1 `Eager` instead of `Default`; the numbers are the same. | Reads both forms.                                                           |
-| `getListeners`         | `component-tree.ts`                                                                            | 12.0          | None.                                                                                                                                                                                                                                | Empty list when missing.                                                    |
-| `getRootComponents`    | `overlay-nativescript-views.ts`                                                                | 12.0          | None.                                                                                                                                                                                                                                | None needed.                                                                |
-| `applyChanges`         | `forms-actions.ts`, `component-edit.ts`                                                        | 12.0          | None.                                                                                                                                                                                                                                | None needed.                                                                |
-| `isSignal`             | `component-tree.ts`, `component-values.ts`, `component-edit.ts`, `signal-graph.ts`             | 17.1          | Not on `ng` in 16.x or 17.0, although signals exist from 16.0.                                                                                                                                                                       | Values that are functions are left out of the component detail.             |
-| `enableProfiling`      | `cd-live.ts`                                                                                   | 20.0          | None.                                                                                                                                                                                                                                | The Angular profiling switch says it is unavailable (`angularProfiling`).   |
+| API                    | Used by                                                                                                              | First version | Shape changes up to 22                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Fallback                                                                    |
+| ---------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- |
+| `getComponent`         | `component-tree.ts`, `injector-tree.ts`, `router.ts`, `signal-graph.ts`, `leaks-collector.ts`, forms, pipes and NgRx | 12.0          | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | None needed. Without it (a production build) the page reports no live data. |
+| `getDirectives`        | `component-tree.ts`, `injector-tree.ts`, `forms.ts`, `router-fallback.ts`                                            | 12.0          | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | As above.                                                                   |
+| `getInjector`          | `injector-tree.ts`, `router.ts`, `signal-graph.ts`, `ngrx-collector.ts`, `leaks-collector.ts`                        | 12.0          | None. Before 15.0 `injector.get(token, notFound, flags)` takes a number for `flags`, not an options object; the collectors only pass an options object on paths that need 16.2 or later. From 14.0 an element keeps its view's id rather than the view, so the host of a destroyed view gives `Injector.NULL`, which `leaks-collector.ts` uses to tell destroyed from detached. Before 14.0 the view stays reachable, so every host that left the page counts as destroyed. | As above.                                                                   |
+| `getHostElement`       | `component-tree.ts`, `pipes-collector.ts`                                                                            | 12.0          | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | As above.                                                                   |
+| `getOwningComponent`   | `pipes-runtime.ts`, `component-tree.ts`                                                                              | 12.0          | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Falls back to `getComponent`.                                               |
+| `getDirectiveMetadata` | `component-tree.ts`                                                                                                  | 12.0          | Input values are the property name (a string) in every version. From 17.1 Angular unwraps the `[name, flags]` form signal inputs store. 22 names `ChangeDetectionStrategy` 1 `Eager` instead of `Default`; the numbers are the same.                                                                                                                                                                                                                                        | Reads both forms.                                                           |
+| `getListeners`         | `component-tree.ts`                                                                                                  | 12.0          | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Empty list when missing.                                                    |
+| `getRootComponents`    | `overlay-nativescript-views.ts`                                                                                      | 12.0          | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | None needed.                                                                |
+| `applyChanges`         | `forms-actions.ts`, `component-edit.ts`                                                                              | 12.0          | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | None needed.                                                                |
+| `isSignal`             | `component-tree.ts`, `component-values.ts`, `component-edit.ts`, `signal-graph.ts`                                   | 17.1          | Not on `ng` in 16.x or 17.0, although signals exist from 16.0.                                                                                                                                                                                                                                                                                                                                                                                                              | Values that are functions are left out of the component detail.             |
+| `enableProfiling`      | `cd-live.ts`                                                                                                         | 20.0          | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | The Angular profiling switch says it is unavailable (`angularProfiling`).   |
 
 ## Private debug API on `window.ng`
 
 | API                              | Used by                                                                                                              | First version            | Shape changes up to 22                                                                                                                                                                                             | Fallback                                                                                                                                                                                                                                                                      |
 | -------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `ɵsetProfiler`                   | `change-detection.ts`, `cd-overlay.ts`, `forms-instrument.ts`                                                        | 12.0                     | Up to 19.2 it holds one profiler and returns nothing; setting it would evict another profiler (the Angular DevTools extension) with no way to give the slot back. From 20.0 it keeps a list and returns a remover. | Not used before 20.0: the refresh falls back to polling and change detection recording is unavailable (`profiler`). This is the one check made from the version, since trying the util would take the slot.                                                                   |
+| `ɵsetProfiler`                   | `change-detection.ts`, `cd-overlay.ts`, `forms-instrument.ts`, `leaks-collector.ts`                                  | 12.0                     | Up to 19.2 it holds one profiler and returns nothing; setting it would evict another profiler (the Angular DevTools extension) with no way to give the slot back. From 20.0 it keeps a list and returns a remover. | Not used before 20.0: the refresh falls back to polling and change detection recording is unavailable (`profiler`). This is the one check made from the version, since trying the util would take the slot.                                                                   |
 | `ɵgetInjectorProviders`          | `injector-tree.ts`, `router.ts`, `router-setup.ts`, `ngrx-collector.ts`, `forms-webmcp.ts`, `router-config-tools.ts` | 16.2                     | None.                                                                                                                                                                                                              | Element injectors are listed without providers. The router is found through `router-fallback.ts`. The `@ngrx/store` Store and signal stores provided by components are not found (`injectorProviders`).                                                                       |
 | `ɵgetInjectorResolutionPath`     | `injector-tree.ts`, `router.ts`, `router-setup.ts`, `signal-graph.ts`, `ngrx-collector.ts`, `forms-webmcp.ts`        | 16.2                     | None.                                                                                                                                                                                                              | No environment injectors and no lookup path.                                                                                                                                                                                                                                  |
 | `ɵgetDependenciesFromInjectable` | `injector-tree.ts`, `component-tree.ts`                                                                              | 16.2                     | None.                                                                                                                                                                                                              | No dependencies listed.                                                                                                                                                                                                                                                       |
 | `ɵgetInjectorMetadata`           | `injector-tree.ts`, `ngrx-collector.ts`, `signal-graph.ts`                                                           | 17.0                     | None.                                                                                                                                                                                                              | `injectorMetadata()` in `injector-tree.ts` tells an environment injector by its `records` map and `source` (an `R3Injector` in every Ivy version) and the null injector by its class. Element injectors on a lookup path can't be named and are left out.                     |
-| `ɵgetSignalGraph`                | `signal-graph.ts`, `signal-peek.ts`                                                                                  | 19.1                     | Nodes carry `id` and `epoch` (and `debuggableFn`) from 20.1. Before that the collector reports `unsupported: true`.                                                                                                | The Signals page shows the source scan and the unavailable note; `inspect-signals` and `watch-signal` answer "unsupported" (`signalGraph`, named as 20.1).                                                                                                                    |
+| `ɵgetSignalGraph`                | `signal-graph.ts`, `signal-peek.ts`, `leaks-collector.ts`                                                            | 19.1                     | Nodes carry `id` and `epoch` (and `debuggableFn`) from 20.1. Before that the collector reports `unsupported: true`.                                                                                                | The Signals page shows the source scan and the unavailable note; `inspect-signals` and `watch-signal` answer "unsupported" (`signalGraph`, named as 20.1).                                                                                                                    |
 | `ɵgetDeferBlocks`                | `defer-blocks.ts`                                                                                                    | 19.1 (removed in 22.0)   | Replaced by `ɵgetControlFlowBlocks` in 22.0.                                                                                                                                                                       | `deferBlocks` is true when either util exists. `@defer` itself exists from 17.0, so pages on 17.0 to 19.0 get the unavailable note.                                                                                                                                           |
 | `ɵgetControlFlowBlocks`          | `defer-blocks.ts`, `for-blocks.ts`, `rpc/for-blocks-tools.ts`                                                        | 22.0                     | None.                                                                                                                                                                                                              | `@for` blocks unavailable (`forBlocks`).                                                                                                                                                                                                                                      |
 | `ɵgetRouterInstance`             | `router.ts`, `router-setup.ts`, `analog-runtime.ts`, `ssr-navigation.ts`                                             | 20.3.5 (`provideRouter`) | Published by `@angular/router`, not core: present in 21.0.9, absent in 20.0.7. 20.3.5 comes from the router changelog and `private-api-canary.test.ts`.                                                            | `providerOf()` looks the Router up through `ɵgetInjectorProviders` (16.2+). Before 16.2 `router-fallback.ts` reads the Router a `RouterLink`, `RouterLinkActive` or component holds in a field, then asks the root injector for that class. Nothing holds it: no router data. |
diff --git a/packages/devtools/src/__tests__/cd-diagnosis-real.test.ts b/packages/devtools/src/__tests__/cd-diagnosis-real.test.ts
new file mode 100644
index 00000000..827be14a
--- /dev/null
+++ b/packages/devtools/src/__tests__/cd-diagnosis-real.test.ts
@@ -0,0 +1,203 @@
+// @vitest-environment jsdom
+import '@angular/compiler';
+import * as core from '@angular/core';
+import { Component } from '@angular/core';
+import { afterEach, describe, expect, it } from 'vitest';
+import { attachChangeDetection, type CdReport } from '../cd-overlay.ts';
+import { findCdScheduler } from '../cd-diagnosis.ts';
+import { angularAtLeast, bootstrapRoot, STANDALONE, type BootedApp } from './angular-version.ts';
+
+const wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
+const ngOf = () => (globalThis as { ng?: unknown }).ng;
+const supported = angularAtLeast('20.0');
+const signal = <T>(value: T, debugName: string) =>
+  (core.signal as (v: T, o: { debugName: string }) => core.WritableSignal<T>)(value, {
+    debugName,
+  });
+
+class StaticNote {}
+Component({
+  ...STANDALONE,
+  selector: 'app-static-note',
+  changeDetection: core.ChangeDetectionStrategy.Default,
+  template: '<p>Static</p>',
+})(StaticNote);
+
+class ItemCount {
+  items: number[] = [];
+}
+Component({
+  ...STANDALONE,
+  selector: 'app-item-count',
+  inputs: ['items'],
+  template: '{{ items.length }} items',
+})(ItemCount);
+
+class Options {
+  options: { size: number } = { size: 0 };
+}
+Component({
+  ...STANDALONE,
+  selector: 'app-options',
+  inputs: ['options'],
+  template: 'size {{ options.size }}',
+})(Options);
+
+class Counter {
+  readonly count = signal(0, 'count');
+  bump() {
+    this.count.update((n) => n + 1);
+  }
+}
+Component({
+  ...STANDALONE,
+  selector: 'app-counter',
+  template: '<button type="button" (click)="bump()">Bump</button> {{ count() }}',
+})(Counter);
+
+class Shell {
+  readonly items = [1, 2];
+  readonly ticks = signal(0, 'ticks');
+  options() {
+    return { size: 1 };
+  }
+  addInPlace() {
+    this.items.push(this.items.length + 1);
+    this.ticks.update((n) => n + 1);
+  }
+}
+Component({
+  ...STANDALONE,
+  selector: 'app-root',
+  imports: [StaticNote, ItemCount, Options, Counter],
+  changeDetection: core.ChangeDetectionStrategy.Default,
+  template: `<button type="button" id="add" (click)="addInPlace()">Add</button>
+    <app-static-note></app-static-note>
+    <app-item-count [items]="items"></app-item-count>
+    <app-options [options]="options()"></app-options>
+    <app-counter></app-counter>`,
+})(Shell);
+
+function fakeRpc() {
+  const handlers = new Map<string, (...args: unknown[]) => unknown>();
+  const reports: CdReport[] = [];
+  const my = {
+    rpc: {
+      call: async (name: string, ...args: unknown[]) => {
+        if (name === 'push-change-detection') reports.push(args[0] as CdReport);
+        return undefined;
+      },
+      register: (definition: { name: string; handler: (...args: unknown[]) => unknown }) => {
+        handlers.set(definition.name, definition.handler);
+      },
+    },
+  };
+  return { my, handlers, reports };
+}
+
+describe.skipIf(!supported)('change detection diagnosis with a real app', () => {
+  let app: BootedApp | null = null;
+  let stop: (() => void) | null = null;
+  afterEach(() => {
+    stop?.();
+    stop = null;
+    app?.destroy();
+    app = null;
+    document.body.innerHTML = '';
+  });
+
+  async function record() {
+    document.body.innerHTML = '<app-root></app-root>';
+    app = await bootstrapRoot(Shell);
+    app.appRef.tick();
+    await wait(20);
+    const { my, handlers, reports } = fakeRpc();
+    const cd = attachChangeDetection(my, 'p1', ngOf, 50);
+    stop = cd.stop;
+    handlers.get('change-detection-record')!({ pageId: 'p1', on: true });
+    // The signal write hook loads with a dynamic import.
+    await wait(20);
+    return {
+      async report() {
+        await cd.push(true);
+        return reports.at(-1)!;
+      },
+    };
+  }
+
+  it("finds Angular's scheduler through the root injector", async () => {
+    document.body.innerHTML = '<app-root></app-root>';
+    app = await bootstrapRoot(Shell);
+    const scheduler = findCdScheduler(ngOf(), document.querySelectorAll('[ng-version]'));
+    expect(typeof scheduler?.notify).toBe('function');
+  });
+
+  it('credits a click to its event, target and listener component, with the signal it wrote', async () => {
+    const recording = await record();
+    (document.querySelector('app-counter button') as HTMLButtonElement).click();
+    await wait(40);
+    const report = await recording.report();
+    const cycle = report.cycles.find((c) => c.cause?.kind === 'event');
+    expect(cycle?.cause).toMatchObject({
+      kind: 'event',
+      event: 'click',
+      target: 'button',
+      component: 'Counter',
+      signal: 'count',
+    });
+    expect(report.diagnosis?.triggers).toBe(true);
+    expect(report.diagnosis?.causes.event).toBeGreaterThanOrEqual(1);
+  });
+
+  it('credits a signal written in a timer to the signal and the app frame that wrote it', async () => {
+    const recording = await record();
+    const counter = (ngOf() as { getComponent(el: Element): Counter }).getComponent(
+      document.querySelector('app-counter')!,
+    );
+    setTimeout(() => counter.bump(), 0);
+    await wait(60);
+    const report = await recording.report();
+    const cause = report.cycles.find((c) => c.cause?.signal === 'count')?.cause;
+    expect(cause?.kind).toBe('signal');
+    expect(cause?.signal).toBe('count');
+    expect(cause?.stack?.[0]).toMatch(/Counter\.bump/);
+    expect(cause?.component).toBe('Counter');
+  });
+
+  it('counts unchanged checks, an input mutated in place and an equal new reference', async () => {
+    const recording = await record();
+    for (let i = 0; i < 3; i++) {
+      (document.getElementById('add') as HTMLButtonElement).click();
+      await wait(40);
+    }
+    const report = await recording.report();
+    const diagnosis = report.diagnosis!;
+    expect(diagnosis.waste).toBe(true);
+    const note = diagnosis.components.find((c) => c.name === 'StaticNote');
+    expect(note).toMatchObject({ refreshed: 3, unchanged: 3, strategy: 'Eager' });
+    // The first check of an instance in a recording is the baseline its inputs are compared with.
+    const inPlace = diagnosis.inputs?.find((i) => i.name === 'ItemCount');
+    expect(inPlace).toMatchObject({ input: 'items', parent: 'Shell', inPlace: 2, sameContents: 0 });
+    const renewed = diagnosis.inputs?.find((i) => i.name === 'Options');
+    expect(renewed).toMatchObject({
+      input: 'options',
+      parent: 'Shell',
+      inPlace: 0,
+      sameContents: 2,
+    });
+    // The new reference means the Shell's check did something, from the second check on.
+    const shell = diagnosis.components.find((c) => c.name === 'Shell');
+    expect(shell).toMatchObject({ refreshed: 3, unchanged: 1, strategy: 'Eager' });
+    expect(report.cycles.at(-1)?.unchanged).toBeGreaterThanOrEqual(1);
+  });
+
+  it('unwraps the scheduler when the recording stops', async () => {
+    const recording = await record();
+    const scheduler = findCdScheduler(ngOf(), document.querySelectorAll('[ng-version]'))!;
+    expect(Object.prototype.hasOwnProperty.call(scheduler, 'notify')).toBe(true);
+    stop!();
+    stop = null;
+    expect(Object.prototype.hasOwnProperty.call(scheduler, 'notify')).toBe(false);
+    await recording.report();
+  });
+});
diff --git a/packages/devtools/src/__tests__/cd-diagnosis-tool.test.ts b/packages/devtools/src/__tests__/cd-diagnosis-tool.test.ts
new file mode 100644
index 00000000..3fd2e731
--- /dev/null
+++ b/packages/devtools/src/__tests__/cd-diagnosis-tool.test.ts
@@ -0,0 +1,265 @@
+import { createHostContext } from 'devframe/node';
+import { describe, expect, it } from 'vitest';
+import pangular from '../devframe.ts';
+import {
+  cdCauseText,
+  cdHints,
+  cdTraceFile,
+  parseCdImport,
+  sanitizeCdDiagnosis,
+  sanitizeCdRecording,
+} from '../cd-data.ts';
+import { AGENT_INSPECTOR, AGENT_SAFETY, PAGE_AGENT_ENTRIES, type CdDiagnosis } from '../config.ts';
+import { cdDiagnosisText } from '../rpc/cd-diagnosis-tools.ts';
+import { toCdPage, type CdState } from '../rpc/cd-tools.ts';
+
+const JWT =
+  'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIxMjM0NTY3ODkwIn0.dozjgNryP4J3jVmNHl0w5N_XgL0n3I9PlFUP0THsR8U';
+
+const diagnosis: CdDiagnosis = {
+  triggers: true,
+  waste: true,
+  major: 22,
+  causes: { event: 3, zone: 2 },
+  components: [
+    { name: 'Banner', refreshed: 20, unchanged: 19, strategy: 'Eager' },
+    { name: 'Row', refreshed: 12, unchanged: 11, strategy: 'OnPush' },
+    { name: 'Cart', refreshed: 12, unchanged: 2, strategy: 'Eager' },
+    { name: 'Rare', refreshed: 3, unchanged: 3, strategy: 'Eager' },
+  ],
+  inputs: [{ name: 'Row', input: 'items', parent: 'List', inPlace: 4, sameContents: 0 }],
+  zone: [{ name: 'Clock', ticks: 2, tasks: ['setTimeout'] }],
+};
+
+const report = (pageId: string, extra: Record<string, unknown> = {}) => ({
+  pageId,
+  supported: true,
+  recording: true,
+  startedAt: 1,
+  dropped: 0,
+  cycles: [
+    {
+      id: 1,
+      at: 2,
+      ms: 1,
+      passes: 1,
+      checks: 2,
+      components: [],
+      cause: {
+        kind: 'event',
+        event: 'click',
+        target: 'button',
+        component: 'Cart',
+        listener: 'add',
+      },
+      refreshed: 2,
+      unchanged: 1,
+    },
+  ],
+  components: [{ name: 'Cart', checks: 2, ms: 1, maxMs: 1, cycles: 1 }],
+  hosts: {},
+  diagnosis,
+  ...extra,
+});
+
+async function boot() {
+  const host = {
+    mountStatic: () => {},
+    resolveOrigin: () => 'http://localhost',
+    getStorageDir: () => '',
+  };
+  const ctx = await createHostContext({ cwd: process.cwd(), mode: 'dev', host: host as never });
+  await pangular.setup(ctx as never);
+  const push = (name: string, payload: unknown) =>
+    ctx.rpc.invokeLocal(`pangular:${name}` as never, ...([payload] as never));
+  const call = async (args: Record<string, unknown>) =>
+    ((await ctx.agent.invoke('pangular:diagnose-change-detection', args)) as { markdown: string })
+      .markdown;
+  return { push, call, ctx };
+}
+
+describe('change detection diagnosis data', () => {
+  it('keeps known cause fields and drops unknown kinds, fields and extra frames', () => {
+    const clean = sanitizeCdRecording(
+      report('p1', {
+        cycles: [
+          {
+            id: 1,
+            at: 1,
+            ms: 1,
+            passes: 1,
+            checks: 0,
+            components: [],
+            cause: {
+              kind: 'signal',
+              via: 'nonsense',
+              signal: 'count',
+              extra: 'x',
+              stack: ['a', 'b', 'c', 'd'],
+              zone: 'yes',
+              more: -1,
+            },
+            refreshed: 'x',
+          },
+          { id: 2, at: 1, ms: 1, passes: 1, checks: 0, components: [], cause: { kind: 'made-up' } },
+        ],
+      }),
+      10,
+    )!;
+    expect(clean.cycles[0]!.cause).toEqual({
+      kind: 'signal',
+      signal: 'count',
+      stack: ['a', 'b', 'c'],
+    });
+    expect(clean.cycles[0]!.refreshed).toBeUndefined();
+    expect(clean.cycles[1]!.cause).toBeUndefined();
+  });
+
+  it('checks a diagnosis: known kinds, numbers, strategies and capped lists', () => {
+    expect(sanitizeCdDiagnosis(null)).toBeUndefined();
+    const clean = sanitizeCdDiagnosis({
+      triggers: true,
+      waste: 'yes',
+      major: 1e9,
+      causes: { event: 2, bogus: 5, zone: -1 },
+      components: [{ name: 'A', refreshed: 3, unchanged: 1, strategy: 'Weird' }, { name: '' }],
+      inputs: Array.from({ length: 60 }, (_, i) => ({ name: `C${i}`, input: 'x', inPlace: 1 })),
+      zone: [{ name: 'Z', ticks: 1, tasks: ['a', 'b', 'c', 'd'] }],
+    })!;
+    expect(clean.triggers).toBe(true);
+    expect(clean.waste).toBe(false);
+    expect(clean.major).toBeUndefined();
+    expect(clean.causes).toEqual({ event: 2 });
+    expect(clean.components).toEqual([{ name: 'A', refreshed: 3, unchanged: 1 }]);
+    expect(clean.inputs).toHaveLength(50);
+    expect(clean.inputs![0]).toEqual({ name: 'C0', input: 'x', inPlace: 1, sameContents: 0 });
+    expect(clean.zone).toEqual([{ name: 'Z', ticks: 1, tasks: ['a', 'b', 'c'] }]);
+  });
+
+  it('keeps the diagnosis through an export and an import, and names the cause in a trace', () => {
+    const clean = sanitizeCdRecording(report('p1'), 10)!;
+    const imported = parseCdImport(JSON.stringify({ recording: clean }), 10);
+    expect(imported.ok && imported.recording.diagnosis?.zone).toEqual(diagnosis.zone);
+    const trace = cdTraceFile(clean, 'p1');
+    const cycle = trace.traceEvents.find((e) => e.name === 'Change detection #1');
+    expect(cycle?.args?.['cause']).toBe('click on button in Cart (add)');
+  });
+
+  it('describes causes in one line', () => {
+    expect(
+      cdCauseText({
+        kind: 'event',
+        event: 'click',
+        target: 'button',
+        component: 'Cart',
+        listener: 'add',
+        signal: 'count',
+      }),
+    ).toBe('click on button in Cart (add), wrote signal count');
+    expect(cdCauseText({ kind: 'http', via: 'markForCheck', component: 'Users', more: 2 })).toBe(
+      'HTTP response in Users, via markForCheck, 2 more notifications',
+    );
+    expect(cdCauseText({ kind: 'zone', zone: true, task: 'setTimeout' })).toBe(
+      'zone.js tick with no Angular notification after setTimeout',
+    );
+    expect(cdCauseText({ kind: 'markForCheck', zone: true })).toBe('markForCheck, run by zone.js');
+    expect(cdCauseText({ kind: 'tick', component: 'Poller' })).toBe(
+      'ApplicationRef.tick() in Poller',
+    );
+  });
+
+  it('suggests OnPush by version, notes classes already OnPush, and flags inputs and zone.js', () => {
+    const hints = cdHints(diagnosis);
+    expect(hints.map((h) => [h.name, h.kind])).toEqual([
+      ['Banner', 'on-push'],
+      ['Row', 'already-on-push'],
+      ['Row', 'in-place'],
+      ['Clock', 'zone'],
+    ]);
+    expect(hints[0]!.text).toContain('default from Angular 22');
+    expect(hints[0]!.text).toContain('ChangeDetectionStrategy.Eager');
+    const older = cdHints({ ...diagnosis, major: 19 });
+    expect(older[0]!.text).toContain('Add `changeDetection: ChangeDetectionStrategy.OnPush`');
+    expect(older[1]!.text).not.toContain('Angular 22');
+    expect(hints[2]!.text).toContain('Input items of Row set by List changed in place 4 times');
+    expect(cdHints(undefined)).toEqual([]);
+  });
+
+  it('masks secrets the page put in causes and names', () => {
+    const page = toCdPage(
+      report('p1', {
+        cycles: [
+          {
+            id: 1,
+            at: 1,
+            ms: 1,
+            passes: 1,
+            checks: 0,
+            components: [],
+            cause: { kind: 'signal', signal: JWT, stack: [`load (src/a.ts?token=${JWT}:1:1)`] },
+          },
+        ],
+        diagnosis: { ...diagnosis, zone: [{ name: 'Clock', ticks: 1, tasks: [`Bearer ${JWT}`] }] },
+      }),
+      10,
+    )!;
+    const text = JSON.stringify(page);
+    expect(text).not.toContain(JWT);
+  });
+});
+
+describe('diagnose-change-detection tool', () => {
+  it('is a read tool of the components inspector that needs a page', () => {
+    expect(AGENT_INSPECTOR['diagnose-change-detection']).toBe('components');
+    expect(AGENT_SAFETY['diagnose-change-detection']).toBeUndefined();
+    expect(PAGE_AGENT_ENTRIES).toContain('diagnose-change-detection');
+  });
+
+  it('answers with causes, zone.js dependents, wasted checks, inputs and hints', async () => {
+    const { push, call } = await boot();
+    await push('push-change-detection', report('p1'));
+    const text = await call({});
+    expect(text).toContain('**What started the cycles**');
+    expect(text).toContain('Event (`event`): 3 cycle(s)');
+    expect(text).toContain('`click on button in Cart (add)`');
+    expect(text).toContain('**Components that depend on zone.js**');
+    expect(text).toContain('- `Clock`: 2 tick(s), after `setTimeout`');
+    expect(text).toContain('- `Banner`: 19 of 20 refreshed check(s) changed nothing (95%), Eager');
+    expect(text).toContain('- `Row.items` (set by `List`): 4 change(s) in place');
+    expect(text).toContain('remove `changeDetection: ChangeDetectionStrategy.Eager`');
+  });
+
+  it('says what to do with no recording, an unknown page and a page without the scheduler', async () => {
+    const { push, call } = await boot();
+    expect(await call({})).toMatch(/^No change detection recording yet/);
+    await push(
+      'push-change-detection',
+      report('p1', { diagnosis: { ...diagnosis, triggers: false } }),
+    );
+    expect(await call({ page: 'gone' })).toMatch(/^No page `gone`/);
+    expect(await call({ page: 'p1' })).toContain('cycles carry no cause');
+  });
+
+  it('explains a page that cannot record and one that sent no diagnosis', () => {
+    const state = (page: Record<string, unknown>): CdState =>
+      ({ pages: { p1: { ...report('p1'), reportedAt: 1, ...page } } }) as unknown as CdState;
+    expect(cdDiagnosisText(state({ supported: false }))).toContain('needs Angular 20 or later');
+    expect(cdDiagnosisText(state({ diagnosis: undefined }))).toContain('reported no diagnosis');
+    expect(
+      cdDiagnosisText(state({ supported: false }), {}, () => ({
+        version: '19.2.0',
+        capabilities: { profiler: false },
+      })),
+    ).toContain('Unsupported on this Angular version');
+  });
+
+  it('adds the cause and unchanged checks to the change-detection cycle lines', async () => {
+    const { push, ctx } = await boot();
+    await push('push-change-detection', report('p1'));
+    const text = ((await ctx.agent.invoke('pangular:change-detection', {})) as { markdown: string })
+      .markdown;
+    expect(text).toContain(
+      'started by `click on button in Cart (add)`, 1 of 2 refreshed check(s) changed nothing',
+    );
+  });
+});
diff --git a/packages/devtools/src/__tests__/cd-diagnosis.test.ts b/packages/devtools/src/__tests__/cd-diagnosis.test.ts
new file mode 100644
index 00000000..301c22e6
--- /dev/null
+++ b/packages/devtools/src/__tests__/cd-diagnosis.test.ts
@@ -0,0 +1,411 @@
+// @vitest-environment jsdom
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { callerStack, createCdDiagnosis, findCdScheduler, NOTIFY } from '../cd-diagnosis.ts';
+import { PROFILER_EVENT as E } from '../cd-recorder.ts';
+import type { RawSignalNode } from '../signal-history.ts';
+
+class Shell {}
+class Row {
+  items: number[] = [];
+}
+(Shell as unknown as { ɵcmp: object }).ɵcmp = {};
+(Row as unknown as { ɵcmp: object }).ɵcmp = {};
+
+const APP_STACK = 'Error\n    at Cart.add (http://localhost:4200/src/app/cart.ts:12:5)';
+const HTTP_STACK =
+  'Error\n    at Users.load (http://localhost:4200/src/app/users.ts:8:3)\n    at _FetchBackend.doRequest (http://localhost:4200/@fs/node_modules/@angular/common/fesm2022/http.mjs:1:1)';
+
+/** A fake app: an `ng` whose root injector holds a scheduler, and a root element. */
+function fakePage(
+  meta: Record<string, { inputs?: Record<string, string>; changeDetection?: number }> = {},
+) {
+  document.body.innerHTML = '<app-root ng-version="22.1.0"></app-root>';
+  const notified: number[] = [];
+  const scheduler = {
+    appRef: {},
+    runningTick: false,
+    notify(source: number) {
+      notified.push(source);
+    },
+  };
+  const env = {
+    records: new Map<unknown, { value: unknown }>([[class X {}, { value: scheduler }]]),
+  };
+  const ng = {
+    getInjector: () => ({ node: true }),
+    ɵgetInjectorResolutionPath: () => [{ node: true }, env],
+    getDirectiveMetadata: (instance: object) => meta[instance.constructor.name] ?? null,
+  };
+  return { ng, scheduler, notified };
+}
+
+function setup(
+  options: {
+    meta?: Parameters<typeof fakePage>[0];
+    global?: Record<string, unknown>;
+    stack?: string;
+    clock?: () => number;
+  } = {},
+) {
+  const page = fakePage(options.meta);
+  let onWrite: ((node: RawSignalNode) => void) | null = null;
+  const removeHook = vi.fn();
+  const diagnosis = createCdDiagnosis({
+    getNg: () => page.ng,
+    maxCycles: 5,
+    // Spreading `globalThis` would lose its non-enumerable classes, such as MutationObserver.
+    ...(options.global
+      ? {
+          global: () =>
+            new Proxy(globalThis as unknown as Record<string, unknown>, {
+              get: (target, key: string) =>
+                key in options.global! ? options.global![key] : target[key],
+            }),
+        }
+      : {}),
+    stack: () => options.stack,
+    ...(options.clock ? { now: options.clock } : {}),
+    writeHook: async (fn) => {
+      onWrite = fn;
+      return removeHook;
+    },
+  });
+  let id = 0;
+  const cycle = (body: () => void = () => {}) => {
+    diagnosis.onEvent(E.ChangeDetectionStart, undefined, undefined, ++id);
+    diagnosis.onEvent(E.ChangeDetectionSyncStart, undefined, undefined, id);
+    body();
+    diagnosis.onEvent(E.ChangeDetectionSyncEnd, undefined, undefined, id);
+    diagnosis.onEvent(E.ChangeDetectionEnd, undefined, undefined, null);
+    return id;
+  };
+  /** A component check; `refresh` runs its template, `dom` changes the page while it runs. */
+  const check = (instance: object, { refresh = true, dom = false, children = () => {} } = {}) => {
+    diagnosis.onEvent(E.ComponentStart, undefined, undefined, id);
+    if (refresh) diagnosis.onEvent(E.TemplateUpdateStart, instance, undefined, id);
+    if (dom) document.body.append(document.createElement('span'));
+    children();
+    diagnosis.onEvent(E.ComponentEnd, instance, undefined, id);
+  };
+  return {
+    ...page,
+    diagnosis,
+    cycle,
+    check,
+    removeHook,
+    write: (debugName?: string) => onWrite?.({ debugName }),
+  };
+}
+
+afterEach(() => {
+  document.body.innerHTML = '';
+});
+
+describe('change detection diagnosis', () => {
+  it('finds the scheduler among the values the root injector holds, and nothing on a bare page', () => {
+    const { ng, scheduler } = fakePage();
+    expect(findCdScheduler(ng, document.querySelectorAll('[ng-version]'))).toBe(scheduler);
+    expect(findCdScheduler({}, document.querySelectorAll('[ng-version]'))).toBeNull();
+    expect(findCdScheduler(null, [])).toBeNull();
+  });
+
+  it('wraps notify only while it records, and forwards every call', async () => {
+    const t = setup();
+    const original = t.scheduler.notify;
+    t.diagnosis.start();
+    expect(t.scheduler.notify).not.toBe(original);
+    t.scheduler.notify(NOTIFY.MarkForCheck);
+    expect(t.notified).toEqual([4]);
+    await Promise.resolve();
+    t.diagnosis.stop();
+    expect(t.scheduler.notify).toBe(original);
+    expect(t.removeHook).toHaveBeenCalled();
+    t.scheduler.notify(NOTIFY.MarkForCheck);
+    expect(t.notified).toEqual([4, 4]);
+  });
+
+  it('removes a write hook that finishes loading after the recording stopped', async () => {
+    const t = setup();
+    t.diagnosis.start();
+    t.diagnosis.stop();
+    await Promise.resolve();
+    await Promise.resolve();
+    expect(t.removeHook).toHaveBeenCalledTimes(1);
+  });
+
+  it('credits a tick to the signal written and the app frame that wrote it', async () => {
+    const t = setup({ stack: APP_STACK });
+    t.diagnosis.start();
+    await Promise.resolve();
+    t.scheduler.notify(NOTIFY.MarkAncestorsForTraversal);
+    t.write('count');
+    t.scheduler.notify(NOTIFY.RootEffect);
+    const id = t.cycle();
+    expect(t.diagnosis.cycle(id).cause).toEqual({
+      kind: 'signal',
+      component: 'Cart',
+      signal: 'count',
+      stack: ['Cart.add (src/app/cart.ts:12:5)'],
+      more: 1,
+    });
+  });
+
+  it('names a template listener by its DOM event, target and owner', () => {
+    const t = setup();
+    t.diagnosis.start();
+    const button = document.createElement('button');
+    document.body.append(button);
+    const listener = function Cart_Template_button_click_0_listener() {};
+    let id = 0;
+    button.addEventListener('click', () => {
+      t.scheduler.notify(NOTIFY.Listener);
+      t.diagnosis.onEvent(E.OutputStart, new Row(), listener, null);
+      t.diagnosis.onEvent(E.OutputEnd, new Row(), listener, null);
+    });
+    button.click();
+    id = t.cycle();
+    expect(t.diagnosis.cycle(id).cause).toEqual({
+      kind: 'event',
+      event: 'click',
+      target: 'button',
+      component: 'Row',
+      listener: 'Cart_Template_button_click_0_listener',
+    });
+  });
+
+  it('calls code on an HTTP response http, from the XHR load event or the fetch backend frames', () => {
+    const t = setup({ stack: HTTP_STACK });
+    t.diagnosis.start();
+    t.scheduler.notify(NOTIFY.MarkForCheck);
+    const id = t.cycle();
+    expect(t.diagnosis.cycle(id).cause).toMatchObject({
+      kind: 'http',
+      via: 'markForCheck',
+      component: 'Users',
+    });
+
+    const xhr = new XMLHttpRequest();
+    xhr.addEventListener('load', () => t.scheduler.notify(NOTIFY.MarkAncestorsForTraversal));
+    xhr.dispatchEvent(new Event('load'));
+    const next = t.cycle();
+    expect(t.diagnosis.cycle(next).cause).toMatchObject({ kind: 'http', via: 'signal' });
+    expect(t.diagnosis.cycle(next).cause?.event).toBeUndefined();
+  });
+
+  it('reads zone.js tasks: a timer, a zone-only tick and the components that changed in it', () => {
+    const zone = {
+      current: { get: (key: string) => key === 'isAngularZone' },
+      currentTask: { type: 'macroTask', source: 'setTimeout' } as {
+        type: string;
+        source: string;
+      } | null,
+    };
+    const t = setup({ global: { Zone: zone }, meta: { Row: { changeDetection: 1 } } });
+    t.diagnosis.start();
+    t.scheduler.notify(NOTIFY.MarkForCheck);
+    const timer = t.cycle();
+    expect(t.diagnosis.cycle(timer).cause).toMatchObject({
+      kind: 'timer',
+      via: 'markForCheck',
+      task: 'setTimeout',
+      zone: true,
+    });
+
+    const row = new Row();
+    const zoneOnly = t.cycle(() => t.check(row, { dom: true }));
+    expect(t.diagnosis.cycle(zoneOnly).cause).toEqual({
+      kind: 'zone',
+      zone: true,
+      task: 'setTimeout',
+    });
+    zone.currentTask = { type: 'macroTask', source: 'XMLHttpRequest.send' };
+    t.cycle(() => t.check(row, { dom: true }));
+    expect(t.diagnosis.snapshot()?.zone).toEqual([
+      { name: 'Row', ticks: 2, tasks: ['setTimeout', 'XMLHttpRequest.send'] },
+    ]);
+    expect(t.diagnosis.snapshot()?.causes).toEqual({ timer: 1, zone: 2 });
+  });
+
+  it('marks a tick the scheduler ran without a seen notification unknown, and one app code ran tick', () => {
+    const t = setup({ stack: APP_STACK });
+    t.diagnosis.start();
+    t.scheduler.runningTick = true;
+    const scheduled = t.cycle();
+    expect(t.diagnosis.cycle(scheduled).cause).toEqual({ kind: 'unknown' });
+    t.scheduler.runningTick = false;
+    const manual = t.cycle();
+    expect(t.diagnosis.cycle(manual).cause).toEqual({
+      kind: 'tick',
+      component: 'Cart',
+      stack: ['Cart.add (src/app/cart.ts:12:5)'],
+    });
+  });
+
+  it('lets a refreshing notification replace one that only runs afterRender, and drops a stale one', () => {
+    let now = 0;
+    const t = setup({ clock: () => now });
+    t.diagnosis.start();
+    t.scheduler.notify(NOTIFY.PendingTaskRemoved);
+    t.scheduler.notify(NOTIFY.MarkForCheck);
+    expect(t.diagnosis.cycle(t.cycle()).cause).toEqual({ kind: 'markForCheck', more: 1 });
+
+    t.scheduler.notify(NOTIFY.PendingTaskRemoved);
+    now = 500;
+    t.scheduler.runningTick = true;
+    expect(t.diagnosis.cycle(t.cycle()).cause).toMatchObject({ kind: 'unknown' });
+  });
+
+  it('ignores notifications Angular sends while a tick runs', () => {
+    const t = setup();
+    t.diagnosis.start();
+    t.scheduler.notify(NOTIFY.SetInput);
+    const id = t.cycle(() => t.scheduler.notify(NOTIFY.MarkForCheck));
+    expect(t.diagnosis.cycle(id).cause).toEqual({ kind: 'input' });
+    t.scheduler.runningTick = true;
+    expect(t.diagnosis.cycle(t.cycle()).cause).toEqual({ kind: 'unknown' });
+  });
+
+  it('counts refreshed checks without DOM updates, and leaves out traversals and the checkNoChanges pass', () => {
+    const t = setup({ meta: { Shell: { changeDetection: 0 }, Row: { changeDetection: 1 } } });
+    t.diagnosis.start();
+    const shell = new Shell();
+    const row = new Row();
+    const id = t.cycle(() => {
+      t.check(shell, { dom: false, children: () => t.check(row, { dom: true }) });
+      // Visited without running its template: not a refresh.
+      t.check(new Shell(), { refresh: false });
+    });
+    // The development checkNoChanges pass runs after the last sync pass.
+    t.diagnosis.onEvent(E.ChangeDetectionStart, undefined, undefined, 99);
+    t.check(row);
+    t.diagnosis.onEvent(E.ChangeDetectionEnd, undefined, undefined, null);
+
+    expect(t.diagnosis.cycle(id)).toMatchObject({ refreshed: 2, unchanged: 1 });
+    const snap = t.diagnosis.snapshot(22)!;
+    expect(snap.components).toEqual([
+      { name: 'Shell', refreshed: 1, unchanged: 1, strategy: 'OnPush' },
+      { name: 'Row', refreshed: 1, unchanged: 0, strategy: 'Eager' },
+    ]);
+    expect(snap.major).toBe(22);
+    expect(snap.waste).toBe(true);
+    expect(snap.triggers).toBe(true);
+  });
+
+  it('finds inputs mutated in place and new references with equal contents, crediting the parent', () => {
+    const t = setup({ meta: { Row: { inputs: { items: 'items' } } } });
+    t.diagnosis.start();
+    const shell = new Shell();
+    const row = new Row();
+    const pass = () => t.cycle(() => t.check(shell, { children: () => t.check(row) }));
+    row.items = [1];
+    pass();
+    row.items.push(2);
+    pass();
+    row.items = [...row.items];
+    const renewed = pass();
+    expect(t.diagnosis.snapshot()?.inputs).toEqual([
+      { name: 'Row', input: 'items', parent: 'Shell', inPlace: 1, sameContents: 1 },
+    ]);
+    // The new reference counts as a change of the parent's check.
+    expect(t.diagnosis.cycle(renewed)).toMatchObject({ refreshed: 2, unchanged: 1 });
+  });
+
+  it("reads a signal input's stored value without calling it", () => {
+    const t = setup({ meta: { Row: { inputs: { items: 'items' } } } });
+    t.diagnosis.start();
+    const node = { value: [1] as number[] };
+    const read = vi.fn(() => node.value);
+    const SIGNAL = Symbol('SIGNAL');
+    const items = Object.assign(read, { [SIGNAL]: node });
+    const row = Object.assign(new Row(), { items }) as unknown as Row;
+    t.cycle(() => t.check(row));
+    node.value.push(2);
+    t.cycle(() => t.check(row));
+    expect(read).not.toHaveBeenCalled();
+    expect(t.diagnosis.snapshot()?.inputs?.[0]).toMatchObject({ input: 'items', inPlace: 1 });
+  });
+
+  it('cuts the overlay and Angular frames a bundled build shares chunk files with', () => {
+    const bundled = [
+      'Error',
+      '    at captureStack (chunk-IPR3QYBB.js:12111:12)',
+      '    at onNotify (chunk-IPR3QYBB.js:15893:55)',
+      '    at ChangeDetectionSchedulerImpl.wrapper [as notify] (chunk-IPR3QYBB.js:16105:9)',
+      '    at markViewDirty (chunk-IPR3QYBB.js:900:3)',
+      '    at _ViewRef.markForCheck (chunk-IPR3QYBB.js:950:5)',
+      '    at _EagerClock.tick (chunk-APP.js:20:7)',
+    ].join('\n');
+    const t = setup({ stack: bundled });
+    t.diagnosis.start();
+    t.scheduler.notify(NOTIFY.MarkForCheck);
+    expect(t.diagnosis.cycle(t.cycle()).cause).toEqual({
+      kind: 'markForCheck',
+      component: 'EagerClock',
+      stack: ['EagerClock.tick (chunk-APP.js:20:7)'],
+    });
+    const firefox = 'wrapper@chunk.js:1:1\nmarkViewDirty@chunk.js:2:2\nPoller.poll@app.js:3:3';
+    expect(
+      callerStack(firefox, (line) => line.startsWith('wrapper@'), { skip: /^markViewDirty$/ }),
+    ).toBe('Error\nPoller.poll@app.js:3:3');
+    expect(callerStack('no marker here', () => false)).toBe('no marker here');
+  });
+
+  it('credits ApplicationRef.tick to the app frame below it', () => {
+    const t = setup({
+      stack: [
+        'Error',
+        '    at captureStack (chunk.js:1:1)',
+        '    at dispatch (chunk.js:2:2)',
+        '    at _ApplicationRef._tick (chunk.js:3:3)',
+        '    at _ApplicationRef.tick (chunk.js:4:4)',
+        '    at _Poller.refresh (chunk-APP.js:5:5)',
+      ].join('\n'),
+    });
+    t.diagnosis.start();
+    expect(t.diagnosis.cycle(t.cycle()).cause).toEqual({
+      kind: 'tick',
+      component: 'Poller',
+      stack: ['Poller.refresh (chunk-APP.js:5:5)'],
+    });
+  });
+
+  it('marks every tick unknown when the page has no scheduler, never zone.js only', () => {
+    const zone = {
+      current: { get: (key: string) => key === 'isAngularZone' },
+      currentTask: { type: 'macroTask', source: 'setTimeout' },
+    };
+    const t = setup({ global: { Zone: zone } });
+    t.ng.ɵgetInjectorResolutionPath = () => [];
+    t.diagnosis.start();
+    const id = t.cycle(() => t.check(new Row(), { dom: true }));
+    expect(t.diagnosis.cycle(id).cause).toEqual({
+      kind: 'unknown',
+      zone: true,
+      task: 'setTimeout',
+    });
+    expect(t.diagnosis.snapshot()).toMatchObject({ triggers: false, waste: true });
+    expect(t.diagnosis.snapshot()?.zone).toBeUndefined();
+  });
+
+  it('keeps per-cycle data for the ids the recorder still holds, and empties on clear', () => {
+    const t = setup();
+    t.diagnosis.start();
+    for (let i = 0; i < 8; i++) t.cycle();
+    expect(t.diagnosis.cycle(1)).toEqual({});
+    expect(t.diagnosis.cycle(8).cause).toEqual({ kind: 'tick' });
+    t.diagnosis.clear();
+    expect(t.diagnosis.cycle(8)).toEqual({});
+    expect(t.diagnosis.snapshot()?.causes).toEqual({});
+  });
+
+  it('reports nothing before the first start, and what it could hook after a stop', () => {
+    const t = setup();
+    expect(t.diagnosis.snapshot()).toBeUndefined();
+    t.diagnosis.onEvent(E.ChangeDetectionStart, undefined, undefined, 1);
+    t.diagnosis.onEvent(E.ChangeDetectionEnd, undefined, undefined, null);
+    expect(t.diagnosis.cycle(1)).toEqual({});
+    t.diagnosis.start();
+    t.diagnosis.stop();
+    expect(t.diagnosis.snapshot()).toMatchObject({ triggers: true, waste: true });
+  });
+});
diff --git a/packages/devtools/src/__tests__/config.test.ts b/packages/devtools/src/__tests__/config.test.ts
index 0f538f40..8e9851d8 100644
--- a/packages/devtools/src/__tests__/config.test.ts
+++ b/packages/devtools/src/__tests__/config.test.ts
@@ -265,6 +265,7 @@ describe('agent tool and RPC registration', () => {
         'set-component-property',
         'set-http-rule',
         'set-signal',
+        'track-subscriptions',
         'watch-signal',
       ].sort(),
     );
@@ -372,6 +373,7 @@ describe('agent tool and RPC registration', () => {
         'set-component-property',
         'set-http-rule',
         'set-signal',
+        'track-subscriptions',
         'watch-signal',
       ].sort(),
     );
diff --git a/packages/devtools/src/__tests__/docs-tool-count.test.ts b/packages/devtools/src/__tests__/docs-tool-count.test.ts
index 12b6a452..6081d207 100644
--- a/packages/devtools/src/__tests__/docs-tool-count.test.ts
+++ b/packages/devtools/src/__tests__/docs-tool-count.test.ts
@@ -29,6 +29,10 @@ const WORDS = [
   'Sixty-nine',
   'Seventy',
   'Seventy-one',
+  'Seventy-two',
+  'Seventy-three',
+  'Seventy-four',
+  'Seventy-five',
 ];
 
 it('states on the tools page how many tools the server registers', async () => {
diff --git a/packages/devtools/src/__tests__/dom-diff.test.ts b/packages/devtools/src/__tests__/dom-diff.test.ts
new file mode 100644
index 00000000..ff4243c0
--- /dev/null
+++ b/packages/devtools/src/__tests__/dom-diff.test.ts
@@ -0,0 +1,48 @@
+import { describe, expect, it } from 'vitest';
+import { MAX_DIFF_LINES, diffDom, diffText } from '../dom-diff.ts';
+
+const EXPECTED = `<app-price>
+  …
+  <div class="total">…</div>  <-- AT THIS LOCATION
+  …
+</app-price>`;
+
+const ACTUAL = `<app-price>
+  …
+  <span class="total">…</span>  <-- AT THIS LOCATION
+  …
+</app-price>`;
+
+describe('diffDom', () => {
+  it('keeps the shared lines and marks what only the server or the client has', () => {
+    expect(diffDom(EXPECTED, ACTUAL)).toEqual([
+      { op: 'same', text: '<app-price>' },
+      { op: 'same', text: '  …' },
+      { op: 'expected', text: '  <div class="total">…</div>  <-- AT THIS LOCATION' },
+      { op: 'actual', text: '  <span class="total">…</span>  <-- AT THIS LOCATION' },
+      { op: 'same', text: '  …' },
+      { op: 'same', text: '</app-price>' },
+    ]);
+  });
+
+  it("matches a line with Angular's location marker to the same line without it", () => {
+    const diff = diffDom('<p>\n  <b>…</b>  <-- AT THIS LOCATION\n</p>', '<p>\n  <b>…</b>\n</p>');
+    expect(diff.every((line) => line.op === 'same')).toBe(true);
+    // The marked line is kept, so the reader still sees where Angular looked.
+    expect(diff[1]!.text).toContain('AT THIS LOCATION');
+  });
+
+  it('lists only one side when Angular found no node at all', () => {
+    expect(diffDom('<div>…</div>', '')).toEqual([{ op: 'expected', text: '<div>…</div>' }]);
+    expect(diffDom(undefined, '<i></i>')).toEqual([{ op: 'actual', text: '<i></i>' }]);
+  });
+
+  it('caps each side so a huge description stays small', () => {
+    const many = Array.from({ length: 500 }, (_, i) => `<li>${i}</li>`).join('\n');
+    expect(diffDom(many, many)).toHaveLength(MAX_DIFF_LINES);
+  });
+
+  it('writes the diff as unified text', () => {
+    expect(diffText(diffDom('<a>\n<b>', '<a>\n<c>'))).toBe('  <a>\n- <b>\n+ <c>');
+  });
+});
diff --git a/packages/devtools/src/__tests__/error-explain.test.ts b/packages/devtools/src/__tests__/error-explain.test.ts
new file mode 100644
index 00000000..7754f0f8
--- /dev/null
+++ b/packages/devtools/src/__tests__/error-explain.test.ts
@@ -0,0 +1,370 @@
+// @vitest-environment jsdom
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { elementId } from '../element-id.ts';
+import {
+  WRITE_WINDOW_MS,
+  createRecentWrites,
+  explainError,
+  formatLikeAngular,
+  membersHolding,
+  parseExpressionChanged,
+  parseHydrationMismatch,
+  parseMissingProvider,
+  templateOf,
+} from '../error-explain.ts';
+import { attachErrors, ownerCandidates, type ErrorsDebugNg } from '../errors-collector.ts';
+import { HYDRATION_INFO_KEY } from '../hydration.ts';
+import type { ErrorsReport } from '../rpc/errors-tools.ts';
+
+const JWT = ['eyJhbGciOiJIUzI1NiJ9', 'eyJzdWIiOiIxMjM0NSJ9', 'c2lnbmF0dXJlc2ln'].join('.');
+
+/** Angular's NG0100 message, as `throwErrorIfNoChangesMode` builds it. */
+const NG0100 =
+  "NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'title': 'Trips'. Current value: 'Trips (3)'. Expression location: TripList component. Find more at https://angular.dev/errors/NG0100";
+
+const NG0100_STACK = `Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError
+    at throwErrorIfNoChangesMode (http://localhost:4200/@fs/node_modules/.vite/deps/@angular_core.js:100:11)
+    at bindingUpdated (http://localhost:4200/@fs/node_modules/.vite/deps/@angular_core.js:200:7)
+    at TripList_Conditional_2_Template (http://localhost:4200/src/app/trip-list.ts:40:9)
+    at executeTemplate (http://localhost:4200/@fs/node_modules/.vite/deps/@angular_core.js:300:5)`;
+
+/** Angular's NG0500 message, as `validateMatchingNode` builds it. */
+const NG0500 = `NG0500: During hydration Angular expected <div> but found <span>.
+
+Angular expected this DOM:
+
+<app-price>
+  …
+  <div class="total">…</div>  <-- AT THIS LOCATION
+  …
+</app-price>
+
+Actual DOM is:
+
+<app-price>
+  …
+  <span class="total">…</span>  <-- AT THIS LOCATION
+  …
+</app-price>
+
+Note: attributes are only displayed to better represent the DOM but have no effect on hydration mismatches.
+
+To fix this problem:
+  * check the "Price" component for hydration-related issues
+  * check to see if your template has valid HTML structure
+  * or skip hydration by adding the \`ngSkipHydration\` attribute to its host node in a template
+
+Find more at https://angular.dev/errors/NG0500`;
+
+class RuntimeError extends Error {
+  constructor(
+    readonly code: number,
+    message: string,
+    stack?: string,
+  ) {
+    super(message);
+    if (stack) this.stack = stack;
+  }
+}
+
+describe('reading Angular error messages', () => {
+  it('reads the binding, both values and the creation hint of an NG0100', () => {
+    expect(parseExpressionChanged(NG0100)).toEqual({
+      binding: 'title',
+      previous: 'Trips',
+      current: 'Trips (3)',
+      creation: false,
+    });
+    expect(
+      parseExpressionChanged(
+        "Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'. It seems like the view has been created after its parent and its children have been dirty checked.",
+      ),
+    ).toEqual({ previous: 'false', current: 'true', creation: true });
+    expect(parseExpressionChanged('NG0100: something else')).toBeNull();
+  });
+
+  it('finds the template function the binding sits in, not a listener', () => {
+    expect(templateOf(NG0100_STACK)).toBe('TripList_Conditional_2_Template');
+    expect(templateOf('    at App_Template_button_click_0_listener (main.ts:3:1)')).toBeUndefined();
+    expect(templateOf('App_Template@http://localhost/main.js:1:1')).toBe('App_Template');
+  });
+
+  it('splits a hydration message into its sentence, the expected DOM and the actual DOM', () => {
+    const parts = parseHydrationMismatch(NG0500);
+    expect(parts.summary).toBe('During hydration Angular expected <div> but found <span>.');
+    expect(parts.expected).toContain('<div class="total">…</div>  <-- AT THIS LOCATION');
+    expect(parts.expected).not.toContain('Actual DOM');
+    expect(parts.actual).toContain('<span class="total">…</span>');
+    expect(parts.actual).not.toContain('Note:');
+    expect(parts.external).toBe(false);
+  });
+
+  it('reads the expected DOM of NG0502, which has no label', () => {
+    const parts = parseHydrationMismatch(
+      'NG0502: During hydration, Angular expected an element to be present at this location.\n\n<ul>\n  <li>…</li>  <-- AT THIS LOCATION\n</ul>\n\nTo fix this problem:\n  * check',
+    );
+    expect(parts.expected).toBe('<ul>\n  <li>…</li>  <-- AT THIS LOCATION\n</ul>');
+    expect(parts.actual).toBeUndefined();
+  });
+
+  it('reads the token, path and source of every missing provider message shape', () => {
+    expect(
+      parseMissingProvider(
+        'NG0201: No provider found for `TripApi`. Source: Standalone[App]. Path: TripList -> TripApi. Find more at https://angular.dev/errors/NG0201',
+      ),
+    ).toEqual({ token: 'TripApi', path: ['TripList', 'TripApi'], source: 'Standalone[App]' });
+    expect(
+      parseMissingProvider(
+        'R3InjectorError(AppModule)[TripApi -> InjectionToken API_URL -> InjectionToken API_URL]: \n  NullInjectorError: No provider for InjectionToken API_URL!',
+      ),
+    ).toEqual({
+      token: 'API_URL',
+      path: ['TripApi', 'API_URL', 'API_URL'],
+      source: 'AppModule',
+    });
+    expect(parseMissingProvider('NG0201: No provider for Tooltip found in NodeInjector.')).toEqual({
+      token: 'Tooltip',
+      source: 'NodeInjector',
+    });
+    expect(parseMissingProvider('NG0201: something unexpected')).toBeNull();
+  });
+
+  it('masks NG0100 values when the binding has a secret name, and tokens in any value', () => {
+    const secret = explainError(
+      'NG0100',
+      "Previous value for 'password': 'hunter2'. Current value: 'hunter3'.",
+      undefined,
+    );
+    expect(secret).toMatchObject({ previous: '[redacted]', current: '[redacted]', masked: true });
+    const token = explainError(
+      'NG0100',
+      `Previous value for 'title': 'none'. Current value: 'Bearer ${JWT}'.`,
+      undefined,
+    );
+    expect(JSON.stringify(token)).not.toContain(JWT);
+  });
+
+  it('names the requester of a missing provider as an owner candidate, and the hydration footer component', () => {
+    expect(
+      ownerCandidates('NG0201: No provider found for `TripApi`. Path: TripList -> TripApi.', ''),
+    ).toEqual(['TripList']);
+    expect(ownerCandidates(NG0500, '')).toEqual(['Price']);
+  });
+});
+
+describe('membersHolding', () => {
+  it('names plain fields and signals holding the value, without running getters or computeds', () => {
+    const getter = vi.fn(() => 'Trips (3)');
+    const signalNode = { value: 'Trips (3)' };
+    const sig = Object.assign(() => 'never called', { [Symbol('SIGNAL')]: signalNode });
+    const component = Object.defineProperties(
+      { heading: 'Trips (3)', count: 3, other: 'x', label: sig },
+      { computedTitle: { get: getter, enumerable: true } },
+    );
+    expect(membersHolding(component, 'Trips (3)')).toEqual(['heading', 'label']);
+    expect(membersHolding(component, '3')).toEqual(['count']);
+    expect(getter).not.toHaveBeenCalled();
+  });
+
+  it('prints values the way Angular does in NG0100', () => {
+    expect(formatLikeAngular({ a: 1 })).toBe('{"a":1}');
+    expect(formatLikeAngular([1, 2])).toBe('[1,2]');
+    expect(formatLikeAngular(null)).toBe('null');
+    expect(formatLikeAngular('x'.repeat(300))).toHaveLength(201);
+  });
+});
+
+describe('recent signal writes', () => {
+  it('matches writes of the current value in the window before the error, newest first', () => {
+    const writes = createRecentWrites();
+    writes.add('n1', 'title', { epoch: 1, value: 'Trips (3)', at: 1000, source: 'write' });
+    writes.add('n1', 'title', {
+      epoch: 2,
+      value: 'Trips (3)',
+      at: 1500,
+      source: 'write',
+      stack: ['TripList.ngAfterViewInit (src/app/trip-list.ts:22:5)'],
+    });
+    writes.add('n2', 'other', { epoch: 1, value: 'nope', at: 1500, source: 'write' });
+    writes.add('n1', 'title', { epoch: 3, value: 'Trips (3)', at: 1600, source: 'sample' });
+    expect(writes.matching(1700, 'Trips (3)')).toEqual([
+      {
+        signal: 'title',
+        at: 1500,
+        stack: ['TripList.ngAfterViewInit (src/app/trip-list.ts:22:5)'],
+      },
+      { signal: 'title', at: 1000 },
+    ]);
+    expect(writes.matching(1500 + WRITE_WINDOW_MS + 1, 'Trips (3)')).toEqual([]);
+  });
+
+  it('keeps a bounded number of writes', () => {
+    const writes = createRecentWrites(3);
+    for (let i = 0; i < 10; i++) {
+      writes.add(undefined, `s${i}`, { epoch: i, value: 'v', at: 100, source: 'write' });
+    }
+    expect(writes.matching(100, 'v').map((w) => w.signal)).toEqual(['s9', 's8', 's7']);
+  });
+});
+
+describe('the errors collector explainers', () => {
+  const stops: (() => void)[] = [];
+  afterEach(() => {
+    for (const stop of stops.splice(0)) stop();
+    document.body.innerHTML = '';
+    vi.useRealTimers();
+  });
+
+  class TripList {
+    title = 'Trips (3)';
+    password = 'Trips (3)';
+  }
+  class Price {}
+
+  function setup(component: object, writes = createRecentWrites()) {
+    document.body.innerHTML =
+      '<app-root ng-version="22"><app-trip-list></app-trip-list></app-root>';
+    const host = document.querySelector('app-trip-list')!;
+    const ng: ErrorsDebugNg = {
+      getComponent: (el) => (el === host ? component : null),
+    };
+    const reports: ErrorsReport[] = [];
+    const my = {
+      rpc: {
+        call: async (name: string, report: unknown) => {
+          if (name === 'push-errors') reports.push(structuredClone(report) as ErrorsReport);
+          return { known: true };
+        },
+      },
+    };
+    const target = new EventTarget();
+    const collector = attachErrors(my, 'page-1', () => ng, {
+      target: target as never,
+      now: () => 5000,
+      writes,
+    });
+    stops.push(collector.stop);
+    const fire = (error: unknown) => {
+      const event = new Event('error') as ErrorEvent;
+      Object.defineProperty(event, 'error', { value: error });
+      target.dispatchEvent(event);
+    };
+    return { reports, collector, host, fire };
+  }
+
+  it('sends an NG0100 with its component, binding, values, matching fields and the signal write behind it', async () => {
+    const writes = createRecentWrites();
+    writes.listening();
+    writes.add('n1', 'heading', {
+      epoch: 4,
+      value: 'Trips (3)',
+      at: 4900,
+      source: 'write',
+      stack: ['TripList.ngAfterViewInit (src/app/trip-list.ts:22:5)'],
+    });
+    const component = new (class TripList {
+      title = 'Trips (3)';
+    })();
+    const { reports, collector, host, fire } = setup(component, writes);
+    fire(new RuntimeError(-100, NG0100, NG0100_STACK));
+    await collector.push();
+    const [group] = reports.at(-1)!.errors;
+    expect(group!.owner).toEqual({ id: elementId(host), name: 'TripList' });
+    expect(group!.explain).toEqual({
+      kind: 'expression-changed',
+      binding: 'title',
+      template: 'TripList_Conditional_2_Template',
+      previous: 'Trips',
+      current: 'Trips (3)',
+      members: ['title'],
+      writes: [
+        {
+          signal: 'heading',
+          at: 4900,
+          stack: ['TripList.ngAfterViewInit (src/app/trip-list.ts:22:5)'],
+        },
+      ],
+      writesKnown: true,
+    });
+  });
+
+  it('hides NG0100 values when a component field holding them has a secret name', async () => {
+    const { reports, collector, fire } = setup(new TripList());
+    fire(new RuntimeError(-100, NG0100));
+    await collector.push();
+    const explain = reports.at(-1)!.errors[0]!.explain;
+    expect(explain).toMatchObject({
+      kind: 'expression-changed',
+      previous: '[redacted]',
+      current: '[redacted]',
+      masked: true,
+      members: ['title', 'password'],
+      writesKnown: false,
+    });
+    expect(explain).not.toHaveProperty('writes');
+  });
+
+  it('sends the expected and actual DOM of a hydration mismatch with the component Angular names', async () => {
+    document.body.innerHTML = '';
+    const { reports, collector, fire } = setup(new Price());
+    // The footer names Price, so the owner search looks for that class.
+    document.body.innerHTML = '<app-root ng-version="22"><app-price></app-price></app-root>';
+    fire(new RuntimeError(-500, NG0500));
+    await collector.push();
+    const explain = reports.at(-1)!.errors[0]!.explain;
+    expect(explain).toMatchObject({
+      kind: 'hydration-mismatch',
+      summary: 'During hydration Angular expected <div> but found <span>.',
+    });
+    expect(explain && 'expected' in explain && explain.expected).toContain('<div class="total">');
+    expect(explain && 'actual' in explain && explain.actual).toContain('<span class="total">');
+  });
+
+  it('falls back to the hydration info Angular left on the host when the message has no DOM', async () => {
+    const component = new TripList();
+    const { reports, collector, host, fire } = setup(component);
+    (host as unknown as Record<string, unknown>)[HYDRATION_INFO_KEY] = {
+      status: 'mismatched',
+      expectedNodeDetails: '<app-trip-list>\n  <ul>…</ul>\n</app-trip-list>',
+      actualNodeDetails: '<app-trip-list>\n  <ol>…</ol>\n</app-trip-list>',
+    };
+    fire(
+      new RuntimeError(
+        -502,
+        'NG0502: During hydration Angular was unable to locate a node using the "firstChild" path. To fix this problem:\n  * check the "TripList" component',
+      ),
+    );
+    await collector.push();
+    expect(reports.at(-1)!.errors[0]!.explain).toMatchObject({
+      kind: 'hydration-mismatch',
+      expected: '<app-trip-list>\n  <ul>…</ul>\n</app-trip-list>',
+      actual: '<app-trip-list>\n  <ol>…</ol>\n</app-trip-list>',
+    });
+  });
+
+  it('sends the missing token and path of an NG0201 and finds the requesting component', async () => {
+    const { reports, collector, host, fire } = setup(new TripList());
+    fire(
+      new RuntimeError(
+        -201,
+        'NG0201: No provider found for `TripApi`. Source: Standalone[App]. Path: TripList -> TripApi. Find more at https://angular.dev/errors/NG0201',
+      ),
+    );
+    await collector.push();
+    const [group] = reports.at(-1)!.errors;
+    expect(group!.owner).toEqual({ id: elementId(host), name: 'TripList' });
+    expect(group!.explain).toEqual({
+      kind: 'missing-provider',
+      token: 'TripApi',
+      path: ['TripList', 'TripApi'],
+      source: 'Standalone[App]',
+    });
+  });
+
+  it('adds no explainer to other errors', async () => {
+    const { reports, collector, fire } = setup(new TripList());
+    fire(new Error('No seats left'));
+    await collector.push();
+    expect(reports.at(-1)!.errors[0]).not.toHaveProperty('explain');
+  });
+});
diff --git a/packages/devtools/src/__tests__/errors-explain-tools.test.ts b/packages/devtools/src/__tests__/errors-explain-tools.test.ts
new file mode 100644
index 00000000..690966f9
--- /dev/null
+++ b/packages/devtools/src/__tests__/errors-explain-tools.test.ts
@@ -0,0 +1,137 @@
+import { describe, expect, it } from 'vitest';
+import { explainSection, toErrorExplain } from '../rpc/error-explain-tools.ts';
+import {
+  explainErrorText,
+  mergeErrorsReport,
+  toErrorsReport,
+  type ErrorsState,
+} from '../rpc/errors-tools.ts';
+
+const JWT = ['eyJhbGciOiJIUzI1NiJ9', 'eyJzdWIiOiIxMjM0NSJ9', 'c2lnbmF0dXJlc2ln'].join('.');
+
+function stateWith(group: Record<string, unknown>): ErrorsState {
+  const state: ErrorsState = { pages: {} };
+  const report = toErrorsReport({
+    pageId: 'p1',
+    full: true,
+    url: '/',
+    title: 'Trips',
+    handler: 'wrapped',
+    errors: [{ id: 'e1', message: 'x', count: 1, firstAt: 1, lastAt: 1, sources: [], ...group }],
+    console: [],
+    dropped: { errors: 0, console: 0 },
+  })!;
+  mergeErrorsReport(state, report, 10);
+  return state;
+}
+
+describe('toErrorExplain', () => {
+  it('builds the hydration diff on the server and ignores one the page sent', () => {
+    const explain = toErrorExplain({
+      kind: 'hydration-mismatch',
+      expected: '<p>\n  <div>…</div>',
+      actual: '<p>\n  <span>…</span>',
+      diff: [{ op: 'same', text: 'forged' }],
+      external: true,
+    });
+    expect(explain).toEqual({
+      kind: 'hydration-mismatch',
+      expected: '<p>\n  <div>…</div>',
+      actual: '<p>\n  <span>…</span>',
+      external: true,
+      diff: [
+        { op: 'same', text: '<p>' },
+        { op: 'expected', text: '  <div>…</div>' },
+        { op: 'actual', text: '  <span>…</span>' },
+      ],
+    });
+  });
+
+  it('masks values again and keeps masked values hidden', () => {
+    const explain = toErrorExplain({
+      kind: 'expression-changed',
+      previous: `Bearer ${JWT}`,
+      current: 'ok',
+      writes: [{ signal: 'token', at: 1, stack: [`f (${JWT})`] }, { signal: 3 }],
+    });
+    expect(JSON.stringify(explain)).not.toContain(JWT);
+    expect(explain).toMatchObject({ writes: [{ signal: 'token', at: 1 }] });
+    expect(
+      toErrorExplain({ kind: 'expression-changed', masked: true, previous: 'a', current: 'b' }),
+    ).toMatchObject({ previous: '[redacted]', current: '[redacted]', masked: true });
+  });
+
+  it('drops an unknown kind and a missing provider without a token', () => {
+    expect(toErrorExplain({ kind: 'other' })).toBeUndefined();
+    expect(toErrorExplain({ kind: 'missing-provider' })).toBeUndefined();
+    expect(toErrorExplain('x')).toBeUndefined();
+  });
+});
+
+describe('explain-error with an explainer', () => {
+  it('shows the NG0100 binding, values, fields and the signal write with its stack', () => {
+    const text = explainErrorText(
+      stateWith({
+        code: 'NG0100',
+        owner: { id: 'c4', name: 'TripList' },
+        explain: {
+          kind: 'expression-changed',
+          binding: 'title',
+          template: 'TripList_Template',
+          previous: 'Trips',
+          current: 'Trips (3)',
+          members: ['title'],
+          writes: [{ signal: 'heading', at: 1, stack: ['TripList.ngAfterViewInit (a.ts:1:1)'] }],
+          writesKnown: true,
+        },
+      }),
+      { id: 'e1' },
+      10,
+    );
+    expect(text).toContain('**What changed** (NG0100 explainer)');
+    expect(text).toContain('- Component: `TripList` (instance `c4`).');
+    expect(text).toContain('the `title` property, in the template function `TripList_Template`');
+    expect(text).toContain('Previous value: `Trips`. Current value: `Trips (3)`.');
+    expect(text).toContain(
+      'Signal `heading` was written with this value just before the check, from `TripList.ngAfterViewInit (a.ts:1:1)`.',
+    );
+  });
+
+  it('says how to find the writer when no signal write matched or none is heard', () => {
+    const base = { kind: 'expression-changed', previous: 'a', current: 'b' };
+    expect(
+      explainErrorText(stateWith({ explain: { ...base, writesKnown: true } }), { id: 'e1' }),
+    ).toContain('No named signal was written with this value');
+    expect(explainErrorText(stateWith({ explain: base }), { id: 'e1' })).toContain(
+      'the page does not report signal writes',
+    );
+  });
+
+  it('shows the hydration diff as a fenced block', () => {
+    const text = explainErrorText(
+      stateWith({
+        code: 'NG0500',
+        explain: {
+          kind: 'hydration-mismatch',
+          summary: 'During hydration Angular expected <div> but found <span>.',
+          expected: '<p>\n  <div>…</div>',
+          actual: '<p>\n  <span>…</span>',
+        },
+      }),
+      { id: 'e1' },
+    );
+    expect(text).toContain('**Server vs client DOM**');
+    expect(text).toContain('```text\n  <p>\n-   <div>…</div>\n+   <span>…</span>\n```');
+  });
+
+  it('points a missing provider at explain-injection with the owner and token', () => {
+    const section = explainSection(
+      { kind: 'missing-provider', token: 'TripApi', path: ['TripList', 'TripApi'] },
+      { id: 'c4', name: 'TripList' },
+    );
+    expect(section).toContain('`TripList` -> `TripApi`');
+    expect(section).toContain(
+      'pangular:explain-injection with `selector` `c4` and `token` `TripApi`',
+    );
+  });
+});
diff --git a/packages/devtools/src/__tests__/explainers-real.test.ts b/packages/devtools/src/__tests__/explainers-real.test.ts
new file mode 100644
index 00000000..d1e2d942
--- /dev/null
+++ b/packages/devtools/src/__tests__/explainers-real.test.ts
@@ -0,0 +1,177 @@
+// @vitest-environment jsdom
+import '@angular/compiler';
+import { Component, ErrorHandler, Injectable, Injector } from '@angular/core';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { elementById } from '../element-id.ts';
+import { createRecentWrites } from '../error-explain.ts';
+import { attachErrors, type ErrorsDebugNg } from '../errors-collector.ts';
+import { collectInjectorTree, type DebugNg } from '../injector-tree.ts';
+import { explainInjection, type InjectionExplanation } from '../rpc/injection-explain.ts';
+import type { ErrorsReport } from '../rpc/errors-tools.ts';
+import type { InjectorPage, InjectorTreeNode } from '../types.ts';
+import { angularAtLeast, bootstrapRoot, STANDALONE, type BootedApp } from './angular-version.ts';
+
+/** `ChangeDetectionStrategy.Default` (`Eager` from 22.0): checked again after each tick, so NG0100 fires. */
+const EAGER = 1;
+
+class Headline {
+  label = 'Trips';
+  ngAfterViewInit(): void {
+    this.label = 'Trips (3)';
+  }
+}
+Component({
+  ...STANDALONE,
+  selector: 'app-headline',
+  template: '<h1 [title]="label">Hello</h1>',
+  changeDetection: EAGER,
+})(Headline);
+
+class Missing {}
+Injectable()(Missing);
+class CardState {}
+Injectable()(CardState);
+class Hint {}
+Injectable()(Hint);
+
+class TripCard {
+  constructor(readonly injector: Injector) {}
+  open(): void {
+    this.injector.get(Missing);
+  }
+}
+(TripCard as unknown as { ctorParameters: () => unknown[] }).ctorParameters = () => [
+  { type: Injector },
+];
+Component({
+  ...STANDALONE,
+  selector: 'app-trip-card',
+  template: '<button type="button" (click)="open()">Open</button>',
+  providers: [CardState],
+})(TripCard);
+
+class TripPage {}
+Component({
+  ...STANDALONE,
+  selector: 'app-root',
+  imports: [TripCard, Headline],
+  template: '<app-headline></app-headline><app-trip-card></app-trip-card>',
+  viewProviders: [Hint],
+  // An OnPush parent that is not dirty skips its children in the second check.
+  changeDetection: EAGER,
+})(TripPage);
+
+const flatten = (nodes: InjectorTreeNode[]): InjectorTreeNode[] =>
+  nodes.flatMap((node) => [node, ...flatten(node.children)]);
+
+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;
+  const writes = createRecentWrites();
+  writes.listening();
+  return { reports, collector: attachErrors(my, 'real-page', ng, { writes }) };
+}
+
+describe('the explainers with a real app', () => {
+  let app: BootedApp | null = null;
+  let stop = () => {};
+  afterEach(() => {
+    stop();
+    app?.destroy();
+    app = null;
+    document.body.innerHTML = '';
+    vi.restoreAllMocks();
+  });
+
+  async function boot() {
+    vi.spyOn(console, 'error').mockImplementation(() => {});
+    document.body.innerHTML = '<app-root></app-root>';
+    const { reports, collector } = harness();
+    stop = collector.stop;
+    app = await bootstrapRoot(TripPage, { declarations: [TripCard, Headline] });
+    for (let i = 0; i < 2; i++) {
+      await new Promise((resolve) => setTimeout(resolve, 0));
+      try {
+        app.appRef.tick();
+      } catch (error) {
+        // A direct tick throws; the app's scheduler hands the error to the ErrorHandler.
+        app.injector.get(ErrorHandler).handleError(error);
+      }
+    }
+    return { reports, collector };
+  }
+
+  it("explains Angular's own NG0100 with the binding, both values and the field that holds the new one", async () => {
+    const { reports, collector } = await boot();
+    await collector.push();
+    const group = reports
+      .flatMap((report) => report.errors)
+      .find((error) => /ExpressionChanged/.test(error.message));
+    expect(group).toBeDefined();
+    expect(group!.owner?.name).toBe('Headline');
+    expect(group!.explain).toMatchObject({
+      kind: 'expression-changed',
+      previous: 'Trips',
+      current: 'Trips (3)',
+      members: ['label'],
+      writesKnown: true,
+    });
+    if (angularAtLeast('12.0')) {
+      expect(group!.explain).toMatchObject({ binding: 'title' });
+    }
+  });
+
+  it("explains a real missing provider and walks the real injector tree's lookup for it", async () => {
+    const { reports, collector } = await boot();
+    document.querySelector('button')!.click();
+    await collector.push();
+    const group = reports
+      .flatMap((report) => report.errors)
+      .find((error) => error.explain?.kind === 'missing-provider');
+    expect(group?.explain).toMatchObject({ kind: 'missing-provider', token: 'Missing' });
+    expect(group?.owner?.name).toBe('TripCard');
+    expect(elementById(group!.owner!.id)).toBe(document.querySelector('app-trip-card'));
+
+    const ng = (globalThis as { ng?: DebugNg }).ng!;
+    const tree = collectInjectorTree(ng);
+    const page: InjectorPage = { pageId: 'real-page', reportedAt: 1, ...tree };
+    const nodes = flatten(tree.roots);
+    const card = nodes.find((n) => n.injector.component === 'TripCard')!;
+    const root = nodes.find((n) => n.injector.component === 'TripPage')!;
+    // TripCard is declared in TripPage's template, so a `host` lookup stops at TripPage.
+    expect(card.injector.host).toBe(root.injector.id);
+    expect(root.injector.host).toBeUndefined();
+
+    const reduced = !angularAtLeast('16.2');
+    const missing = explainInjection(
+      page,
+      { selector: group!.owner!.id, token: 'Missing' },
+      reduced,
+    ) as InjectionExplanation;
+    expect(missing.outcome).toBe(reduced ? 'unknown' : 'error');
+    expect(missing.steps.at(-1)?.type).toBe('null');
+    if (reduced) return;
+    expect(missing.approximate).toBeUndefined();
+
+    const own = explainInjection(page, {
+      selector: 'TripCard',
+      token: 'CardState',
+    }) as InjectionExplanation;
+    expect(own.resolvedBy).toBe(card.injector.id);
+    // TripPage's viewProviders reach TripCard, which sits in TripPage's view.
+    const hint = explainInjection(page, {
+      selector: 'TripCard',
+      token: 'Hint',
+      host: true,
+    }) as InjectionExplanation;
+    expect(hint.resolvedBy).toBe(root.injector.id);
+  });
+});
diff --git a/packages/devtools/src/__tests__/hydration-agent.test.ts b/packages/devtools/src/__tests__/hydration-agent.test.ts
index a3b54eaa..ee548ba2 100644
--- a/packages/devtools/src/__tests__/hydration-agent.test.ts
+++ b/packages/devtools/src/__tests__/hydration-agent.test.ts
@@ -110,7 +110,9 @@ describe('hydration tool', () => {
     expect(text).toContain('Page `p1` (`http://localhost:4000/trips`): hydrated from server HTML.');
     expect(text).toContain('| Skipped (ngSkipHydration) | 1 |');
     expect(text).toContain('Skipped: `TripMap` `<app-map>` `c3`');
-    expect(text).toContain('- `Price` `<app-price>` `c5`: expected `<div>`, found `<span>`');
+    expect(text).toContain('- `Price` `<app-price>` `c5`');
+    // The server HTML Angular expected against the client DOM it found, as a diff.
+    expect(text).toContain('  ```diff\n  - <div>\n  + <span>\n  ```');
     expect(text).toContain(
       'Created on the client (after hydration, or inside a skipped host): `Toast`',
     );
diff --git a/packages/devtools/src/__tests__/injector-tree.test.ts b/packages/devtools/src/__tests__/injector-tree.test.ts
index 3f9b2094..feaebcca 100644
--- a/packages/devtools/src/__tests__/injector-tree.test.ts
+++ b/packages/devtools/src/__tests__/injector-tree.test.ts
@@ -147,6 +147,28 @@ describe('collectInjectorTree', () => {
     ]);
   });
 
+  it('names where a host lookup stops: the host of the component whose template declares the element', () => {
+    const { ng, root, card } = fakeNg();
+    const app = ng.getComponent(root);
+    const withOwners = {
+      ...ng,
+      // Each call returns a new App, so the owner is matched by its host instead.
+      getOwningComponent: (el: Element) => (el === card ? app : null),
+      getHostElement: (component: unknown) => (component === app ? root : null),
+    };
+    const report = collectInjectorTree(withOwners);
+    const [rootNode] = report.roots;
+    expect(rootNode!.children[0]!.injector.host).toBe(rootNode!.injector.id);
+    // The root component is declared by no template.
+    expect(rootNode!.injector).not.toHaveProperty('host');
+  });
+
+  it('leaves the host out when the page has no getOwningComponent', () => {
+    const { ng } = fakeNg();
+    const card = collectInjectorTree(ng).roots[0].children[0];
+    expect(card.injector).not.toHaveProperty('host');
+  });
+
   it('keeps ids stable between collections and gives each element a selector', () => {
     const { ng, card } = fakeNg();
     const first = collectInjectorTree(ng).roots[0].children[0].injector;
diff --git a/packages/devtools/src/__tests__/leaks-collector.test.ts b/packages/devtools/src/__tests__/leaks-collector.test.ts
new file mode 100644
index 00000000..7bd34a43
--- /dev/null
+++ b/packages/devtools/src/__tests__/leaks-collector.test.ts
@@ -0,0 +1,624 @@
+// @vitest-environment jsdom
+import { afterEach, describe, expect, it } from 'vitest';
+import { elementId } from '../element-id.ts';
+import {
+  MAX_TRACKED_DESTROYED,
+  TRACKING_KEY,
+  attachLeaks,
+  stackClasses,
+  type LeaksDebugNg,
+  type LeaksOptions,
+} from '../leaks-collector.ts';
+import type { Profiler } from '../change-detection.ts';
+import type { LeaksReport } from '../rpc/leaks-tools.ts';
+
+const JWT = ['eyJhbGciOiJIUzI1NiJ9', 'eyJzdWIiOiIxMjM0NSJ9', 'c2lnbmF0dXJlc2ln'].join('.');
+
+/** A `WeakRef` a test can clear, standing in for the garbage collector. */
+class FakeWeakRef<T extends object> {
+  static all: FakeWeakRef<object>[] = [];
+  private target: T | undefined;
+  constructor(target: T) {
+    this.target = target;
+    FakeWeakRef.all.push(this as FakeWeakRef<object>);
+  }
+  deref() {
+    return this.target;
+  }
+  /** Collects `target` everywhere a fake ref points at it. */
+  static collect(target: object) {
+    for (const ref of FakeWeakRef.all) if (ref.target === target) ref.target = undefined;
+  }
+}
+
+class FakeRegistry<T> {
+  static last: FakeRegistry<unknown> | null = null;
+  readonly entries: { target: object; held: T; token?: object }[] = [];
+  constructor(readonly callback: (held: T) => void) {
+    FakeRegistry.last = this as FakeRegistry<unknown>;
+  }
+  register(target: object, held: T, token?: object) {
+    this.entries.push({ target, held, token });
+  }
+  unregister(token: object) {
+    const at = this.entries.findIndex((entry) => entry.token === token);
+    if (at >= 0) this.entries.splice(at, 1);
+    return at >= 0;
+  }
+  /** Runs the cleanup of every collected target, as the engine would after a GC. */
+  finalize() {
+    for (const entry of this.entries.splice(0)) {
+      FakeWeakRef.collect(entry.target);
+      this.callback(entry.held);
+    }
+  }
+}
+
+class TripList {}
+interface Subscribable {
+  subscribe(): { closed: boolean; unsubscribe(): void };
+}
+
+class TripCard {
+  sub?: { closed: boolean; unsubscribe(): void };
+  constructor(
+    readonly trip: number,
+    source?: Subscribable,
+  ) {
+    // A subscription made in the constructor, with no teardown.
+    if (source) this.sub = source.subscribe();
+  }
+  listen(source: Subscribable) {
+    return source.subscribe();
+  }
+}
+
+/** Fake `ng`: components by host element, a null injector for unknown elements. */
+function fakeNg(components: Map<Element, object>, extra: Partial<LeaksDebugNg> = {}) {
+  const NULL = { name: 'NullInjector' };
+  const alive = new Set<Element>();
+  const ng: LeaksDebugNg & { NULL: object; alive: Set<Element> } = {
+    NULL,
+    alive,
+    getComponent: (el: Element) => components.get(el) ?? null,
+    getInjector: (el: Element) => (el.isConnected || alive.has(el) ? { el } : NULL),
+    ...extra,
+  };
+  return ng;
+}
+
+interface Harness {
+  reports: LeaksReport[];
+  calls: { name: string; args: unknown[] }[];
+  collector: ReturnType<typeof attachLeaks>;
+  route: { value: string };
+  registry: () => FakeRegistry<unknown>;
+  handlers: Map<string, (...args: unknown[]) => unknown>;
+}
+
+const stops: (() => void)[] = [];
+afterEach(() => {
+  for (const stop of stops.splice(0)) stop();
+  document.body.innerHTML = '';
+  FakeWeakRef.all = [];
+});
+
+function harness(ng: () => LeaksDebugNg | undefined, options: Partial<LeaksOptions> = {}): Harness {
+  const reports: LeaksReport[] = [];
+  const calls: { name: string; args: unknown[] }[] = [];
+  const handlers = new Map<string, (...args: unknown[]) => unknown>();
+  const route = { value: '/trips' };
+  const my = {
+    rpc: {
+      call: async (name: string, ...args: unknown[]) => {
+        calls.push({ name, args });
+        if (name === 'push-leaks') reports.push(structuredClone(args[0]) as LeaksReport);
+        return { known: true };
+      },
+      register: (definition: { name: string; handler: (...args: unknown[]) => unknown }) => {
+        handlers.set(definition.name, definition.handler);
+      },
+    },
+  };
+  const collector = attachLeaks(my, 'page-1', ng, {
+    route: () => route.value,
+    weak: { WeakRef: FakeWeakRef as never, FinalizationRegistry: FakeRegistry as never },
+    dirty: null,
+    storage: null,
+    target: null,
+    angularMajor: () => 22,
+    addProfiler: () => null,
+    ...options,
+  });
+  stops.push(collector.stop);
+  return {
+    reports,
+    calls,
+    collector,
+    route,
+    registry: () => FakeRegistry.last!,
+    handlers,
+  };
+}
+
+function page(cards: number) {
+  document.body.innerHTML = `<app-root ng-version="22.1.0"><main>${'<app-trip-card></app-trip-card>'.repeat(cards)}</main></app-root>`;
+  const root = document.querySelector('app-root')!;
+  const components = new Map<Element, object>([[root, new TripList()]]);
+  document
+    .querySelectorAll('app-trip-card')
+    .forEach((el, i) => components.set(el, new TripCard(i)));
+  return { root, components, cards: [...document.querySelectorAll('app-trip-card')] };
+}
+
+describe('attachLeaks: destroyed but alive', () => {
+  it('moves a component that left the page to the destroyed list, keyed by its stable id', async () => {
+    const { components, cards } = page(2);
+    const ng = fakeNg(components);
+    const h = harness(() => ng);
+    await h.collector.push();
+    expect(h.reports.at(-1)!.totals.components).toBe(3);
+    expect(h.reports.at(-1)!.destroyed).toEqual([]);
+
+    const id = elementId(cards[1]!);
+    cards[1]!.remove();
+    await h.collector.push();
+    const gone = h.reports.at(-1)!.destroyed;
+    expect(gone).toEqual([
+      expect.objectContaining({ id, name: 'TripCard', route: '/trips', navigations: 0 }),
+    ]);
+    expect(gone[0]!.detached).toBeUndefined();
+    expect(h.reports.at(-1)!.totals.components).toBe(2);
+    expect(h.reports.at(-1)!.pageId).toBe('page-1');
+  });
+
+  it('counts navigations since the destroy, and forgets an instance once it is collected', async () => {
+    const { components, cards } = page(1);
+    const ng = fakeNg(components);
+    const h = harness(() => ng);
+    await h.collector.push();
+    cards[0]!.remove();
+    await h.collector.push();
+    h.route.value = '/trips/2';
+    await h.collector.push();
+    h.route.value = '/about';
+    await h.collector.push();
+    const report = h.reports.at(-1)!;
+    expect(report.navigations).toBe(2);
+    expect(report.destroyed[0]).toMatchObject({
+      name: 'TripCard',
+      route: '/trips',
+      navigations: 2,
+    });
+
+    h.registry().finalize();
+    await h.collector.push();
+    expect(h.reports.at(-1)!.destroyed).toEqual([]);
+    expect(h.reports.at(-1)!.totals).toMatchObject({ destroyed: 0, collected: 1 });
+  });
+
+  it('reports a host that left while Angular still holds its view as detached, not destroyed', async () => {
+    const { components, cards } = page(1);
+    const ng = fakeNg(components);
+    const h = harness(() => ng);
+    await h.collector.push();
+    ng.alive.add(cards[0]!);
+    cards[0]!.remove();
+    await h.collector.push();
+    expect(h.reports.at(-1)!.destroyed[0]).toMatchObject({ name: 'TripCard', detached: true });
+    expect(h.reports.at(-1)!.support.detached).toBe(true);
+
+    // Angular drops the view later: now it is destroyed.
+    ng.alive.delete(cards[0]!);
+    await h.collector.push();
+    expect(h.reports.at(-1)!.destroyed[0]!.detached).toBeUndefined();
+  });
+
+  it('takes a detached view back when it returns to the page (route reuse)', async () => {
+    const { components, cards } = page(1);
+    const ng = fakeNg(components);
+    const h = harness(() => ng);
+    await h.collector.push();
+    const card = cards[0]!;
+    const parent = card.parentElement!;
+    ng.alive.add(card);
+    card.remove();
+    await h.collector.push();
+    expect(h.reports.at(-1)!.destroyed).toHaveLength(1);
+    parent.append(card);
+    await h.collector.push();
+    expect(h.reports.at(-1)!.destroyed).toEqual([]);
+    expect(h.registry().entries).toEqual([]);
+  });
+
+  it('cannot tell detached from destroyed before Angular 14, so it calls both destroyed', async () => {
+    const { components, cards } = page(1);
+    const ng = fakeNg(components);
+    const h = harness(() => ng, { angularMajor: () => 13 });
+    await h.collector.push();
+    ng.alive.add(cards[0]!);
+    cards[0]!.remove();
+    await h.collector.push();
+    expect(h.reports.at(-1)!.destroyed[0]!.detached).toBeUndefined();
+    expect(h.reports.at(-1)!.support.detached).toBeUndefined();
+  });
+
+  it('keeps no more than its cap of destroyed instances, oldest first out', async () => {
+    const { components } = page(0);
+    const main = document.querySelector('main')!;
+    const ng = fakeNg(components);
+    const h = harness(() => ng);
+    for (let round = 0; round < 3; round++) {
+      const batch: Element[] = [];
+      for (let i = 0; i < 250; i++) {
+        const el = document.createElement('app-trip-card');
+        components.set(el, new TripCard(i));
+        main.append(el);
+        batch.push(el);
+      }
+      h.collector.scan();
+      for (const el of batch) el.remove();
+      h.collector.scan();
+    }
+    const report = h.collector.report();
+    expect(report.totals.destroyed).toBe(MAX_TRACKED_DESTROYED);
+    expect(report.totals.dropped).toBe(750 - MAX_TRACKED_DESTROYED);
+    expect(report.destroyed.length).toBeLessThanOrEqual(100);
+  });
+
+  it('says retention is unavailable without WeakRef or the debug API', async () => {
+    page(1);
+    const h = harness(() => undefined, { weak: {} });
+    await h.collector.push();
+    expect(h.reports.at(-1)!.support.retention).toBe(false);
+    expect(h.reports.at(-1)!.totals.components).toBe(0);
+  });
+
+  it('masks secrets in routes and titles', async () => {
+    const { components, cards } = page(1);
+    document.title = `Trip ${JWT}`;
+    const ng = fakeNg(components);
+    const h = harness(() => ng);
+    h.route.value = `/trips?token=${JWT}`;
+    await h.collector.push();
+    cards[0]!.remove();
+    await h.collector.push();
+    const text = JSON.stringify(h.reports.at(-1));
+    expect(text).not.toContain(JWT);
+    document.title = '';
+  });
+
+  it('never changes the app DOM', async () => {
+    const { components, cards } = page(2);
+    const ng = fakeNg(components);
+    const h = harness(() => ng);
+    const before = document.documentElement.outerHTML;
+    const changes: MutationRecord[] = [];
+    const observer = new MutationObserver((records) => changes.push(...records));
+    observer.observe(document.documentElement, {
+      subtree: true,
+      attributes: true,
+      childList: true,
+    });
+    await h.collector.push();
+    await h.collector.push(true);
+    observer.disconnect();
+    expect(changes.concat(observer.takeRecords())).toEqual([]);
+    expect(document.documentElement.outerHTML).toBe(before);
+    expect(cards).toHaveLength(2);
+  });
+});
+
+describe('attachLeaks: effects', () => {
+  it('counts the effects of each component from the signal graph, and shares those siblings both list', async () => {
+    const { root, components, cards } = page(2);
+    const graphs = new Map<Element, { id: string; kind: string }[]>([
+      [
+        root,
+        [
+          { id: 'r1', kind: 'effect' },
+          { id: 't0', kind: 'template' },
+        ],
+      ],
+      [
+        cards[0]!,
+        [
+          { id: 's1', kind: 'effect' },
+          { id: 's2', kind: 'effect' },
+          { id: 'x', kind: 'signal' },
+        ],
+      ],
+      [
+        cards[1]!,
+        [
+          { id: 's1', kind: 'effect' },
+          { id: 's2', kind: 'effect' },
+          { id: 'c3', kind: 'effect' },
+        ],
+      ],
+    ]);
+    const ng = fakeNg(components, {
+      ɵgetSignalGraph: (injector) => ({
+        nodes: graphs.get((injector as { el: Element }).el) ?? [],
+      }),
+    });
+    const h = harness(() => ng);
+    await h.collector.push();
+    const report = h.reports.at(-1)!;
+    expect(report.support.effects).toBe(true);
+    expect(report.totals.effects).toBe(4);
+    const byId = new Map(report.components.map((c) => [c.id, c]));
+    expect(byId.get(elementId(root))).toMatchObject({ effects: 1 });
+    expect(byId.get(elementId(cards[0]!))).toMatchObject({ effects: 0, sharedEffects: 2 });
+    expect(byId.get(elementId(cards[1]!))).toMatchObject({ effects: 1, sharedEffects: 2 });
+  });
+
+  it('says effects are unavailable without ɵgetSignalGraph, or when its nodes carry no ids (before 20.1)', async () => {
+    const { components } = page(1);
+    const h = harness(() => fakeNg(components));
+    await h.collector.push();
+    expect(h.reports.at(-1)!.support.effects).toBe(false);
+
+    const old = fakeNg(components, { ɵgetSignalGraph: () => ({ nodes: [{ kind: 'effect' }] }) });
+    const h2 = harness(() => old);
+    await h2.collector.push();
+    expect(h2.reports.at(-1)!.support.effects).toBe(false);
+    expect(h2.reports.at(-1)!.totals.effects).toBe(0);
+  });
+});
+
+/** A small stand-in for RxJS: `subscribe` returns a subscription that can close. */
+function fakeRxjs() {
+  class Subscription {
+    closed = false;
+    unsubscribe() {
+      this.closed = true;
+    }
+  }
+  class Observable {
+    constructor(private readonly onSubscribe?: () => void) {}
+    subscribe(): Subscription {
+      this.onSubscribe?.();
+      return new Subscription();
+    }
+  }
+  const original = Observable.prototype.subscribe;
+  return { module: { Observable }, Observable, original };
+}
+
+describe('attachLeaks: subscriptions', () => {
+  it('stays off until asked, then wraps subscribe and restores it when turned off', async () => {
+    const rx = fakeRxjs();
+    const { components } = page(1);
+    const ng = fakeNg(components);
+    const h = harness(() => ng, { loadRxjs: async () => rx.module as never });
+    await h.collector.push();
+    expect(h.reports.at(-1)!.support.subscriptions).toBe('off');
+    expect(rx.Observable.prototype.subscribe).toBe(rx.original);
+
+    expect(await h.collector.setTracking(true)).toMatchObject({ ok: true });
+    expect(rx.Observable.prototype.subscribe).not.toBe(rx.original);
+    await h.collector.push();
+    expect(h.reports.at(-1)!.support.subscriptions).toBe('on');
+
+    await h.collector.setTracking(false);
+    expect(rx.Observable.prototype.subscribe).toBe(rx.original);
+    expect(Object.prototype.hasOwnProperty.call(rx.Observable.prototype, 'subscribe')).toBe(true);
+  });
+
+  it('leaves a wrapper someone added after it in place, and goes quiet', async () => {
+    const rx = fakeRxjs();
+    page(0);
+    const h = harness(() => fakeNg(new Map()), { loadRxjs: async () => rx.module as never });
+    await h.collector.setTracking(true);
+    const ours = rx.Observable.prototype.subscribe;
+    const theirs = function (this: unknown) {
+      return ours.call(this);
+    };
+    rx.Observable.prototype.subscribe = theirs;
+    await h.collector.setTracking(false);
+    expect(rx.Observable.prototype.subscribe).toBe(theirs);
+  });
+
+  it('flags a subscription still open after the instance that made it was destroyed', async () => {
+    const rx = fakeRxjs();
+    let listener: Profiler | null = null;
+    const { components, cards } = page(1);
+    const card = components.get(cards[0]!) as TripCard;
+    const ng = fakeNg(components);
+    const h = harness(() => ng, {
+      loadRxjs: async () => rx.module as never,
+      addProfiler: (fn) => {
+        listener = fn;
+        return () => (listener = null);
+      },
+    });
+    await h.collector.push();
+    await h.collector.setTracking(true);
+
+    const source = new rx.Observable();
+    // Subscriptions made inside a lifecycle hook, between Angular's profiler events.
+    listener!(4, card, 'ngOnInit');
+    const subs = { open: card.listen(source), closed: card.listen(source) };
+    listener!(5, card, 'ngOnInit');
+    subs.closed.unsubscribe();
+
+    await h.collector.push();
+    let report = h.reports.at(-1)!;
+    expect(report.support.instances).toBe(true);
+    expect(report.components.find((c) => c.name === 'TripCard')).toMatchObject({
+      subscriptions: 1,
+    });
+    expect(report.subscriptions).toEqual([]);
+
+    cards[0]!.remove();
+    await h.collector.push();
+    report = h.reports.at(-1)!;
+    expect(report.subscriptions).toEqual([
+      expect.objectContaining({
+        name: 'TripCard',
+        instanceId: elementId(cards[0]!),
+        count: 1,
+        reason: 'instance-destroyed',
+        route: '/trips',
+      }),
+    ]);
+    expect(report.subscriptions[0]!.source).toMatch(/TripCard/);
+    expect(report.destroyed[0]).toMatchObject({ subscriptions: 1 });
+
+    subs.open.unsubscribe();
+    await h.collector.push();
+    expect(h.reports.at(-1)!.subscriptions).toEqual([]);
+  });
+
+  it('without the profiler, flags subscriptions of a class that has no instance left', async () => {
+    const rx = fakeRxjs();
+    const { components, cards } = page(1);
+    const ng = fakeNg(components);
+    const h = harness(() => ng, { loadRxjs: async () => rx.module as never });
+    await h.collector.push();
+    await h.collector.setTracking(true);
+    const source = new rx.Observable();
+    const made = new TripCard(9, source);
+    await h.collector.push();
+    expect(h.reports.at(-1)!.subscriptions).toEqual([]);
+    expect(h.reports.at(-1)!.support.instances).toBeUndefined();
+
+    cards[0]!.remove();
+    await h.collector.push();
+    expect(h.reports.at(-1)!.subscriptions).toEqual([
+      expect.objectContaining({ name: 'TripCard', count: 1, reason: 'no-live-instance' }),
+    ]);
+    expect(h.reports.at(-1)!.subscriptions[0]!.instanceId).toBeUndefined();
+    made.sub!.unsubscribe();
+  });
+
+  it("does not give a child's constructor subscription to the parent whose template builds it", async () => {
+    const rx = fakeRxjs();
+    let listener: Profiler | null = null;
+    const { root, components } = page(1);
+    const list = components.get(root)!;
+    const h = harness(() => fakeNg(components), {
+      loadRxjs: async () => rx.module as never,
+      addProfiler: (fn) => {
+        listener = fn;
+        return () => (listener = null);
+      },
+    });
+    await h.collector.push();
+    await h.collector.setTracking(true);
+    listener!(0, list);
+    const made = new TripCard(7, new rx.Observable());
+    listener!(1, list);
+    await h.collector.push();
+    const report = h.reports.at(-1)!;
+    expect(report.components.find((c) => c.name === 'TripList')?.subscriptions ?? 0).toBe(0);
+    expect(report.totals.subscriptions).toBe(1);
+    made.sub!.unsubscribe();
+  });
+
+  it('counts one subscription for an operator chain, not one per inner subscribe', async () => {
+    const rx = fakeRxjs();
+    const { components, cards } = page(1);
+    const card = components.get(cards[0]!) as TripCard;
+    const h = harness(() => fakeNg(components), { loadRxjs: async () => rx.module as never });
+    await h.collector.push();
+    await h.collector.setTracking(true);
+    const inner = new rx.Observable();
+    // An operator subscribes to its source inside the outer subscribe.
+    const outer = new rx.Observable(() => inner.subscribe());
+    card.listen(outer);
+    await h.collector.push();
+    expect(h.reports.at(-1)!.totals.subscriptions).toBe(1);
+  });
+
+  it('reports tracking as unavailable when RxJS cannot be loaded', async () => {
+    page(0);
+    const h = harness(() => fakeNg(new Map()), {
+      loadRxjs: () => Promise.reject(new Error('no rxjs')),
+    });
+    expect(await h.collector.setTracking(true)).toMatchObject({ ok: false });
+    await h.collector.push();
+    expect(h.reports.at(-1)!.support.subscriptions).toBe('unavailable');
+  });
+
+  it('starts tracking again after a reload when it was on, and forgets the choice when off', async () => {
+    const rx = fakeRxjs();
+    page(0);
+    const store = new Map<string, string>([[TRACKING_KEY, '1']]);
+    const storage = {
+      getItem: (key: string) => store.get(key) ?? null,
+      setItem: (key: string, value: string) => void store.set(key, value),
+      removeItem: (key: string) => void store.delete(key),
+    };
+    const h = harness(() => fakeNg(new Map()), {
+      loadRxjs: async () => rx.module as never,
+      storage,
+    });
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    await h.collector.push();
+    expect(h.reports.at(-1)!.support.subscriptions).toBe('on');
+    await h.collector.setTracking(false);
+    expect(store.has(TRACKING_KEY)).toBe(false);
+  });
+
+  it('answers the leak-tracking event only for its own page', async () => {
+    const rx = fakeRxjs();
+    page(0);
+    const h = harness(() => fakeNg(new Map()), { loadRxjs: async () => rx.module as never });
+    const handler = h.handlers.get('leak-tracking')!;
+    handler({ pageId: 'other', on: true });
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    expect(rx.Observable.prototype.subscribe).toBe(rx.original);
+    handler({ pageId: 'page-1', on: true });
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    expect(rx.Observable.prototype.subscribe).not.toBe(rx.original);
+  });
+});
+
+describe('attachLeaks: pushes', () => {
+  it('skips an unchanged report, sends a keepalive when one is due, and forgets the page on leave', async () => {
+    let now = 1000;
+    const { components } = page(1);
+    const ng = fakeNg(components);
+    const h = harness(() => ng, { now: () => now, tickMs: () => 3000 });
+    await h.collector.push();
+    await h.collector.push();
+    expect(h.reports).toHaveLength(1);
+    now += 6000;
+    await h.collector.push();
+    expect(h.reports).toHaveLength(2);
+
+    h.collector.leave();
+    await h.collector.push(true);
+    expect(h.reports).toHaveLength(2);
+    expect(h.calls.at(-1)).toEqual({ name: 'forget-leaks-page', args: ['page-1'] });
+    h.collector.resume();
+    await h.collector.push();
+    expect(h.reports).toHaveLength(3);
+  });
+});
+
+describe('stackClasses', () => {
+  it('reads constructors, methods and compiled template functions, innermost first', () => {
+    const stack = [
+      'Error',
+      '    at Observable.subscribe (http://localhost:4200/node_modules/rxjs/index.js:10:5)',
+      '    at new _TripCard (http://localhost:4200/src/app/trip-card.ts?t=1:12:7)',
+      '    at TripList_Conditional_2_Template (http://localhost:4200/src/app/trip-list.ts:30:1)',
+      '    at executeTemplate (http://localhost:4200/node_modules/core.js:1:1)',
+    ].join('\n');
+    const { names, frames } = stackClasses(stack);
+    expect(names.slice(0, 2)).toEqual(['Observable', 'TripCard']);
+    expect(names).toContain('TripList');
+    expect(frames[1]).toContain('new _TripCard');
+  });
+
+  it('reads Firefox and Safari frames', () => {
+    const { names } = stackClasses(
+      'Error\nngOnInit@http://x/a.js:1:1\nTripCard.prototype.ngOnInit@x',
+    );
+    expect(names).toEqual(['TripCard']);
+    expect(stackClasses('Error\nTripCard.ngOnInit@http://x/a.js:1:1').names).toEqual(['TripCard']);
+  });
+});
diff --git a/packages/devtools/src/__tests__/leaks-real.test.ts b/packages/devtools/src/__tests__/leaks-real.test.ts
new file mode 100644
index 00000000..39a66f94
--- /dev/null
+++ b/packages/devtools/src/__tests__/leaks-real.test.ts
@@ -0,0 +1,136 @@
+// @vitest-environment jsdom
+import '@angular/compiler';
+import * as core from '@angular/core';
+import { Component } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
+import { afterEach, describe, expect, it } from 'vitest';
+import { attachLeaks, type LeaksDebugNg } from '../leaks-collector.ts';
+import type { LeaksReport } from '../rpc/leaks-tools.ts';
+import {
+  angularAtLeast,
+  bootstrapRoot,
+  writableSignal,
+  STANDALONE,
+  type BootedApp,
+} from './angular-version.ts';
+
+/** A long-lived source, like a store or a service's Subject. */
+const updates = new Subject<number>();
+
+const effect = (core as unknown as Record<string, unknown>)['effect'] as
+  ((fn: () => void) => unknown) | undefined;
+
+class LeakyCard {
+  readonly seats = writableSignal(3);
+  // Subscribed in the constructor with no teardown.
+  readonly sub = updates.subscribe(() => {});
+  hooked?: { unsubscribe(): void };
+  constructor() {
+    effect?.(() => void this.seats());
+  }
+  ngOnInit() {
+    // Made inside a lifecycle hook, so the profiler names the instance (20.0+).
+    this.hooked = updates.subscribe(() => {});
+  }
+}
+Component({ ...STANDALONE, selector: 'app-leaky-card', template: `{{ seats() }}` })(LeakyCard);
+
+class Trips {
+  readonly show = writableSignal(false);
+}
+Component({
+  ...STANDALONE,
+  selector: 'app-root',
+  imports: [LeakyCard],
+  template: `@if (show()) {<app-leaky-card></app-leaky-card>}`,
+})(Trips);
+
+const settle = async (app: BootedApp) => {
+  for (let i = 0; i < 3; i++) {
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    app.appRef.tick();
+  }
+};
+
+// `@if` and standalone imports need 17.0.
+describe.runIf(angularAtLeast('17.0'))('the leaks collector with a real app', () => {
+  let app: BootedApp | null = null;
+  let stop = () => {};
+  afterEach(() => {
+    stop();
+    app?.destroy();
+    app = null;
+    document.body.innerHTML = '';
+  });
+
+  it('sees a destroyed component through the null injector, its effect, and its open subscription', async () => {
+    document.body.innerHTML = '<app-root></app-root>';
+    app = await bootstrapRoot(Trips);
+    await settle(app);
+    const reports: LeaksReport[] = [];
+    const route = { value: '/trips' };
+    const my = {
+      rpc: {
+        call: async (name: string, report: unknown) => {
+          if (name === 'push-leaks') reports.push(report as LeaksReport);
+          return { known: true };
+        },
+      },
+    };
+    const ng = () => (globalThis as { ng?: LeaksDebugNg }).ng;
+    const collector = attachLeaks(my, 'real-page', ng, {
+      route: () => route.value,
+      dirty: null,
+      storage: null,
+      target: null,
+    });
+    stop = collector.stop;
+    await collector.push();
+    const subscribe = Observable.prototype.subscribe;
+    // The real RxJS, loaded the way the overlay loads it.
+    expect(await collector.setTracking(true)).toMatchObject({ ok: true });
+
+    const root = app.injector.get(core.ApplicationRef).components[0]!.instance as Trips;
+    root.show.set(true);
+    await settle(app);
+    await collector.push();
+    let report = reports.at(-1)!;
+    const card = report.components.find((c) => c.name === 'LeakyCard');
+    if (angularAtLeast('20.1')) {
+      expect(report.support.effects).toBe(true);
+      expect(card).toMatchObject({ effects: 1 });
+    }
+    expect(report.totals.subscriptions).toBe(2);
+    // From 20.0 the profiler ties the ngOnInit subscription to the instance.
+    const profiler = angularAtLeast('20.0');
+    if (profiler) expect(card).toMatchObject({ subscriptions: 1 });
+
+    root.show.set(false);
+    await settle(app);
+    route.value = '/about';
+    await collector.push();
+    report = reports.at(-1)!;
+    expect(report.support.detached).toBe(true);
+    expect(report.destroyed).toEqual([
+      expect.objectContaining({ name: 'LeakyCard', route: '/trips', navigations: 1 }),
+    ]);
+    // Destroyed, not detached: Angular dropped its view.
+    expect(report.destroyed[0]!.detached).toBeUndefined();
+    const reasons = report.subscriptions.map((s) => [s.name, s.reason, s.count]);
+    expect(reasons).toEqual(
+      expect.arrayContaining(
+        profiler
+          ? [
+              ['LeakyCard', 'no-live-instance', 1],
+              ['LeakyCard', 'instance-destroyed', 1],
+            ]
+          : [['LeakyCard', 'no-live-instance', 2]],
+      ),
+    );
+    for (const sub of report.subscriptions) expect(sub.source).toMatch(/LeakyCard/);
+
+    expect(Observable.prototype.subscribe).not.toBe(subscribe);
+    await collector.setTracking(false);
+    expect(Observable.prototype.subscribe).toBe(subscribe);
+  });
+});
diff --git a/packages/devtools/src/__tests__/leaks-tools.test.ts b/packages/devtools/src/__tests__/leaks-tools.test.ts
new file mode 100644
index 00000000..2f94a302
--- /dev/null
+++ b/packages/devtools/src/__tests__/leaks-tools.test.ts
@@ -0,0 +1,225 @@
+import { createHostContext } from 'devframe/node';
+import { describe, expect, it, vi } from 'vitest';
+import pangular, { createPangular } from '../devframe.ts';
+import {
+  AGENT_INSPECTOR,
+  AGENT_SAFETY,
+  PAGE_AGENT_ENTRIES,
+  RPC_INSPECTOR,
+  SHARED_STATE_INSPECTOR,
+  agentAllowed,
+  resolvePangularConfig,
+} from '../config.ts';
+import {
+  RETAINED_AFTER_MS,
+  findLeaksText,
+  isRetained,
+  staleLeakPages,
+  toLeaksReport,
+  type LeaksReport,
+  type LeaksState,
+} from '../rpc/leaks-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: () => LeaksState }> };
+        }
+      ).sharedState.get('pangular:leaks')
+    ).value();
+  return { ctx, call, invoke, state };
+}
+
+const report = (extra: Partial<LeaksReport> = {}): LeaksReport => ({
+  pageId: 'tab1',
+  url: '/trips',
+  title: 'Trips',
+  at: Date.now(),
+  support: { retention: true, effects: true, subscriptions: 'on', instances: true, detached: true },
+  navigations: 4,
+  totals: { components: 3, effects: 2, subscriptions: 1, destroyed: 2, collected: 5, dropped: 0 },
+  components: [
+    { id: 'c1', name: 'TripList', effects: 2, subscriptions: 1 },
+    { id: 'c2', name: 'Banner', effects: 0, subscriptions: 0, sharedEffects: 1 },
+  ],
+  destroyed: [
+    {
+      id: 'c9',
+      name: 'TripCard',
+      route: '/trips/7',
+      destroyedAt: Date.now() - RETAINED_AFTER_MS - 5000,
+      navigations: 3,
+      subscriptions: 1,
+    },
+    { id: 'c10', name: 'TripMap', route: '/trips/8', destroyedAt: Date.now(), navigations: 0 },
+  ],
+  subscriptions: [
+    {
+      name: 'TripCard',
+      instanceId: 'c9',
+      count: 1,
+      source: 'TripCard.ngOnInit (trip-card.ts:12:7)',
+      route: '/trips/7',
+      openedAt: Date.now() - 60_000,
+      reason: 'instance-destroyed',
+    },
+  ],
+  ...extra,
+});
+
+describe('toLeaksReport', () => {
+  it('masks routes, titles and call sites again on the server and drops what is not a report', () => {
+    const checked = toLeaksReport(
+      report({
+        url: `/trips?token=${JWT}`,
+        title: `Bearer ${JWT}`,
+        destroyed: [
+          {
+            id: 'c9',
+            name: 'TripCard',
+            route: `/trips?access_token=${JWT}`,
+            destroyedAt: 1,
+            navigations: 1,
+          },
+        ],
+        subscriptions: [
+          {
+            name: 'TripCard',
+            count: 1,
+            source: `load (api.ts?key=${JWT}:1:1)`,
+            route: '/x',
+            openedAt: 1,
+            reason: 'no-live-instance',
+          },
+        ],
+      }),
+    )!;
+    expect(JSON.stringify(checked)).not.toContain(JWT);
+    expect(toLeaksReport({ url: '/x' })).toBeNull();
+    expect(toLeaksReport(null)).toBeNull();
+    expect(
+      toLeaksReport({ pageId: 'p', support: { subscriptions: 'weird' } })!.support.subscriptions,
+    ).toBe('off');
+  });
+});
+
+describe('isRetained', () => {
+  it('needs enough navigations and time, and never counts a detached view', () => {
+    const page = { ...report(), reportedAt: Date.now() };
+    expect(isRetained(page, page.destroyed[0]!)).toBe(true);
+    expect(isRetained(page, page.destroyed[1]!)).toBe(false);
+    expect(isRetained(page, { ...page.destroyed[0]!, detached: true })).toBe(false);
+    expect(isRetained(page, { ...page.destroyed[0]!, navigations: 1 })).toBe(false);
+  });
+});
+
+describe('the leaks registration', () => {
+  it('keeps one entry per page, forgets a page, and expires a silent one', async () => {
+    const { call, state } = await boot();
+    await call('push-leaks', report());
+    await call('push-leaks', report({ pageId: 'tab2', url: '/about' }));
+    expect(Object.keys((await state()).pages).sort()).toEqual(['tab1', 'tab2']);
+    expect((await state()).pages['tab1']!.url).toBe('/trips');
+    await call('forget-leaks-page', 'tab2');
+    expect(Object.keys((await state()).pages)).toEqual(['tab1']);
+    expect(staleLeakPages(await state(), Date.now() + 20_000, () => 15_000)).toEqual(['tab1']);
+  });
+
+  it('answers find-leaks with retained instances, open subscriptions and live effects', async () => {
+    const { call, invoke } = await boot();
+    expect(await invoke('find-leaks')).toMatch(/No page reports leak data/);
+    await call('push-leaks', report());
+    const text = await invoke('find-leaks');
+    expect(text).toMatch(/## Still retained/);
+    expect(text).toMatch(/\| `TripCard` \| `c9` \| `\/trips\/7` \|/);
+    expect(text).toMatch(/not proof of a leak/);
+    expect(text).toMatch(/Memory panel/);
+    expect(text).toMatch(/destroyed recently and not collected yet: `TripMap`/);
+    expect(text).toMatch(/## Open subscriptions after destroy/);
+    expect(text).toMatch(/its instance is destroyed/);
+    expect(text).toMatch(/takeUntilDestroyed/);
+    expect(text).toMatch(/\| `TripList` \| `c1` \| 2 \| 1 \|/);
+    expect(text).toMatch(/\| `Banner` \| `c2` \| 0 \(\+1 shared\) \|/);
+    expect(await invoke('find-leaks', { component: 'map' })).not.toMatch(/`TripCard`/);
+    expect(await invoke('find-leaks', { page: 'nope' })).toMatch(/No page `nope`/);
+  });
+
+  it('says what is missing when tracking is off or the page lacks the APIs', () => {
+    const page = {
+      ...report({
+        support: { retention: false, effects: false, subscriptions: 'off' },
+        subscriptions: [],
+      }),
+      reportedAt: Date.now(),
+    };
+    const text = findLeaksText({ pages: { tab1: page } });
+    expect(text).toMatch(/cannot track destroyed components/);
+    expect(text).toMatch(/Subscription tracking is off/);
+    expect(text).toMatch(/Effects are not counted/);
+  });
+
+  it('turns tracking on for one page through the page-side event, and off for every page', async () => {
+    const { ctx, call, invoke } = await boot();
+    expect(await invoke('track-subscriptions', { action: 'start' })).toMatch(/nothing to track/);
+    await call('push-leaks', report());
+    await call('push-leaks', report({ pageId: 'tab2' }));
+    const broadcast = vi.spyOn(ctx.rpc, 'broadcast');
+    expect(await invoke('track-subscriptions', { action: 'start', page: 'tab1' })).toMatch(
+      /Tracking subscriptions on page `tab1`/,
+    );
+    expect(broadcast).toHaveBeenCalledWith(
+      expect.objectContaining({
+        method: 'pangular:leak-tracking',
+        args: [{ pageId: 'tab1', on: true }],
+      }),
+    );
+    broadcast.mockClear();
+    expect(await invoke('track-subscriptions', { action: 'stop' })).toMatch(/every page/);
+    const args = broadcast.mock.calls.map(([options]) => (options as { args: unknown[] }).args[0]);
+    expect(args).toEqual(
+      expect.arrayContaining([
+        { pageId: 'tab1', on: false },
+        { pageId: 'tab2', on: false },
+      ]),
+    );
+    expect(await call('request-leak-tracking', { pageId: 'tab2', on: true })).toEqual({
+      pages: 1,
+    });
+  });
+
+  it('is part of the Components inspector, and track-subscriptions is an action', async () => {
+    for (const name of ['push-leaks', 'forget-leaks-page', 'request-leak-tracking']) {
+      expect(RPC_INSPECTOR[name]).toBe('components');
+    }
+    expect(AGENT_INSPECTOR['find-leaks']).toBe('components');
+    expect(AGENT_INSPECTOR['track-subscriptions']).toBe('components');
+    expect(SHARED_STATE_INSPECTOR['leaks']).toBe('components');
+    expect(AGENT_SAFETY['track-subscriptions']).toBe('action');
+    expect(PAGE_AGENT_ENTRIES).toEqual(
+      expect.arrayContaining(['find-leaks', 'track-subscriptions']),
+    );
+    const readOnly = resolvePangularConfig({ agent: { readOnly: true } });
+    expect(agentAllowed({ id: 'pangular:find-leaks' }, readOnly)).toBe(true);
+    expect(agentAllowed({ id: 'pangular:track-subscriptions' }, readOnly)).toBe(false);
+
+    const { ctx } = await boot(createPangular({ inspectors: { components: false } }));
+    const tools = ctx.agent.list().tools.map((tool: { id: string }) => tool.id);
+    expect(tools).not.toContain('pangular:find-leaks');
+    expect(tools).not.toContain('pangular:track-subscriptions');
+  });
+});
diff --git a/packages/devtools/src/cd-data.ts b/packages/devtools/src/cd-data.ts
index 93489e86..28687834 100644
--- a/packages/devtools/src/cd-data.ts
+++ b/packages/devtools/src/cd-data.ts
@@ -1,6 +1,12 @@
 import type {
   CdAfterRenderStat,
+  CdCause,
+  CdCauseKind,
   CdCheck,
+  CdDiagnosis,
+  CdInputStat,
+  CdWasteStat,
+  CdZoneStat,
   CdComponentStat,
   CdCycle,
   CdHookStat,
@@ -31,6 +37,8 @@ const MAX_SPAN_NAMES = 4000;
 const MAX_DEPTH = 1000;
 const MAX_TIMINGS = 100;
 const MAX_PAGE_ID = 50;
+const MAX_FRAMES = 3;
+const MAX_DIAGNOSIS_ROWS = 50;
 
 /** What each {@link CdSpan} kind letter means. */
 export const CD_SPAN_KIND = {
@@ -91,6 +99,9 @@ function cycle(value: unknown, names: number): CdCycle | null {
     afterRenderMs: optional(value['afterRenderMs']),
     outputMs: optional(value['outputMs']),
   };
+  const reason = cause(value['cause']);
+  const refreshed = optional(value['refreshed']);
+  const unchanged = optional(value['unchanged']);
   return {
     id: num(value['id']),
     at: num(value['at']),
@@ -102,9 +113,241 @@ function cycle(value: unknown, names: number): CdCycle | null {
     ...Object.fromEntries(Object.entries(timing).filter(([, v]) => v !== undefined)),
     ...(spans.length ? { spans } : {}),
     ...(droppedSpans ? { droppedSpans } : {}),
+    ...(reason ? { cause: reason } : {}),
+    ...(refreshed ? { refreshed } : {}),
+    ...(unchanged ? { unchanged } : {}),
   };
 }
 
+/** Every cause kind, in the order the panel and the agent tool list them. */
+export const CD_CAUSE_KINDS: readonly CdCauseKind[] = [
+  'event',
+  'http',
+  'timer',
+  'signal',
+  'effect',
+  'markForCheck',
+  'input',
+  'view',
+  'tick',
+  'zone',
+  'unknown',
+];
+
+/** How the panel and the agent tool name each cause kind. */
+export const CD_CAUSE_LABEL: Record<CdCauseKind, string> = {
+  event: 'Event',
+  http: 'HTTP response',
+  timer: 'Timer',
+  signal: 'Signal write',
+  effect: 'Effect',
+  markForCheck: 'markForCheck',
+  input: 'setInput',
+  view: 'View change',
+  tick: 'ApplicationRef.tick',
+  zone: 'zone.js only',
+  unknown: 'Unknown',
+};
+
+const isCauseKind = (value: unknown): value is CdCauseKind =>
+  typeof value === 'string' && (CD_CAUSE_KINDS as readonly string[]).includes(value);
+
+function cause(value: unknown): CdCause | undefined {
+  if (!isRecord(value) || !isCauseKind(value['kind'])) return undefined;
+  const fields = ['component', 'listener', 'event', 'target', 'signal', 'task'] as const;
+  const out: CdCause = { kind: value['kind'] };
+  if (isCauseKind(value['via'])) out.via = value['via'];
+  for (const field of fields) {
+    const each = text(value[field], MAX_NAME);
+    if (each) out[field] = each;
+  }
+  if (value['zone'] === true) out.zone = true;
+  const stack = list(value['stack'], MAX_FRAMES)
+    .map((frame) => text(frame, MAX_TRIGGER))
+    .filter(Boolean);
+  if (stack.length) out.stack = stack;
+  const more = Math.floor(num(value['more']));
+  if (more) out.more = more;
+  return out;
+}
+
+function wasteStat(value: unknown): CdWasteStat | null {
+  if (!isRecord(value)) return null;
+  const name = text(value['name'], MAX_NAME);
+  if (!name) return null;
+  const strategy = value['strategy'];
+  return {
+    name,
+    refreshed: Math.floor(num(value['refreshed'])),
+    unchanged: Math.floor(num(value['unchanged'])),
+    ...(strategy === 'OnPush' || strategy === 'Eager' ? { strategy } : {}),
+  };
+}
+
+function inputStat(value: unknown): CdInputStat | null {
+  if (!isRecord(value)) return null;
+  const name = text(value['name'], MAX_NAME);
+  const input = text(value['input'], MAX_NAME);
+  if (!name || !input) return null;
+  const parent = text(value['parent'], MAX_NAME);
+  return {
+    name,
+    input,
+    ...(parent ? { parent } : {}),
+    inPlace: Math.floor(num(value['inPlace'])),
+    sameContents: Math.floor(num(value['sameContents'])),
+  };
+}
+
+function zoneStat(value: unknown): CdZoneStat | null {
+  if (!isRecord(value)) return null;
+  const name = text(value['name'], MAX_NAME);
+  if (!name) return null;
+  const tasks = list(value['tasks'], 3)
+    .map((task) => text(task, MAX_NAME))
+    .filter(Boolean);
+  return { name, ticks: Math.floor(num(value['ticks'])), ...(tasks.length ? { tasks } : {}) };
+}
+
+/** Checks a recording's `diagnosis`; undefined when there is none. */
+export function sanitizeCdDiagnosis(value: unknown): CdDiagnosis | undefined {
+  if (!isRecord(value)) return undefined;
+  const causes: CdDiagnosis['causes'] = {};
+  if (isRecord(value['causes'])) {
+    for (const kind of CD_CAUSE_KINDS) {
+      const count = Math.floor(num(value['causes'][kind]));
+      if (count) causes[kind] = count;
+    }
+  }
+  const components = list(value['components'], MAX_COMPONENTS)
+    .map(wasteStat)
+    .filter((c): c is CdWasteStat => !!c);
+  const inputs = list(value['inputs'], MAX_DIAGNOSIS_ROWS)
+    .map(inputStat)
+    .filter((c): c is CdInputStat => !!c);
+  const zone = list(value['zone'], MAX_DIAGNOSIS_ROWS)
+    .map(zoneStat)
+    .filter((c): c is CdZoneStat => !!c);
+  const major = Math.floor(num(value['major']));
+  return {
+    triggers: value['triggers'] === true,
+    waste: value['waste'] === true,
+    ...(major && major < 1000 ? { major } : {}),
+    causes,
+    components,
+    ...(inputs.length ? { inputs } : {}),
+    ...(zone.length ? { zone } : {}),
+  };
+}
+
+/** One line on what started a cycle, such as `click on button in Cart (add), wrote count`. */
+export function cdCauseText(reason: CdCause): string {
+  const parts: string[] = [];
+  const where = reason.component
+    ? ` in ${reason.component}${reason.listener ? ` (${reason.listener})` : ''}`
+    : '';
+  switch (reason.kind) {
+    case 'event':
+      parts.push(
+        `${reason.event ?? 'Template listener'}${reason.target ? ` on ${reason.target}` : ''}${where}`,
+      );
+      break;
+    case 'http':
+      parts.push(`HTTP response${where}`);
+      break;
+    case 'timer':
+      parts.push(`${reason.task ?? 'Timer'}${where}`);
+      break;
+    case 'zone':
+      parts.push(
+        `zone.js tick with no Angular notification${reason.task ? ` after ${reason.task}` : ''}`,
+      );
+      break;
+    case 'tick':
+      parts.push(`ApplicationRef.tick()${where}`);
+      break;
+    default:
+      parts.push(`${CD_CAUSE_LABEL[reason.kind]}${where}`);
+  }
+  if (reason.signal) parts.push(`wrote signal ${reason.signal}`);
+  else if (reason.via && reason.via !== reason.kind)
+    parts.push(`via ${CD_CAUSE_LABEL[reason.via]}`);
+  if (reason.zone && reason.kind !== 'zone') parts.push('run by zone.js');
+  if (reason.more) parts.push(`${reason.more} more notification${reason.more === 1 ? '' : 's'}`);
+  return parts.join(', ');
+}
+
+/** A suggestion from a recording's diagnosis. */
+export interface CdHint {
+  /** The component class it is about. */
+  name: string;
+  kind: 'on-push' | 'already-on-push' | 'in-place' | 'same-contents' | 'zone';
+  text: string;
+}
+
+/** Refreshed checks a class needs before the OnPush hint looks at it. */
+export const CD_HINT_MIN_CHECKS = 10;
+/** The share of refreshed checks that may change something for the OnPush hint. */
+export const CD_HINT_MAX_CHANGED = 0.2;
+
+/**
+ * Suggestions from a diagnosis: OnPush for classes refreshed often that
+ * rarely change, inputs mutated in place or renewed with equal contents, and
+ * components that only zone.js keeps up to date.
+ */
+export function cdHints(diagnosis: CdDiagnosis | undefined): CdHint[] {
+  if (!diagnosis) return [];
+  const hints: CdHint[] = [];
+  const defaultOnPush = (diagnosis.major ?? 0) >= 22;
+  for (const stat of diagnosis.components) {
+    if (stat.refreshed < CD_HINT_MIN_CHECKS) continue;
+    const changed = stat.refreshed - stat.unchanged;
+    if (changed / stat.refreshed > CD_HINT_MAX_CHANGED) continue;
+    const counts = `refreshed ${stat.refreshed} times and changed something in ${changed}`;
+    if (stat.strategy === 'Eager') {
+      hints.push({
+        name: stat.name,
+        kind: 'on-push',
+        text: defaultOnPush
+          ? `${stat.name} was ${counts}. It opts out of OnPush, which is the default from Angular 22: remove \`changeDetection: ChangeDetectionStrategy.Eager\` (or \`Default\`) so Angular skips it until an input, event, signal or markForCheck marks it.`
+          : `${stat.name} was ${counts}. Add \`changeDetection: ChangeDetectionStrategy.OnPush\` so Angular skips it until an input, event, signal or markForCheck marks it.`,
+      });
+    } else if (stat.strategy === 'OnPush') {
+      hints.push({
+        name: stat.name,
+        kind: 'already-on-push',
+        text: `${stat.name} was ${counts}, and it is already OnPush${defaultOnPush ? ' (the default from Angular 22)' : ''}. Something keeps marking it: an input that gets a new reference each time, an event or output in it, markForCheck, or a signal it reads that is set to an equal value.`,
+      });
+    }
+  }
+  for (const input of diagnosis.inputs ?? []) {
+    const from = input.parent ? ` set by ${input.parent}` : '';
+    if (input.inPlace) {
+      hints.push({
+        name: input.name,
+        kind: 'in-place',
+        text: `Input ${input.input} of ${input.name}${from} changed in place ${input.inPlace} time${input.inPlace === 1 ? '' : 's'}: same reference, different contents. OnPush components, computed and signal equality don't see that. Pass a new object or array instead of mutating it.`,
+      });
+    }
+    if (input.sameContents) {
+      hints.push({
+        name: input.name,
+        kind: 'same-contents',
+        text: `Input ${input.input} of ${input.name}${from} got a new reference with the same contents ${input.sameContents} time${input.sameContents === 1 ? '' : 's'}, so Angular refreshed ${input.name} for nothing. Keep the reference when nothing changed, for example with a computed instead of a method call in the template.`,
+      });
+    }
+  }
+  for (const zone of diagnosis.zone ?? []) {
+    const tasks = zone.tasks?.length ? ` (after ${zone.tasks.join(', ')})` : '';
+    hints.push({
+      name: zone.name,
+      kind: 'zone',
+      text: `${zone.name} changed in ${zone.ticks} tick${zone.ticks === 1 ? '' : 's'} that only zone.js started${tasks}. Without zone.js it would not update: keep that state in a signal, or call markForCheck after changing it.`,
+    });
+  }
+  return hints;
+}
+
 function stat(value: unknown): CdComponentStat | null {
   const base = check(value);
   if (!base || !isRecord(value)) return null;
@@ -177,6 +420,7 @@ export function sanitizeCdRecording(value: unknown, maxCycles: number): CdRecord
   const droppedTimings = Math.floor(num(value['droppedTimings'])) + extraTimings;
   const afterRender = afterRenderStat(value['afterRender']);
   const used = cycles.some((c) => c.spans?.length);
+  const diagnosis = sanitizeCdDiagnosis(value['diagnosis']);
   return {
     recording: value['recording'] === true,
     startedAt:
@@ -197,6 +441,7 @@ export function sanitizeCdRecording(value: unknown, maxCycles: number): CdRecord
     ...(droppedTimings ? { droppedTimings } : {}),
     ...(afterRender ? { afterRender } : {}),
     ...(used ? { spanNames } : {}),
+    ...(diagnosis ? { diagnosis } : {}),
   };
 }
 
@@ -345,6 +590,8 @@ export function cdTraceFile(recording: CdRecording, pageId: string): CdTraceFile
         ...(cycle.hookMs ? { hookMs: cycle.hookMs } : {}),
         ...(cycle.afterRenderMs ? { afterRenderMs: cycle.afterRenderMs } : {}),
         ...(cycle.outputMs ? { outputMs: cycle.outputMs } : {}),
+        ...(cycle.cause ? { cause: cdCauseText(cycle.cause) } : {}),
+        ...(cycle.unchanged ? { unchanged: cycle.unchanged } : {}),
         slowest: cycle.components.map((c) => `${c.name} ${c.checks}x ${c.ms}ms`),
       },
     });
diff --git a/packages/devtools/src/cd-diagnosis.ts b/packages/devtools/src/cd-diagnosis.ts
new file mode 100644
index 00000000..d520ea95
--- /dev/null
+++ b/packages/devtools/src/cd-diagnosis.ts
@@ -0,0 +1,808 @@
+import { PROFILER_EVENT } from './cd-recorder.ts';
+import { listenerName } from './cd-timing.ts';
+import type {
+  CdCause,
+  CdCauseKind,
+  CdDiagnosis,
+  CdInputStat,
+  CdWasteStat,
+  CdZoneStat,
+} from './config.ts';
+import { className } from './injector-tree.ts';
+import { installSignalWriteHook, type RawSignalNode } from './signal-history.ts';
+import { rawNodeOf } from './signal-resources.ts';
+import { appFrames, captureStack } from './signal-stack.ts';
+
+/**
+ * The `NotificationSource` values Angular passes to
+ * `ChangeDetectionSchedulerImpl.notify`, checked against the scheduler and
+ * its callers in `@angular/core/fesm2022/_debug_node-chunk.mjs` and
+ * `_pending_tasks-chunk.mjs` (Angular 22). The enum is `const`, so the
+ * numbers are all a build has.
+ */
+export const NOTIFY = {
+  /** `markAncestorsForTraversal`: a signal a template read changed. */
+  MarkAncestorsForTraversal: 0,
+  SetInput: 1,
+  DeferBlockStateUpdate: 2,
+  DebugApplyChanges: 3,
+  MarkForCheck: 4,
+  /** `wrapListener`: a template listener runs. */
+  Listener: 5,
+  CustomElement: 6,
+  RenderHook: 7,
+  ViewAttached: 8,
+  ViewDetachedFromDOM: 9,
+  AsyncAnimationsLoaded: 10,
+  PendingTaskRemoved: 11,
+  RootEffect: 12,
+  ViewEffect: 13,
+} as const;
+
+/** What each notification says about the cause. Missing ones (11) don't make Angular refresh views. */
+const NOTIFY_KIND: Partial<Record<number, CdCauseKind>> = {
+  0: 'signal',
+  1: 'input',
+  2: 'view',
+  3: 'view',
+  4: 'markForCheck',
+  5: 'event',
+  6: 'view',
+  7: 'view',
+  8: 'view',
+  9: 'view',
+  10: 'view',
+  12: 'effect',
+  13: 'effect',
+};
+
+/** Notifications that make Angular refresh views (`dirtyFlags` 1, 2, 4 or 16), not only run afterRender hooks. */
+const REFRESHING = new Set<number>([0, 1, 2, 3, 4, 5, 6, 12, 13]);
+
+/** A notification that does not refresh views is dropped after this long without a tick. */
+const STALE_MS = 100;
+/** Inputs compared per class, and items compared per input. */
+const MAX_INPUTS = 30;
+const MAX_ITEMS = 50;
+/** Classes and inputs the diagnosis keeps totals for. */
+const MAX_CLASSES = 1000;
+const MAX_INPUT_ROWS = 500;
+/** Rows a snapshot lists. */
+const LISTED_CLASSES = 100;
+const LISTED_ROWS = 50;
+const MAX_TASKS = 3;
+const MAX_TEXT = 200;
+
+/**
+ * Frames of Angular's HTTP backends. The XHR backend answers in a `load`
+ * event, which the event target already shows; the fetch backend answers in
+ * a promise, so only the stack shows it.
+ */
+const HTTP_FRAME =
+  /\b_?(FetchBackend|HttpXhrBackend|HttpInterceptorHandler)\b|@angular[/_]common[/_]http/;
+const TIMER_TASK =
+  /^(setTimeout|setInterval|setImmediate|requestAnimationFrame|webkitRequestAnimationFrame|mozRequestAnimationFrame)$/;
+const HTTP_TASK = /XMLHttpRequest|fetch|JSONP/i;
+/** Class names in stack frames that are not app classes. */
+const NOT_APP_CLASS =
+  /^(HTML|SVG|Window|Promise|Object|Array|Function|Timeout|XMLHttpRequest|EventTarget|Zone|Generator|AsyncGenerator|Map|Set)\b/;
+
+type Ctor = object;
+type AnyRecord = Record<string, unknown>;
+
+/** The fields of Angular's `ChangeDetectionSchedulerImpl` this module reads or wraps. */
+interface SchedulerLike {
+  notify(source: number): void;
+  runningTick?: boolean;
+}
+
+interface ZoneTask {
+  type?: string;
+  source?: string;
+}
+
+interface ZoneApi {
+  current?: { get?(key: string): unknown };
+  currentTask?: ZoneTask | null;
+}
+
+interface DebugNg {
+  getInjector?(el: Element): unknown;
+  ɵgetInjectorResolutionPath?(injector: unknown): unknown[];
+  getDirectiveMetadata?(instance: unknown): {
+    inputs?: Record<string, unknown>;
+    changeDetection?: number;
+  } | null;
+}
+
+interface Pending {
+  source: number;
+  at: number;
+  event?: string;
+  target?: string;
+  http: boolean;
+  task?: string;
+  signal?: string;
+  stack?: string[];
+  owner?: unknown;
+  listener?: unknown;
+  more: number;
+}
+
+interface Frame {
+  /** The context of the first template Angular ran in this check: the component itself when it was refreshed. */
+  first: unknown;
+  changed: boolean;
+}
+
+interface CycleInfo {
+  cause: CdCause;
+  refreshed: number;
+  unchanged: number;
+}
+
+interface ClassMeta {
+  inputs: [publicName: string, prop: string][];
+  strategy?: 'OnPush' | 'Eager';
+  component: boolean;
+}
+
+interface Snap {
+  ref: unknown;
+  items?: unknown[];
+}
+
+const NONE = Symbol('none');
+
+function read<T>(fn: () => T, fallback: T): T {
+  try {
+    return fn();
+  } catch {
+    return fallback;
+  }
+}
+
+const ctorOf = (instance: unknown): Ctor | null => {
+  const ctor = (instance as { constructor?: unknown } | null)?.constructor;
+  return typeof ctor === 'function' ? ctor : null;
+};
+
+const nameOf = (instance: unknown): string => {
+  const ctor = ctorOf(instance);
+  return ctor ? className(ctor as { name?: string }) : '?';
+};
+
+const cut = (value: string) => value.slice(0, MAX_TEXT);
+
+function isScheduler(value: unknown): value is SchedulerLike {
+  return (
+    !!value &&
+    typeof value === 'object' &&
+    typeof (value as AnyRecord)['notify'] === 'function' &&
+    'runningTick' in value &&
+    'appRef' in value
+  );
+}
+
+/**
+ * Angular's change detection scheduler (`ChangeDetectionSchedulerImpl`),
+ * found among the values the app's environment injectors already hold,
+ * through `ng.getInjector` and `ng.ɵgetInjectorResolutionPath`. Nothing is
+ * created. Null when the page has no such scheduler (before Angular 18).
+ */
+export function findCdScheduler(ng: unknown, roots: Iterable<Element>): SchedulerLike | null {
+  const api = ng as DebugNg | null;
+  if (!api || typeof api.getInjector !== 'function') return null;
+  for (const root of roots) {
+    const injector = read(() => api.getInjector!(root), null);
+    if (!injector) continue;
+    const path = read(() => api.ɵgetInjectorResolutionPath?.(injector) ?? [], [] as unknown[]);
+    for (const each of path) {
+      const records = read(() => (each as { records?: unknown } | null)?.records, undefined);
+      if (!(records instanceof Map)) continue;
+      for (const record of records.values()) {
+        const value = read(() => (record as { value?: unknown } | null)?.value, undefined);
+        if (isScheduler(value)) return value;
+      }
+    }
+  }
+  return null;
+}
+
+/** The items of an object input to compare by identity, or undefined for a primitive or function. */
+function itemsOf(value: unknown): unknown[] | undefined {
+  if (!value || typeof value !== 'object') return undefined;
+  return read(() => {
+    if (Array.isArray(value)) return [value.length, ...value.slice(0, MAX_ITEMS)];
+    if (value instanceof Map) {
+      const items: unknown[] = [value.size];
+      for (const [key, item] of value) {
+        if (items.length > MAX_ITEMS * 2) break;
+        items.push(key, item);
+      }
+      return items;
+    }
+    if (value instanceof Set) return [value.size, ...[...value].slice(0, MAX_ITEMS)];
+    // Dates, elements and other class instances keep their state where a shallow look misses it.
+    const proto = Object.getPrototypeOf(value);
+    if (proto !== Object.prototype && proto !== null) return undefined;
+    const keys = Object.keys(value).slice(0, MAX_ITEMS);
+    return [keys.length, ...keys.flatMap((key) => [key, (value as AnyRecord)[key]])];
+  }, undefined);
+}
+
+function sameItems(a: unknown[], b: unknown[]): boolean {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) if (!Object.is(a[i], b[i])) return false;
+  return true;
+}
+
+/** An input's value, without calling a signal: reading one inside a check would subscribe the running template to it. */
+function inputValue(instance: object, prop: string): unknown {
+  const value = read(() => (instance as AnyRecord)[prop], undefined);
+  if (typeof value !== 'function') return value;
+  const node = rawNodeOf(value) as { value?: unknown } | null;
+  const stored = node?.value;
+  return typeof stored === 'symbol' ? undefined : stored;
+}
+
+/**
+ * Angular's functions between the code that changed something and `notify`,
+ * by name, from `markViewDirty`, `markAncestorsForTraversal`, the signal set
+ * path and `ComponentRef.setInput` in `@angular/core/fesm2022`.
+ */
+const ANGULAR_NOTIFY_PATH =
+  /^(markViewDirty|markForCheck|markAncestorsForTraversal|updateAncestorTraversalFlagsOnAttach|consumerMarkedDirty|producerNotifyConsumers|producerIncrementEpoch|signalValueChanged|signalSetFn|signalUpdateFn|linkedSignalSetFn|linkedSignalUpdateFn|runPostSignalSetFn|setInput|set|update|notify|addSequence|register|attachView|detachView|insertView)$/;
+
+/** A stack frame's function name without its class and alias: `markForCheck` for `ViewRef.markForCheck [as m]`. */
+function frameName(line: string): string {
+  const text = line.trim().replace(/^at\s+/, '');
+  const match = text.match(/^(.*?)\s*\(/) ?? text.match(/^(.*?)@/);
+  const name = (match?.[1] ?? '').replace(/\s*\[as [^\]]+\]$/, '').replace(/^async\s+/, '');
+  return name.split('.').pop() ?? '';
+}
+
+/** Frames of this module's `notify` wrapper, in V8 (`wrapper [as notify]`) and Firefox or Safari (`wrapper@`). */
+const isWrapperFrame = (line: string) =>
+  /\[as notify\]/.test(line) || frameName(line) === 'wrapper';
+/** Frames of `ApplicationRef.tick`, `_tick` and `tickImpl`. */
+const isTickFrame = (line: string) => /^_?tick(Impl)?$/.test(frameName(line));
+
+/**
+ * The frames below the `marker` frame near the top of `raw` (the first one,
+ * or the last with `last`): the code that called into Angular. In a bundled
+ * build the overlay and Angular share chunk files with the app, so their
+ * frames can't be told apart by file and are cut by position and name
+ * instead. A stack without the marker is kept.
+ */
+export function callerStack(
+  raw: string,
+  marker: (line: string) => boolean,
+  options: { skip?: RegExp; last?: boolean } = {},
+): string {
+  const { skip, last = false } = options;
+  const lines = raw.split('\n');
+  let cut = -1;
+  for (let i = 0; i < Math.min(lines.length, 30); i++) {
+    if (!marker(lines[i]!)) continue;
+    cut = i;
+    if (!last) break;
+  }
+  if (cut < 0) return raw;
+  let rest = lines.slice(cut + 1);
+  if (skip) {
+    let i = 0;
+    while (i < rest.length && skip.test(frameName(rest[i]!))) i++;
+    rest = rest.slice(i);
+  }
+  return ['Error', ...rest].join('\n');
+}
+
+/** The class part of an app frame such as `Cart.add (src/app/cart.ts:12:5)`. */
+function frameClass(frame: string | undefined): string | undefined {
+  const match = frame?.match(/^([A-Z][\w$]*)\./);
+  return match && !NOT_APP_CLASS.test(match[1]!) ? match[1] : undefined;
+}
+
+export interface CdDiagnosisOptions {
+  getNg: () => unknown;
+  maxCycles: number;
+  doc?: () => Document | undefined;
+  global?: () => AnyRecord;
+  now?: () => number;
+  stack?: () => string | undefined;
+  /** Adds a signal write hook and resolves to its remover, or null when the page has none. */
+  writeHook?: (onWrite: (node: RawSignalNode) => void) => Promise<(() => void) | null>;
+}
+
+/**
+ * Finds what started each change detection cycle and which checks changed
+ * nothing, while a recording runs. It wraps the scheduler's `notify`, adds a
+ * signal write hook and watches DOM updates with a `MutationObserver`, and
+ * undoes all three when the recording stops. `onEvent` gets the profiler
+ * events after the recorder, with the id the recorder gave the cycle.
+ */
+export function createCdDiagnosis(options: CdDiagnosisOptions) {
+  const doc = options.doc ?? (() => (typeof document === 'undefined' ? undefined : document));
+  const global = options.global ?? (() => globalThis as unknown as AnyRecord);
+  const now = options.now ?? (() => performance.now());
+  const stack = options.stack ?? captureStack;
+  const writeHook = options.writeHook ?? ((onWrite) => installSignalWriteHook(onWrite));
+
+  let active = false;
+  let started = false;
+  /** What the last start could hook, kept after a stop. */
+  let hooked = { triggers: false, waste: false };
+  let generation = 0;
+  let scheduler: SchedulerLike | null = null;
+  let unwrap: (() => void) | null = null;
+  let removeWriteHook: (() => void) | null = null;
+  let observer: MutationObserver | null = null;
+
+  let pending: Pending | null = null;
+  let depth = 0;
+  let inSync = false;
+  let frames: Frame[] = [];
+  let cycleStack: { info: CycleInfo; frames: Frame[]; inSync: boolean }[] = [];
+  let current: CycleInfo | null = null;
+
+  let cycles = new Map<number, CycleInfo>();
+  let causes: Partial<Record<CdCauseKind, number>> = {};
+  let classes = new Map<
+    Ctor,
+    { refreshed: number; unchanged: number; zone: number; tasks: string[] }
+  >();
+  let untracked = 0;
+  let inputRows = new Map<string, CdInputStat>();
+  let seen = new WeakMap<object, Map<string, Snap>>();
+  const metas = new WeakMap<Ctor, ClassMeta>();
+
+  const zoneApi = (): ZoneApi | undefined =>
+    read(() => global()['Zone'] as ZoneApi | undefined, undefined);
+
+  const zoneTask = (): string | undefined => {
+    const task = read(() => zoneApi()?.currentTask ?? null, null);
+    const source = read(() => task?.source, undefined);
+    return typeof source === 'string' && source ? cut(source) : undefined;
+  };
+
+  const inAngularZone = (): boolean =>
+    read(() => zoneApi()?.current?.get?.('isAngularZone') === true, false);
+
+  const domEvent = (): { type: string; target?: string; xhr: boolean } | null => {
+    const event = read(() => global()['event'] as Event | undefined, undefined);
+    if (!event || typeof event !== 'object' || typeof event.type !== 'string') return null;
+    const target = read(() => event.target, null);
+    const Xhr = read(
+      () => global()['XMLHttpRequest'] as typeof XMLHttpRequest | undefined,
+      undefined,
+    );
+    const xhr = !!Xhr && read(() => target instanceof Xhr, false);
+    const tag = read(
+      () => (target && 'localName' in target ? String((target as Element).localName) : undefined),
+      undefined,
+    );
+    return { type: cut(event.type), ...(tag ? { target: cut(tag) } : {}), xhr };
+  };
+
+  const onNotify = (source: number) => {
+    if (!active || depth > 0) return;
+    const at = now();
+    if (pending && !REFRESHING.has(pending.source) && at - pending.at > STALE_MS) pending = null;
+    if (pending && (REFRESHING.has(pending.source) || !REFRESHING.has(source))) {
+      pending.more++;
+      return;
+    }
+    const event = domEvent();
+    const task = zoneTask();
+    // A listener's own frames are Angular's; the app's run after this call.
+    const taken = source === NOTIFY.Listener ? undefined : stack();
+    const raw = taken && callerStack(taken, isWrapperFrame, { skip: ANGULAR_NOTIFY_PATH });
+    const http =
+      !!event?.xhr || (!!raw && HTTP_FRAME.test(raw)) || (!!task && HTTP_TASK.test(task));
+    const appStack = raw ? appFrames(raw) : [];
+    pending = {
+      source,
+      at,
+      ...(event && !event.xhr ? { event: event.type } : {}),
+      ...(event?.target && !event.xhr ? { target: event.target } : {}),
+      http,
+      ...(task ? { task } : {}),
+      ...(appStack.length ? { stack: appStack } : {}),
+      more: pending ? pending.more + 1 : 0,
+    };
+  };
+
+  const onWrite = (node: RawSignalNode) => {
+    if (!active || depth > 0 || !pending || pending.signal !== undefined) return;
+    pending.signal = cut(read(() => node.debugName, undefined) || '?');
+  };
+
+  const causeOf = (): CdCause => {
+    const zone = inAngularZone();
+    const running = read(() => scheduler?.runningTick === true, false);
+    const flag = zone && !running ? { zone: true } : {};
+    const p = pending;
+    if (p) {
+      const base = NOTIFY_KIND[p.source] ?? 'unknown';
+      const owner = p.owner !== undefined ? nameOf(p.owner) : undefined;
+      const listener = p.listener !== undefined ? listenerName(p.listener) : '';
+      const timer = !!p.task && TIMER_TASK.test(p.task);
+      const kind: CdCauseKind = p.http
+        ? 'http'
+        : base !== 'event' && p.event
+          ? 'event'
+          : timer && base !== 'event'
+            ? 'timer'
+            : base;
+      const component = owner ?? frameClass(p.stack?.[0]);
+      return {
+        kind,
+        ...(kind !== base ? { via: base } : {}),
+        ...(component ? { component: cut(component) } : {}),
+        ...(listener ? { listener: cut(listener) } : {}),
+        ...(p.event ? { event: p.event } : {}),
+        ...(p.target ? { target: p.target } : {}),
+        ...(p.signal ? { signal: p.signal } : {}),
+        ...(p.task ? { task: p.task } : {}),
+        ...flag,
+        ...(p.stack ? { stack: p.stack } : {}),
+        ...(p.more ? { more: p.more } : {}),
+      };
+    }
+    if (running) return { kind: 'unknown' };
+    const task = zoneTask();
+    // Without the scheduler no notification is seen, so a tick can't be told apart from one it ran.
+    if (!scheduler) return { kind: 'unknown', ...flag, ...(task && zone ? { task } : {}) };
+    if (zone) return { kind: 'zone', zone: true, ...(task ? { task } : {}) };
+    const taken = stack();
+    const frames = taken ? appFrames(callerStack(taken, isTickFrame, { last: true })) : [];
+    const component = frameClass(frames[0]);
+    return {
+      kind: 'tick',
+      ...(component ? { component } : {}),
+      ...(frames.length ? { stack: frames } : {}),
+    };
+  };
+
+  /** Credits DOM updates since the last call to the component being checked. */
+  const credit = () => {
+    const records = observer ? read(() => observer!.takeRecords(), [] as MutationRecord[]) : [];
+    if (records.length && frames.length) frames.at(-1)!.changed = true;
+  };
+
+  const metaOf = (instance: object, ctor: Ctor): ClassMeta => {
+    const known = metas.get(ctor);
+    if (known) return known;
+    const ng = options.getNg() as DebugNg | undefined;
+    const meta = read(() => ng?.getDirectiveMetadata?.(instance) ?? null, null);
+    const inputs = Object.entries(meta?.inputs ?? {})
+      .slice(0, MAX_INPUTS)
+      .map(([name, entry]): [string, string] => [
+        name,
+        typeof entry === 'string'
+          ? entry
+          : Array.isArray(entry) && typeof entry[0] === 'string'
+            ? entry[0]
+            : name,
+      ]);
+    const strategy =
+      meta?.changeDetection === 0 ? 'OnPush' : meta?.changeDetection === 1 ? 'Eager' : undefined;
+    const value: ClassMeta = {
+      inputs,
+      ...(strategy ? { strategy } : {}),
+      component: read(() => 'ɵcmp' in (ctor as AnyRecord), false),
+    };
+    metas.set(ctor, value);
+    return value;
+  };
+
+  const inputRow = (ctor: Ctor, input: string, parent: unknown): CdInputStat | null => {
+    const name = className(ctor as { name?: string });
+    const key = `${name}\u0000${input}`;
+    let row = inputRows.get(key);
+    if (!row) {
+      if (inputRows.size >= MAX_INPUT_ROWS) return null;
+      const parentCtor = ctorOf(parent);
+      const parentMeta =
+        parentCtor && parent && typeof parent === 'object' ? metaOf(parent, parentCtor) : null;
+      row = {
+        name,
+        input: cut(input),
+        ...(parentMeta?.component ? { parent: nameOf(parent) } : {}),
+        inPlace: 0,
+        sameContents: 0,
+      };
+      inputRows.set(key, row);
+    }
+    return row;
+  };
+
+  /** Compares the inputs with the last check; true when one got a new reference. */
+  const compareInputs = (instance: object, ctor: Ctor, meta: ClassMeta, parent: unknown) => {
+    if (!meta.inputs.length) return false;
+    let before = seen.get(instance);
+    if (!before) {
+      before = new Map();
+      seen.set(instance, before);
+    }
+    let renewed = false;
+    for (const [name, prop] of meta.inputs) {
+      const value = inputValue(instance, prop);
+      const items = itemsOf(value);
+      const old = before.get(prop);
+      before.set(prop, items ? { ref: value, items } : { ref: value });
+      if (!old) continue;
+      if (!Object.is(old.ref, value)) {
+        renewed = true;
+        if (inSync && old.items && items && sameItems(old.items, items)) {
+          const row = inputRow(ctor, name, parent);
+          if (row) row.sameContents++;
+        }
+      } else if (inSync && old.items && items && !sameItems(old.items, items)) {
+        const row = inputRow(ctor, name, parent);
+        if (row) row.inPlace++;
+      }
+    }
+    return renewed;
+  };
+
+  const countClass = (ctor: Ctor) => {
+    let stat = classes.get(ctor);
+    if (!stat) {
+      if (classes.size >= MAX_CLASSES) {
+        untracked++;
+        return null;
+      }
+      stat = { refreshed: 0, unchanged: 0, zone: 0, tasks: [] };
+      classes.set(ctor, stat);
+    }
+    return stat;
+  };
+
+  const onComponentEnd = (instance: unknown) => {
+    credit();
+    const frame = frames.pop();
+    if (!frame || !current || !instance || typeof instance !== 'object') return;
+    const ctor = ctorOf(instance);
+    if (!ctor) return;
+    const meta = metaOf(instance, ctor);
+    const parent = frames.at(-1);
+    const renewed = compareInputs(instance, ctor, meta, parent?.first);
+    // The parent's template set the new reference, so the parent's check did something.
+    if (renewed && parent) parent.changed = true;
+    if (!inSync || frame.first !== instance) return;
+    current.refreshed++;
+    const stat = countClass(ctor);
+    if (!frame.changed) {
+      current.unchanged++;
+      if (stat) stat.unchanged++;
+    } else if (stat && current.cause.kind === 'zone') {
+      stat.zone++;
+      const task = current.cause.task;
+      if (task && stat.tasks.length < MAX_TASKS && !stat.tasks.includes(task))
+        stat.tasks.push(task);
+    }
+    if (stat) stat.refreshed++;
+  };
+
+  const onEvent = (event: number, instance: unknown, hook: unknown, cycleId: number | null) => {
+    if (!active) return;
+    switch (event) {
+      case PROFILER_EVENT.OutputStart:
+        if (depth === 0 && pending?.source === NOTIFY.Listener && pending.owner === undefined) {
+          pending.owner = instance;
+          pending.listener = hook;
+        }
+        return;
+      case PROFILER_EVENT.ChangeDetectionStart: {
+        // DOM updates from before the tick belong to no check.
+        if (depth === 0 && observer) read(() => observer!.takeRecords(), []);
+        const info: CycleInfo = { cause: causeOf(), refreshed: 0, unchanged: 0 };
+        pending = null;
+        if (current) cycleStack.push({ info: current, frames, inSync });
+        depth++;
+        current = info;
+        frames = [];
+        inSync = false;
+        causes[info.cause.kind] = (causes[info.cause.kind] ?? 0) + 1;
+        if (cycleId !== null) {
+          cycles.set(cycleId, info);
+          // The recorder keeps `maxCycles`; ids past that are no longer asked for.
+          while (cycles.size > options.maxCycles) cycles.delete(cycles.keys().next().value!);
+        }
+        return;
+      }
+      case PROFILER_EVENT.ChangeDetectionSyncStart:
+        inSync = true;
+        return;
+      case PROFILER_EVENT.ChangeDetectionSyncEnd:
+        inSync = false;
+        return;
+      case PROFILER_EVENT.ComponentStart:
+        if (!depth) return;
+        credit();
+        frames.push({ first: NONE, changed: false });
+        return;
+      case PROFILER_EVENT.TemplateUpdateStart: {
+        const top = frames.at(-1);
+        if (depth && top && top.first === NONE) top.first = instance;
+        return;
+      }
+      case PROFILER_EVENT.ComponentEnd:
+        if (depth) onComponentEnd(instance);
+        return;
+      case PROFILER_EVENT.ChangeDetectionEnd: {
+        if (!depth) return;
+        if (observer) read(() => observer!.takeRecords(), []);
+        depth--;
+        const outer = cycleStack.pop();
+        current = outer?.info ?? null;
+        frames = outer?.frames ?? [];
+        inSync = outer?.inSync ?? false;
+        return;
+      }
+    }
+  };
+
+  const hookScheduler = () => {
+    const document = doc();
+    const roots = document ? read(() => [...document.querySelectorAll('[ng-version]')], []) : [];
+    scheduler = findCdScheduler(options.getNg(), roots);
+    const target = scheduler;
+    if (!target) return;
+    const own = Object.prototype.hasOwnProperty.call(target, 'notify');
+    const original = target.notify;
+    const wrapper = function (this: unknown, source: number) {
+      try {
+        onNotify(source);
+      } catch {
+        // Attribution never breaks Angular's scheduling.
+      }
+      return original.call(this, source);
+    };
+    target.notify = wrapper;
+    unwrap = () => {
+      if (target.notify !== wrapper) return;
+      if (own) target.notify = original;
+      else delete (target as Partial<SchedulerLike>).notify;
+    };
+  };
+
+  const watchDom = () => {
+    const document = doc();
+    const Observer = read(
+      () => global()['MutationObserver'] as typeof MutationObserver | undefined,
+      undefined,
+    );
+    if (!document?.documentElement || typeof Observer !== 'function') return;
+    observer = read(() => {
+      const created = new Observer(() => {});
+      created.observe(document.documentElement, {
+        subtree: true,
+        childList: true,
+        attributes: true,
+        characterData: true,
+      });
+      return created;
+    }, null);
+  };
+
+  const reset = () => {
+    pending = null;
+    depth = 0;
+    inSync = false;
+    frames = [];
+    cycleStack = [];
+    current = null;
+    cycles = new Map();
+    causes = {};
+    classes = new Map();
+    untracked = 0;
+    inputRows = new Map();
+    seen = new WeakMap();
+  };
+
+  const unhook = () => {
+    unwrap?.();
+    unwrap = null;
+    scheduler = null;
+    observer?.disconnect();
+    observer = null;
+    removeWriteHook?.();
+    removeWriteHook = null;
+  };
+
+  return {
+    onEvent,
+    /** Starts a fresh diagnosis and hooks into the page. */
+    start() {
+      unhook();
+      reset();
+      active = true;
+      started = true;
+      const run = ++generation;
+      hookScheduler();
+      watchDom();
+      hooked = { triggers: scheduler !== null, waste: observer !== null };
+      void writeHook(onWrite)
+        .then((remove) => {
+          // Stopped, or started again, while the hook loaded.
+          if (run !== generation || !active) remove?.();
+          else removeWriteHook = remove;
+        })
+        .catch(() => {});
+    },
+    /** Stops and unhooks, keeping what was found. */
+    stop() {
+      active = false;
+      generation++;
+      unhook();
+      pending = null;
+      depth = 0;
+      inSync = false;
+      frames = [];
+      cycleStack = [];
+      current = null;
+    },
+    clear() {
+      reset();
+    },
+    /** The cause and check counts of a cycle, by the recorder's id. */
+    cycle(id: number): { cause?: CdCause; refreshed?: number; unchanged?: number } {
+      const info = cycles.get(id);
+      if (!info) return {};
+      return {
+        cause: info.cause,
+        ...(info.refreshed ? { refreshed: info.refreshed } : {}),
+        ...(info.unchanged ? { unchanged: info.unchanged } : {}),
+      };
+    },
+    /** Totals over the recording, or undefined before the first start. */
+    snapshot(major?: number): CdDiagnosis | undefined {
+      if (!started) return undefined;
+      const components: CdWasteStat[] = [...classes]
+        .filter(([, stat]) => stat.refreshed > 0)
+        .map(([ctor, stat]) => {
+          const strategy = metas.get(ctor)?.strategy;
+          return {
+            name: className(ctor as { name?: string }),
+            refreshed: stat.refreshed,
+            unchanged: stat.unchanged,
+            ...(strategy ? { strategy } : {}),
+          };
+        })
+        .sort((a, b) => b.unchanged - a.unchanged || b.refreshed - a.refreshed)
+        .slice(0, LISTED_CLASSES);
+      const inputs = [...inputRows.values()]
+        .filter((row) => row.inPlace || row.sameContents)
+        .sort((a, b) => b.inPlace - a.inPlace || b.sameContents - a.sameContents)
+        .slice(0, LISTED_ROWS)
+        .map((row) => ({ ...row }));
+      const zone: CdZoneStat[] = [...classes]
+        .filter(([, stat]) => stat.zone > 0)
+        .map(([ctor, stat]) => ({
+          name: className(ctor as { name?: string }),
+          ticks: stat.zone,
+          ...(stat.tasks.length ? { tasks: [...stat.tasks] } : {}),
+        }))
+        .sort((a, b) => b.ticks - a.ticks)
+        .slice(0, LISTED_ROWS);
+      return {
+        triggers: hooked.triggers,
+        waste: hooked.waste,
+        ...(major ? { major } : {}),
+        causes: { ...causes },
+        components,
+        ...(inputs.length ? { inputs } : {}),
+        ...(zone.length ? { zone } : {}),
+      };
+    },
+    /** Classes refreshed past the 1000 the diagnosis keeps totals for. */
+    get untracked() {
+      return untracked;
+    },
+  };
+}
+
+export type CdDiagnosisRecorder = ReturnType<typeof createCdDiagnosis>;
diff --git a/packages/devtools/src/cd-overlay.ts b/packages/devtools/src/cd-overlay.ts
index 9fb1cfd7..43194f0e 100644
--- a/packages/devtools/src/cd-overlay.ts
+++ b/packages/devtools/src/cd-overlay.ts
@@ -1,4 +1,5 @@
-import { addProfilerListener } from './change-detection.ts';
+import { addProfilerListener, angularMajor, type Profiler } from './change-detection.ts';
+import { createCdDiagnosis } from './cd-diagnosis.ts';
 import { createDeltaChannel } from './delta-channel.ts';
 import { CHANGE_DETECTION_SHAPE } from './push-delta.ts';
 import { toCdOptionsRequest } from './cd-data.ts';
@@ -35,6 +36,12 @@ export function attachChangeDetection(
   active: () => boolean = () => true,
 ) {
   const recorder = createCdRecorder({ maxCycles });
+  const diagnosis = createCdDiagnosis({ getNg, maxCycles });
+  // The diagnosis reads each event after the recorder, with the id it gave the cycle.
+  const onEvent: Profiler = (event, instance, hook) => {
+    recorder.onEvent(event, instance, hook);
+    diagnosis.onEvent(event, instance, hook, recorder.cycleId);
+  };
   const live = createCdLive({ getNg });
   const hostIds = new WeakMap<object, string>();
   let removeListener: (() => void) | null = null;
@@ -68,24 +75,32 @@ export function attachChangeDetection(
 
   const setRecording = (on: boolean) => {
     if (on) {
-      removeListener ??= addProfilerListener(getNg(), recorder.onEvent);
+      removeListener ??= addProfilerListener(getNg(), onEvent);
       supported = removeListener !== null;
       // A second start, such as an agent start sent to every tab, keeps the
       // recording that is running. Only `clear` empties it.
-      if (supported && !recorder.recording) recorder.start();
+      if (supported && !recorder.recording) {
+        recorder.start();
+        diagnosis.start();
+      }
       return;
     }
     recorder.stop();
+    diagnosis.stop();
     removeListener?.();
     removeListener = null;
   };
 
   const collect = (): Record<string, unknown> => {
     const options = live.report();
+    const recording = recorder.snapshot(hostId);
+    const found = diagnosis.snapshot(angularMajor());
     const report: CdReport = {
       pageId,
       supported,
-      ...recorder.snapshot(hostId),
+      ...recording,
+      cycles: recording.cycles.map((cycle) => ({ ...cycle, ...diagnosis.cycle(cycle.id) })),
+      ...(found ? { diagnosis: found } : {}),
       ...(options ? { options } : {}),
     };
     return { ...report };
@@ -110,7 +125,10 @@ export function attachChangeDetection(
     handler: (message: { pageId?: unknown; on?: unknown; clear?: unknown } | null) => {
       if (typeof message?.pageId === 'string' && message.pageId !== pageId) return;
       if (typeof message?.on === 'boolean') setRecording(message.on);
-      if (message?.clear === true) recorder.clear();
+      if (message?.clear === true) {
+        recorder.clear();
+        diagnosis.clear();
+      }
       void push(true).catch(() => {});
     },
   });
diff --git a/packages/devtools/src/cd-recorder.ts b/packages/devtools/src/cd-recorder.ts
index 33235aee..865e07a9 100644
--- a/packages/devtools/src/cd-recorder.ts
+++ b/packages/devtools/src/cd-recorder.ts
@@ -23,6 +23,7 @@ import { className } from './injector-tree.ts';
  * the enum in `@angular/core/fesm2022/_debug_node-chunk.mjs` (Angular 22).
  */
 export const PROFILER_EVENT = {
+  TemplateUpdateStart: 2,
   LifecycleHookStart: 4,
   LifecycleHookEnd: 5,
   OutputStart: 6,
@@ -30,6 +31,7 @@ export const PROFILER_EVENT = {
   ChangeDetectionStart: 12,
   ChangeDetectionEnd: 13,
   ChangeDetectionSyncStart: 14,
+  ChangeDetectionSyncEnd: 15,
   AfterRenderHooksStart: 16,
   AfterRenderHooksEnd: 17,
   ComponentStart: 18,
@@ -411,6 +413,10 @@ export function createCdRecorder(options: {
     get recording() {
       return recording;
     },
+    /** The id of the cycle that is running, or null between cycles. */
+    get cycleId(): number | null {
+      return current?.id ?? null;
+    },
     /** True while the recorder holds cycles, recording or stopped. */
     get hasCycles() {
       return cycles.length > 0;
diff --git a/packages/devtools/src/config.ts b/packages/devtools/src/config.ts
index 79642420..796e8c12 100644
--- a/packages/devtools/src/config.ts
+++ b/packages/devtools/src/config.ts
@@ -337,6 +337,16 @@ export const PANEL_TABS = [
 
 export type PanelTab = (typeof PANEL_TABS)[number]['id'];
 
+/**
+ * Navigations a destroyed component has to outlive, along with
+ * {@link RETAINED_AFTER_MS}, before the leak views call it still retained. The
+ * garbage collector runs when it likes, so an instance still there right
+ * after one navigation says little. The panel and `find-leaks` share these.
+ */
+export const RETAINED_AFTER_NAVIGATIONS = 2;
+/** Time a destroyed component has to outlive before it counts as still retained. */
+export const RETAINED_AFTER_MS = 10_000;
+
 /** 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]);
@@ -785,6 +795,7 @@ export const AGENT_SAFETY: Record<string, Exclude<AgentSafety, 'read'>> = {
   'set-http-rule': 'action',
   'remove-http-rule': 'action',
   'record-pipes': 'action',
+  'track-subscriptions': 'action',
   'watch-signal': 'action',
   'change-detection': 'action',
   hydration: 'action',
@@ -869,6 +880,9 @@ export const RPC_INSPECTOR: Record<string, PangularInspector> = {
   'request-hydration-overlay': 'components',
   'request-component-value': 'components',
   'component-value-result': 'components',
+  'push-leaks': 'components',
+  'forget-leaks-page': 'components',
+  'request-leak-tracking': 'components',
   'get-signals': 'signals',
   'push-signal-graph': 'signals',
   'ping-signal-graph': 'signals',
@@ -880,6 +894,7 @@ export const RPC_INSPECTOR: Record<string, PangularInspector> = {
   'push-injector-tree': 'injectors',
   'ping-injector-tree': 'injectors',
   'forget-injector-page': 'injectors',
+  'explain-injection': 'injectors',
   'get-ngrx-store': 'ngrx',
   'push-ngrx-state': 'ngrx',
   'forget-ngrx-page': 'ngrx',
@@ -944,13 +959,17 @@ export const AGENT_INSPECTOR: Record<string, PangularInspector> = {
   'for-blocks': 'components',
   hydration: 'components',
   'change-detection': 'components',
+  'diagnose-change-detection': 'components',
   'set-component-property': 'components',
   'set-signal': 'components',
+  'find-leaks': 'components',
+  'track-subscriptions': 'components',
   'signal-graph': 'signals',
   'inspect-signals': 'signals',
   'watch-signal': 'signals',
   'injector-tree': 'injectors',
   'inspect-providers': 'injectors',
+  'explain-injection': 'injectors',
   'ngrx-store': 'ngrx',
   'dispatch-ngrx-action': 'ngrx',
   'inspect-signal-store': 'ngrx',
@@ -1004,6 +1023,7 @@ export const AGENT_INSPECTOR: Record<string, PangularInspector> = {
 export const SHARED_STATE_INSPECTOR: Record<string, PangularInspector> = {
   'component-tree': 'components',
   'change-detection': 'components',
+  leaks: 'components',
   'signal-graph': 'signals',
   'injector-tree': 'injectors',
   'ngrx-store': 'ngrx',
@@ -1051,13 +1071,17 @@ export const PAGE_AGENT_ENTRIES: readonly string[] = [
   'for-blocks',
   'hydration',
   'change-detection',
+  'diagnose-change-detection',
   'set-component-property',
   'set-signal',
+  'find-leaks',
+  'track-subscriptions',
   'signal-graph',
   'inspect-signals',
   'watch-signal',
   'injector-tree',
   'inspect-providers',
+  'explain-injection',
   'ngrx-store',
   'dispatch-ngrx-action',
   'inspect-signal-store',
@@ -1251,6 +1275,115 @@ export interface CdCycle {
   spans?: CdSpan[];
   /** Spans left out of `spans` past the cap. */
   droppedSpans?: number;
+  /** What started the cycle, from the recording's trigger attribution (`cd-diagnosis.ts`). */
+  cause?: CdCause;
+  /** Component checks where Angular ran the template, the dev-mode checkNoChanges pass left out. */
+  refreshed?: number;
+  /** Refreshed checks where nothing the component renders changed. */
+  unchanged?: number;
+}
+
+/**
+ * What started a change detection cycle:
+ * - `event`: a template listener (DOM event or output), or a DOM event handler that notified Angular.
+ * - `http`: code that ran on an HTTP response.
+ * - `timer`: code that ran in a timer, as zone.js reports it.
+ * - `signal`: a signal write that marked a template for check.
+ * - `effect`: a signal write that scheduled an effect.
+ * - `markForCheck`: `ChangeDetectorRef.markForCheck()`, such as the async pipe.
+ * - `input`: `ComponentRef.setInput()`.
+ * - `view`: a view attached or detached, a defer block, an afterRender registration or animations.
+ * - `tick`: app code called `ApplicationRef.tick()`.
+ * - `zone`: zone.js ran the tick and nothing notified Angular before it, so only zone.js picked the change up.
+ * - `unknown`: Angular's scheduler ran a tick the recording saw no notification for.
+ */
+export type CdCauseKind =
+  | 'event'
+  | 'http'
+  | 'timer'
+  | 'signal'
+  | 'effect'
+  | 'markForCheck'
+  | 'input'
+  | 'view'
+  | 'tick'
+  | 'zone'
+  | 'unknown';
+
+/** What started one cycle. The text form is `cdCauseText` in `cd-data.ts`. */
+export interface CdCause {
+  kind: CdCauseKind;
+  /** For `http`, `timer` and an `event` outside a template listener: how the code told Angular. */
+  via?: CdCauseKind;
+  /** The component class: the listener's owner for an event, else the class of the first app frame. */
+  component?: string;
+  /** The template listener's function name. */
+  listener?: string;
+  /** The DOM event type, such as `click`. */
+  event?: string;
+  /** The event target's tag, such as `button`. */
+  target?: string;
+  /** The `debugName` of the signal written, `?` for an unnamed one. */
+  signal?: string;
+  /** The zone.js task the code ran in, such as `setTimeout` or `XMLHttpRequest.send`. */
+  task?: string;
+  /** True when zone.js (`NgZone`) ran the tick rather than Angular's zoneless scheduler. */
+  zone?: boolean;
+  /** The first app frames of the code that notified Angular or called `tick()`. */
+  stack?: string[];
+  /** More notifications that came before the same tick. */
+  more?: number;
+}
+
+/** Refreshed and unchanged checks of one component class over a recording. */
+export interface CdWasteStat {
+  name: string;
+  /** Checks where Angular ran the component's template. */
+  refreshed: number;
+  /** Refreshed checks where nothing it renders changed: no DOM update and no new input reference for a child. */
+  unchanged: number;
+  /** The class's change detection strategy, from `ng.getDirectiveMetadata`. */
+  strategy?: 'OnPush' | 'Eager';
+}
+
+/** One input of one component class that broke OnPush during a recording. */
+export interface CdInputStat {
+  /** The component class that declares the input. */
+  name: string;
+  input: string;
+  /** The component class whose template set it, when the recording saw it. */
+  parent?: string;
+  /** Checks where the input kept its reference but its contents changed (mutated in place). */
+  inPlace: number;
+  /** Checks where the input got a new reference with the same contents. */
+  sameContents: number;
+}
+
+/** A component class that changed only in ticks zone.js started with no Angular notification. */
+export interface CdZoneStat {
+  name: string;
+  /** Zone-only ticks in which it changed. */
+  ticks: number;
+  /** The zone.js tasks behind those ticks, at most 3, such as `setTimeout`. */
+  tasks?: string[];
+}
+
+/** Trigger attribution and wasted checks over a recording. */
+export interface CdDiagnosis {
+  /** Whether the page found Angular's change detection scheduler, so cycles carry a cause. */
+  triggers: boolean;
+  /** Whether the page could watch DOM updates, so unchanged checks are counted. */
+  waste: boolean;
+  /** The page's Angular major version, for the OnPush hint. */
+  major?: number;
+  /** Cycles per cause kind. */
+  causes: Partial<Record<CdCauseKind, number>>;
+  /** Component classes by unchanged checks, at most 100. */
+  components: CdWasteStat[];
+  /** Inputs mutated in place or given equal new references, at most 50. */
+  inputs?: CdInputStat[];
+  /** Components that changed only in zone.js ticks, at most 50. */
+  zone?: CdZoneStat[];
 }
 
 /** What a {@link CdSpan} measures. */
@@ -1328,6 +1461,8 @@ export interface CdRecording {
   afterRender?: CdAfterRenderStat;
   /** Names the cycles' `spans` point to. */
   spanNames?: string[];
+  /** Trigger attribution, wasted checks and OnPush hints, on pages that record them. */
+  diagnosis?: CdDiagnosis;
 }
 
 /** The change detection views a page shows while it runs, turned on from the panel or an agent. */
diff --git a/packages/devtools/src/devframe.ts b/packages/devtools/src/devframe.ts
index 5ccdd802..f01a76d3 100644
--- a/packages/devtools/src/devframe.ts
+++ b/packages/devtools/src/devframe.ts
@@ -25,7 +25,9 @@ import {
 } from './rpc/hydration-tools.ts';
 import { registerConsoleGlobals } from './rpc/console-globals.ts';
 import { registerErrors } from './rpc/errors-register.ts';
+import { registerLeaks } from './rpc/leaks-register.ts';
 import { inspectProvidersText } from './rpc/injector-tools.ts';
+import { registerInjectionExplain } from './rpc/injection-explain.ts';
 import { sanitizeInjectorTree } from './rpc/injector-report.ts';
 import { createFrameworkNames, markFramework } from './rpc/framework-tokens.ts';
 import { lintPipes, lintPipesText } from './rpc/pipe-lint.ts';
@@ -200,6 +202,7 @@ import {
   type CdState,
 } from './rpc/cd-tools.ts';
 import { cdExportText } from './rpc/cd-export-tools.ts';
+import { cdDiagnosisText } from './rpc/cd-diagnosis-tools.ts';
 import { toCdOptionsRequest } from './cd-data.ts';
 import type { HttpPage, HttpPayloadState, HttpReport, HttpState } from './types.ts';
 
@@ -743,6 +746,17 @@ const pangular = defineDevframe({
           ttl: liveTtl,
         })
       : null;
+    const leaksInspector = on.components
+      ? await registerLeaks({
+          my,
+          rpcHost: ctx.rpc,
+          register,
+          agent,
+          owns,
+          mayForget,
+          ttl: liveTtl,
+        })
+      : null;
 
     const routerPages = new Map<string, RouterPage>();
     const routerState = await my.rpc.sharedState('router', {
@@ -1174,6 +1188,7 @@ const pangular = defineDevframe({
       if (expireNgrxPages(ngrxPages, Date.now(), liveTtl)) applyNgrx();
       if (expireCapacitorPages(capacitorPages, Date.now(), liveTtl)) applyCapacitor();
       errorsInspector?.expire();
+      leaksInspector?.expire();
       componentDeltas.prune((id) => componentPages.has(id));
       injectorDeltas.prune((id) => injectorPages.has(id));
       cdDeltas.prune((id) => cdPages.has(id));
@@ -2869,6 +2884,37 @@ const pangular = defineDevframe({
       },
     });
 
+    agent.registerTool({
+      id: 'pangular:diagnose-change-detection',
+      description:
+        'Why change detection ran and what it wasted, from the recording `pangular:change-detection` or the panel started (Angular 20+, development build). Lists what started each cycle (a DOM event with its type, target and listener component, a signal write with the signal name, an HTTP response, a timer, markForCheck, setInput, an effect, `ApplicationRef.tick()` from app code with its app frames, or a zone.js tick nothing in Angular asked for), the components that changed only in such zone.js ticks and so depend on zone.js, refreshed checks that changed nothing per component, inputs mutated in place or given an equal new reference (both break OnPush), and OnPush hints for components refreshed often that rarely change. While recording, the page wraps Angular\'s scheduler `notify`, adds a signal write hook and watches DOM updates; all three stop with the recording. Only reads. Empty until a recording ran: start one with `pangular:change-detection` and `record: "start"`.',
+      inputSchema: {
+        type: 'object',
+        properties: {
+          page: { type: 'string', description: 'Page id; defaults to the page that is recording.' },
+          limit: { type: 'number', description: 'Rows per list (default 10, max 50).' },
+        },
+      },
+      handler: async (args: { page?: string; limit?: number }) => {
+        const unknown =
+          args?.page &&
+          cdUnknownPageText(
+            args.page,
+            cdState.value() as CdState,
+            [...componentPages.values(), ...injectorPages.values()].filter(
+              (page) => !goneCdPages.has(page.pageId),
+            ),
+          );
+        if (unknown) return { markdown: unknown };
+        const cd = cdState.value() as CdState;
+        const zonePage = args?.page ?? pickCdPage(cd)?.pageId;
+        const injectors = zonePage ? injectorPages.get(zonePage) : latestInjectorPage();
+        const mode = injectors ? zoneModeText(injectors.zone, injectors.pageId) : '';
+        const text = cdDiagnosisText(cd, args ?? {}, angularPages.get);
+        return { markdown: [mode, text].filter(Boolean).join('\n\n') };
+      },
+    });
+
     agent.registerTool({
       id: 'pangular:inspect-signals',
       description:
@@ -3030,6 +3076,21 @@ const pangular = defineDevframe({
       },
     });
 
+    registerInjectionExplain({
+      register,
+      agent,
+      page: (requested) => {
+        if (requested && !injectorPages.has(requested)) {
+          return {
+            error: unknownPageText(requested, [...injectorPages.values()], 'an injector tree'),
+          };
+        }
+        const page = requested ? injectorPages.get(requested) : latestInjectorPage();
+        const angular = angularPages.pick(page?.pageId ?? requested);
+        return { page, reduced: angular?.capabilities.injectorProviders === false };
+      },
+    });
+
     const noRouter = `No router state has been reported. Live data needs a page: connect through the MCP endpoint of the server that runs the app, with the app open in a browser. The stdio server has no page attached and only ever reports this.`;
     const pageProperty = PAGE_ARGUMENT;
 
diff --git a/packages/devtools/src/dom-diff.ts b/packages/devtools/src/dom-diff.ts
new file mode 100644
index 00000000..a531150c
--- /dev/null
+++ b/packages/devtools/src/dom-diff.ts
@@ -0,0 +1,75 @@
+// A line diff of two DOM descriptions, such as the server HTML Angular expected
+// and the client DOM it found when hydration failed (NG0500 to NG0502).
+
+/** One line of a diff: in both, only in what was expected (server), or only in what was found (client). */
+export interface DiffLine {
+  op: 'same' | 'expected' | 'actual';
+  text: string;
+}
+
+/** Lines compared at most per side; the rest is dropped, so the table stays small. */
+export const MAX_DIFF_LINES = 80;
+
+/** Angular marks the node it means with this text (`AT_THIS_LOCATION` in `@angular/core`). */
+const AT_THIS_LOCATION = /\s*<-- AT THIS LOCATION\s*$/;
+
+function lines(text: string): string[] {
+  return text
+    .replace(/\r\n?/g, '\n')
+    .split('\n')
+    .map((line) => line.replace(/\s+$/, ''))
+    .filter((line) => line.trim() !== '')
+    .slice(0, MAX_DIFF_LINES);
+}
+
+/** The line without Angular's location marker, so a marked line matches its unmarked twin. */
+const comparable = (line: string) => line.replace(AT_THIS_LOCATION, '').trim();
+
+/**
+ * Compares two DOM descriptions line by line (longest common subsequence),
+ * ignoring indentation and Angular's `<-- AT THIS LOCATION` marker when
+ * matching. Lines in both are `same`, lines only Angular expected are
+ * `expected`, lines only the client DOM has are `actual`. Either side may be
+ * empty, as when Angular found no node at all.
+ */
+export function diffDom(expected: string | undefined, actual: string | undefined): DiffLine[] {
+  const a = lines(expected ?? '');
+  const b = lines(actual ?? '');
+  const ka = a.map(comparable);
+  const kb = b.map(comparable);
+  // lcs[i][j]: the longest common run of a[i..] and b[j..].
+  const lcs: number[][] = Array.from({ length: a.length + 1 }, () =>
+    new Array<number>(b.length + 1).fill(0),
+  );
+  for (let i = a.length - 1; i >= 0; i--) {
+    for (let j = b.length - 1; j >= 0; j--) {
+      lcs[i]![j] =
+        ka[i] === kb[j] ? lcs[i + 1]![j + 1]! + 1 : Math.max(lcs[i + 1]![j]!, lcs[i]![j + 1]!);
+    }
+  }
+  const out: DiffLine[] = [];
+  let i = 0;
+  let j = 0;
+  while (i < a.length && j < b.length) {
+    if (ka[i] === kb[j]) {
+      // Keep the client's line: it carries the marker when only the client side has one.
+      out.push({ op: 'same', text: AT_THIS_LOCATION.test(a[i]!) ? a[i]! : b[j]! });
+      i++;
+      j++;
+    } else if (lcs[i + 1]![j]! >= lcs[i]![j + 1]!) {
+      out.push({ op: 'expected', text: a[i++]! });
+    } else {
+      out.push({ op: 'actual', text: b[j++]! });
+    }
+  }
+  while (i < a.length) out.push({ op: 'expected', text: a[i++]! });
+  while (j < b.length) out.push({ op: 'actual', text: b[j++]! });
+  return out;
+}
+
+/** The diff as unified text: two spaces, `-` for the server side and `+` for the client side. */
+export function diffText(diff: readonly DiffLine[]): string {
+  return diff
+    .map((line) => `${line.op === 'same' ? ' ' : line.op === 'expected' ? '-' : '+'} ${line.text}`)
+    .join('\n');
+}
diff --git a/packages/devtools/src/error-explain.ts b/packages/devtools/src/error-explain.ts
new file mode 100644
index 00000000..9fc38878
--- /dev/null
+++ b/packages/devtools/src/error-explain.ts
@@ -0,0 +1,344 @@
+// Page side of the Errors explainers: reads what Angular puts in an NG0100, a
+// hydration mismatch (NG0500 to NG0503) or a missing provider (NG0201,
+// NullInjectorError) error, and adds what the page knows when the group is
+// pushed: the component fields that hold the new value, the named signals
+// written with it just before the check, and the hydration info Angular left
+// on the component host. Nothing here writes to the app or runs its code.
+
+import { readHydration, type HydrationDebugNg } from './hydration.ts';
+import { isSecretName, REDACTED, redactText } from './serialize.ts';
+import { clip } from './text.ts';
+import type { ErrorExplain, ExplainWrite } from './rpc/error-explain-tools.ts';
+import { MAX_DOM_TEXT, MAX_VALUE_TEXT } from './rpc/error-explain-tools.ts';
+import type { SignalChange } from './types.ts';
+
+type AnyRecord = Record<string, unknown>;
+
+/** How far back a signal write counts as the one behind an NG0100. */
+export const WRITE_WINDOW_MS = 2000;
+/** Signal writes the page remembers for the explainer. */
+export const MAX_RECENT_WRITES = 50;
+/** Own fields of a component compared with the new value. */
+const MAX_FIELDS = 200;
+/** Longest error message read; Angular's hydration messages carry the DOM. */
+const MAX_RAW_MESSAGE = 20_000;
+
+function read<T>(fn: () => T, fallback: T): T {
+  try {
+    return fn();
+  } catch {
+    return fallback;
+  }
+}
+
+/** The whole message of an error, before it is cut for the list. */
+export function rawMessage(value: unknown): string {
+  if (typeof value === 'string') return value.slice(0, MAX_RAW_MESSAGE);
+  const message = read(() => (value as AnyRecord | null)?.['message'], undefined);
+  return typeof message === 'string' ? message.slice(0, MAX_RAW_MESSAGE) : '';
+}
+
+const HYDRATION_CODES = new Set(['NG0500', 'NG0501', 'NG0502', 'NG0503']);
+
+/**
+ * The compiled template function on a stack, such as `App_Template` or
+ * `App_Conditional_2_Template`: the template the binding sits in.
+ */
+export function templateOf(stack: string | undefined): string | undefined {
+  for (const line of (stack ?? '').split('\n').slice(0, 40)) {
+    const match = /(?:^|[\s.@(])_?([A-Za-z$][\w$]*?_(?:[\w$]+_)*Template)(?![\w$])/.exec(line);
+    if (match && !/_listener$/.test(match[1]!)) return clip(match[1]!, 120);
+  }
+  return undefined;
+}
+
+/** The parts of Angular's NG0100 message (`throwErrorIfNoChangesMode` in `@angular/core`). */
+export function parseExpressionChanged(message: string): {
+  binding?: string;
+  previous: string;
+  current: string;
+  creation: boolean;
+} | null {
+  const match =
+    /Previous value(?: for '([^']*)')?: '([\s\S]*?)'\. Current value: '([\s\S]*?)'\.(?=\s|$)/.exec(
+      message,
+    );
+  if (!match) return null;
+  return {
+    ...(match[1] ? { binding: match[1] } : {}),
+    previous: match[2]!,
+    current: match[3]!,
+    creation: /view has been created after its parent/.test(message),
+  };
+}
+
+/** The paragraph after `label` in Angular's hydration message, up to the next blank line. */
+function section(message: string, label: string): string | undefined {
+  const start = message.indexOf(label);
+  if (start < 0) return undefined;
+  const rest = message.slice(start + label.length).replace(/^\s*\n/, '');
+  const end = rest.search(/\n\s*\n/);
+  const text = (end < 0 ? rest : rest.slice(0, end)).replace(/\s+$/, '');
+  return text.trim() ? text : undefined;
+}
+
+/**
+ * What Angular's hydration message says (`validateMatchingNode`,
+ * `validateSiblingNodeExists`, `validateNodeExists` in `@angular/core`): its
+ * first sentence, the DOM it expected and the DOM it found.
+ */
+export function parseHydrationMismatch(message: string): {
+  summary?: string;
+  expected?: string;
+  actual?: string;
+  external: boolean;
+} {
+  const body = message.replace(/^NG0\d+:\s*/, '');
+  const summary = body.split(/\n\s*\n/)[0]?.trim();
+  let expected = section(body, 'Angular expected this DOM:');
+  const actual = section(body, 'Actual DOM is:');
+  // NG0502 puts the expected DOM right after its first sentence, with no label.
+  if (!expected && /expected an element to be present/.test(body)) {
+    const next = body.split(/\n\s*\n/)[1]?.replace(/\s+$/, '');
+    if (next && /^\s*[<#…]/.test(next)) expected = next;
+  }
+  return {
+    ...(summary ? { summary: clip(summary, 500) } : {}),
+    ...(expected ? { expected: clip(expected, MAX_DOM_TEXT) } : {}),
+    ...(actual ? { actual: clip(actual, MAX_DOM_TEXT) } : {}),
+    external: /third-party script or browser extension/.test(body),
+  };
+}
+
+/** `InjectionToken API_URL` reads `API_URL`, like the Injectors tab names it. */
+const bareToken = (name: string) => name.trim().replace(/^InjectionToken\s+/, '');
+
+/**
+ * The token, dependency path and source Angular puts in a missing provider
+ * error: `NG0201: No provider found for \`Api\`. Source: Standalone[App]. Path:
+ * App -> Api.` from 20.0 on, `R3InjectorError(AppModule)[Api -> Http]:
+ * NullInjectorError: No provider for Http!` before, and `No provider for Api
+ * found in NodeInjector` from an element injector.
+ */
+export function parseMissingProvider(
+  message: string,
+): { token: string; path?: string[]; source?: string } | null {
+  let token =
+    /No provider found for `([^`]+)`/.exec(message)?.[1] ??
+    /No provider for (.+?)(?: found in [\w$]+|!)/.exec(message)?.[1];
+  let path: string[] | undefined;
+  let source: string | undefined;
+  const newPath = / Path: (.+?)\.(?:\s|$)/.exec(message)?.[1];
+  const oldError = /R3InjectorError\(([^)]*)\)\[([^\]]+)\]/.exec(message);
+  if (newPath) path = newPath.split(' -> ');
+  else if (oldError) path = oldError[2]!.split(' -> ');
+  source =
+    / Source: (.+?)\.(?: |$)/.exec(message)?.[1] ??
+    oldError?.[1] ??
+    / found in ([\w$]+)/.exec(message)?.[1];
+  path = path?.map(bareToken).filter(Boolean);
+  if (!token && path?.length) token = path.at(-1);
+  if (!token) return null;
+  return {
+    token: clip(bareToken(token), 120),
+    ...(path?.length ? { path: path.slice(0, 20).map((name) => clip(name, 120)) } : {}),
+    ...(source ? { source: clip(source, 120) } : {}),
+  };
+}
+
+/** The explainer of an error from its code, message and stack; `undefined` when it has none. */
+export function explainError(
+  ngCode: string | undefined,
+  message: string,
+  stack: string | undefined,
+): ErrorExplain | undefined {
+  if (ngCode === 'NG0100' || /ExpressionChangedAfterItHasBeenChecked/.test(message)) {
+    const parts = parseExpressionChanged(message);
+    if (!parts) return undefined;
+    const masked = isSecretName(parts.binding);
+    const template = templateOf(stack);
+    return {
+      kind: 'expression-changed',
+      previous: masked ? REDACTED : clip(redactText(parts.previous), MAX_VALUE_TEXT),
+      current: masked ? REDACTED : clip(redactText(parts.current), MAX_VALUE_TEXT),
+      ...(parts.binding ? { binding: clip(parts.binding, 120) } : {}),
+      ...(template ? { template } : {}),
+      ...(masked ? { masked } : {}),
+      ...(parts.creation ? { creation: true } : {}),
+    };
+  }
+  if (
+    (ngCode && HYDRATION_CODES.has(ngCode)) ||
+    /^\s*(NG050\d:\s*)?During hydration/.test(message)
+  ) {
+    const parts = parseHydrationMismatch(message);
+    return {
+      kind: 'hydration-mismatch',
+      ...(parts.summary ? { summary: redactText(parts.summary) } : {}),
+      ...(parts.expected ? { expected: redactText(parts.expected) } : {}),
+      ...(parts.actual ? { actual: redactText(parts.actual) } : {}),
+      ...(parts.external ? { external: true } : {}),
+    };
+  }
+  if (ngCode === 'NG0201' || /NullInjectorError|No provider (?:found )?for/.test(message)) {
+    const parts = parseMissingProvider(message);
+    if (!parts) return undefined;
+    return {
+      kind: 'missing-provider',
+      token: redactText(parts.token),
+      ...(parts.path ? { path: parts.path.map(redactText) } : {}),
+      ...(parts.source ? { source: redactText(parts.source) } : {}),
+    };
+  }
+  return undefined;
+}
+
+/** A value the way Angular prints it in NG0100 (`formatValue` in `@angular/core`). */
+export function formatLikeAngular(value: unknown): string {
+  let text = read(() => String(value), '');
+  try {
+    if (Array.isArray(value) || text === '[object Object]') text = JSON.stringify(value);
+  } catch {
+    // Angular keeps String(value) too.
+  }
+  return text.length > MAX_VALUE_TEXT ? `${text.slice(0, MAX_VALUE_TEXT)}…` : text;
+}
+
+/** The value of a signal without calling it, so no computed runs; `undefined` for anything else. */
+function signalValue(value: unknown): { value: unknown } | undefined {
+  if (typeof value !== 'function') return undefined;
+  const key = read(
+    () => Object.getOwnPropertySymbols(value).find((s) => s.description === 'SIGNAL'),
+    undefined,
+  );
+  const node = key ? read(() => (value as unknown as AnyRecord)[key as never], undefined) : null;
+  if (!node || typeof node !== 'object' || !('value' in node)) return undefined;
+  return { value: read(() => (node as AnyRecord)['value'], undefined) };
+}
+
+/**
+ * Own fields of a component that hold `current` now, as Angular prints it:
+ * plain fields read through their descriptors (getters never run) and signals
+ * read from their node.
+ */
+export function membersHolding(component: unknown, current: string): string[] {
+  if (!component || typeof component !== 'object') return [];
+  const out: string[] = [];
+  const keys = read(() => Object.keys(component).slice(0, MAX_FIELDS), [] as string[]);
+  for (const key of keys) {
+    const descriptor = read(() => Object.getOwnPropertyDescriptor(component, key), undefined);
+    if (!descriptor || !('value' in descriptor)) continue;
+    const raw = descriptor.value;
+    const sig = signalValue(raw);
+    if (typeof raw === 'function' && !sig) continue;
+    const value = sig ? sig.value : raw;
+    if (formatLikeAngular(value) === current) out.push(key);
+    if (out.length >= 10) break;
+  }
+  return out;
+}
+
+interface RecentWrite {
+  signal: string;
+  at: number;
+  value: unknown;
+  stack?: string[];
+}
+
+/**
+ * The named signal writes of the last moments, from the signal history's
+ * `onChange`, for NG0100. Keeps {@link MAX_RECENT_WRITES}.
+ */
+export function createRecentWrites(max = MAX_RECENT_WRITES) {
+  const writes: RecentWrite[] = [];
+  let heard = false;
+  return {
+    /** Pass to the signal history as (part of) `onChange`. */
+    add(_id: string | undefined, label: string, change: SignalChange) {
+      if (change.source !== 'write') return;
+      writes.push({
+        signal: label,
+        at: change.at,
+        value: change.value,
+        ...(change.stack?.length ? { stack: change.stack } : {}),
+      });
+      if (writes.length > max) writes.splice(0, writes.length - max);
+    },
+    /** Marks that the page hears signal writes, once the write hook is installed. */
+    listening() {
+      heard = true;
+    },
+    get known() {
+      return heard;
+    },
+    /** Writes whose value prints like `current`, in the window before `at`, newest first. */
+    matching(at: number, current: string): ExplainWrite[] {
+      return writes
+        .filter(
+          (write) =>
+            write.at <= at + 50 &&
+            at - write.at <= WRITE_WINDOW_MS &&
+            formatLikeAngular(write.value) === current,
+        )
+        .reverse()
+        .slice(0, 5)
+        .map(({ signal, at: when, stack }) => ({ signal, at: when, ...(stack ? { stack } : {}) }));
+    },
+  };
+}
+
+export type RecentWrites = ReturnType<typeof createRecentWrites>;
+
+/**
+ * Adds what the page knows once the group's component is found: for NG0100
+ * the fields that hold the new value (values hidden when one has a secret
+ * name) and the signal writes behind it; for a hydration mismatch the
+ * expected and actual DOM Angular left on the host when the message had none.
+ */
+export function enrichExplain(
+  explain: ErrorExplain,
+  context: {
+    at: number;
+    component?: unknown;
+    host?: Element | null;
+    ng?: HydrationDebugNg;
+    writes?: RecentWrites;
+  },
+): ErrorExplain {
+  if (explain.kind === 'expression-changed') {
+    const out = { ...explain };
+    if (!out.masked && context.component) {
+      const members = membersHolding(context.component, out.current);
+      if (members.some(isSecretName)) {
+        out.previous = REDACTED;
+        out.current = REDACTED;
+        out.masked = true;
+      }
+      if (members.length) out.members = members;
+    }
+    if (context.writes) {
+      out.writesKnown = context.writes.known;
+      if (!out.masked) {
+        const writes = context.writes.matching(context.at, explain.current);
+        if (writes.length) out.writes = writes;
+      }
+    }
+    return out;
+  }
+  if (
+    explain.kind === 'hydration-mismatch' &&
+    !explain.expected &&
+    !explain.actual &&
+    context.host
+  ) {
+    const info = readHydration(context.ng, context.host);
+    if (info?.status === 'mismatched') {
+      return {
+        ...explain,
+        ...(info.expected ? { expected: info.expected } : {}),
+        ...(info.actual ? { actual: info.actual } : {}),
+      };
+    }
+  }
+  return explain;
+}
diff --git a/packages/devtools/src/errors-collector.ts b/packages/devtools/src/errors-collector.ts
index a8d4b963..4feaeced 100644
--- a/packages/devtools/src/errors-collector.ts
+++ b/packages/devtools/src/errors-collector.ts
@@ -1,6 +1,8 @@
 import { keepaliveDue } from './change-detection.ts';
 import { CONSOLE_LEVELS, tapConsole, type ConsoleLevel } from './console-tap.ts';
-import { elementId } from './element-id.ts';
+import { elementById, elementId } from './element-id.ts';
+import { enrichExplain, explainError, rawMessage, type RecentWrites } from './error-explain.ts';
+import type { HydrationDebugNg } from './hydration.ts';
 import { className } from './injector-tree.ts';
 import { ngCodeOf, ngCodeUrl } from './ng-error-codes.ts';
 import { providerOf, redactMessage, redactUrl, type RouterDebugApi } from './router.ts';
@@ -32,7 +34,7 @@ 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 {
+export interface ErrorsDebugNg extends RouterDebugApi, HydrationDebugNg {
   getComponent?: (el: Element) => unknown;
   getOwningComponent?: (el: Element) => unknown;
   getHostElement?: (component: unknown) => Element | null;
@@ -61,12 +63,16 @@ export interface ErrorsOptions {
   /** Where errors and rejections come from; the page's window by default. */
   target?: Pick<Window, 'addEventListener' | 'removeEventListener'>;
   now?: () => number;
+  /** Recent named signal writes, for the NG0100 explainer (`error-explain.ts`). */
+  writes?: RecentWrites;
 }
 
 interface Group extends ErrorGroup {
   key: string;
   /** Class names from the message and stack, for finding the owner later. */
   candidates: string[];
+  /** When the explainer still waits for the owner and the signal writes, from the next push. */
+  explainAt?: number;
 }
 
 function read<T>(fn: () => T, fallback: T): T {
@@ -168,10 +174,13 @@ export function ownerCandidates(message: string, stack: string | undefined): str
     }
   };
   for (const match of message.matchAll(
-    /(?:used in the '|in the template of |Expression location: )_?([A-Za-z$][\w$]*)'?(?: component)?/g,
+    /(?:used in the '|in the template of |Expression location: |check the ")_?([A-Za-z$][\w$]*)['"]?(?: component)?/g,
   )) {
     add(match[1]);
   }
+  // A missing provider names its requester first: `Path: App -> Api.` or `R3InjectorError(...)[App -> Api]`.
+  const path = / Path: (.+?)\.(?:\s|$)/.exec(message)?.[1] ?? /\)\[([^\]]+)\]/.exec(message)?.[1];
+  for (const name of path?.split(' -> ').slice(0, -1) ?? []) add(name.trim());
   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] ??
@@ -305,6 +314,7 @@ export function attachErrors(
       if (!group.sources.includes(source)) group.sources.push(source);
     } else {
       const stack = stackOf(value);
+      const explain = explainError(code, rawMessage(value), stack);
       group = {
         key,
         id: `e${++nextGroup}`,
@@ -318,6 +328,7 @@ export function attachErrors(
         ...(code ? { code } : {}),
         ...(code && ngCodeUrl(code) ? { docUrl: ngCodeUrl(code) } : {}),
         ...(stack ? { stack } : {}),
+        ...(explain ? { explain, explainAt: at } : {}),
       };
       groups.set(key, group);
       evictGroups();
@@ -447,9 +458,28 @@ export function attachErrors(
       group.candidates = [];
       if (owner) group.owner = owner;
     }
+    for (const group of changedGroups) {
+      if (group.explainAt === undefined || !group.explain) continue;
+      const ng = getNg();
+      const host = group.owner ? elementById(group.owner.id) : null;
+      const component =
+        host && ng?.getComponent ? read(() => ng.getComponent!(host), null) : undefined;
+      group.explain = read(
+        () =>
+          enrichExplain(group.explain!, {
+            at: group.explainAt!,
+            component,
+            host,
+            ng,
+            writes: options.writes,
+          }),
+        group.explain,
+      );
+      delete group.explainAt;
+    }
     const all = full;
     const errors = [...(all ? groups.values() : changedGroups)].map(
-      ({ key: _key, candidates: _candidates, ...group }) => ({
+      ({ key: _key, candidates: _candidates, explainAt: _explainAt, ...group }) => ({
         ...group,
         sources: [...group.sources],
       }),
diff --git a/packages/devtools/src/injector-tree.ts b/packages/devtools/src/injector-tree.ts
index dedcc9fe..9196e371 100644
--- a/packages/devtools/src/injector-tree.ts
+++ b/packages/devtools/src/injector-tree.ts
@@ -211,6 +211,33 @@ export function injectorRef<H extends object = Element>(
   return { id: idFor(injector), name: environmentName(injector, meta?.source) };
 }
 
+/**
+ * The injector id of the host element of the component whose template
+ * declares `el`: where a `host` lookup from `el` stops (`@Host()`,
+ * `{ host: true }`). Read through `ng.getOwningComponent`; undefined for a
+ * root component, or when the page's Angular can't tell.
+ */
+function hostBoundary<H extends object>(
+  debugNg: DebugNg<H>,
+  el: H,
+  tree: HostNames<H>,
+): string | undefined {
+  // Not on `DebugNg`, so the collectors that extend it keep their own signatures.
+  const ng = debugNg as DebugNg<H> & {
+    getOwningComponent?(el: H): unknown;
+    getHostElement?(component: object): unknown;
+  };
+  if (!ng.getOwningComponent || !ng.getHostElement) return undefined;
+  try {
+    const owner = ng.getOwningComponent(el);
+    if (!owner || typeof owner !== 'object' || owner === ng.getComponent?.(el)) return undefined;
+    const host = ng.getHostElement(owner);
+    return host && host !== el && tree.isHost(host) ? idFor(host as object) : undefined;
+  } catch {
+    return undefined;
+  }
+}
+
 type DependencyFlags = { optional?: boolean; host?: boolean; self?: boolean; skipSelf?: boolean };
 
 /**
@@ -429,6 +456,8 @@ function readElement<H extends object>(
     // The component tree's id for the same host, so the panel can link the two views.
     info.componentId = elementId(el);
   }
+  const boundary = hostBoundary(ng, el, tree);
+  if (boundary) info.host = boundary;
   const entry: ElementEntry = {
     info,
     providers,
diff --git a/packages/devtools/src/leaks-collector.ts b/packages/devtools/src/leaks-collector.ts
new file mode 100644
index 00000000..99d81cd2
--- /dev/null
+++ b/packages/devtools/src/leaks-collector.ts
@@ -0,0 +1,843 @@
+import {
+  addProfilerListener,
+  angularMajor,
+  keepaliveDue,
+  type Profiler,
+} from './change-detection.ts';
+import { componentHosts, type ComponentDebugNg } from './component-tree.ts';
+import { createDomDirty, type DomDirty } from './dom-dirty.ts';
+import { elementId } from './element-id.ts';
+import { domTree, type HostTree } from './host-tree.ts';
+import { className } from './injector-tree.ts';
+import { redactMessage, redactUrl } from './router.ts';
+import { redactText } from './serialize.ts';
+import { clip } from './text.ts';
+import {
+  MAX_LEAK_COMPONENTS,
+  MAX_LEAK_DESTROYED,
+  MAX_LEAK_SUBSCRIPTIONS,
+  type LeakComponent,
+  type LeakDestroyed,
+  type LeakSubscription,
+  type LeaksReport,
+  type SubscriptionTracking,
+} from './rpc/leaks-tools.ts';
+
+/** Components a scan walks. */
+const MAX_WALK = 2000;
+/** Components whose signal graph a scan reads to count effects. */
+const MAX_EFFECT_HOSTS = 500;
+/** Destroyed instances the page keeps tracking; the oldest goes first. */
+export const MAX_TRACKED_DESTROYED = 500;
+/** Subscriptions the page keeps while tracking; closed ones go first, then the oldest. */
+export const MAX_TRACKED_SUBSCRIPTIONS = 2000;
+/** A subscription whose stack names no component class is dropped after this long. */
+const UNRESOLVED_MS = 30_000;
+/**
+ * A scan walks the page when elements came or went, and otherwise this
+ * rarely, so effects made without a DOM change still show. The component
+ * tree walks on its own pace; this walk stays out of its way.
+ */
+const SCAN_HEARTBEAT_MS = 30_000;
+const MAX_FRAMES = 12;
+const MAX_SOURCE = 200;
+/** `sessionStorage` key that keeps subscription tracking on across a reload. */
+export const TRACKING_KEY = 'pangular-leak-subscriptions';
+
+/** The parts of `window.ng` this collector reads. */
+export interface LeaksDebugNg extends ComponentDebugNg {
+  getInjector?(el: Element): unknown;
+  ɵgetSignalGraph?(injector: unknown): { nodes?: { id?: unknown; kind?: unknown }[] } | null;
+}
+
+interface Rpc {
+  rpc: {
+    call(name: string, ...args: unknown[]): Promise<unknown>;
+    register?(definition: {
+      name: string;
+      type: 'event' | 'action' | 'query';
+      jsonSerializable: boolean;
+      handler: (...args: any[]) => unknown;
+    }): void;
+  };
+}
+
+interface WeakApi {
+  WeakRef?: new <T extends object>(target: T) => { deref(): T | undefined };
+  FinalizationRegistry?: new <T>(callback: (held: T) => void) => {
+    register(target: object, held: T, token?: object): void;
+    unregister(token: object): unknown;
+  };
+}
+
+type Ref<T extends object> = { deref(): T | undefined };
+
+interface ObservableModule {
+  Observable?: { prototype?: Record<string, unknown> };
+}
+
+export interface LeaksOptions {
+  /** The refresh interval, so keepalives come before the server expires the page. */
+  tickMs?: () => number;
+  now?: () => number;
+  tree?: () => HostTree<Element>;
+  /** The page's current location, to count navigations and name routes. */
+  route?: () => string;
+  /** Loads the app's RxJS when tracking starts. */
+  loadRxjs?: () => Promise<ObservableModule>;
+  /** Adds an Angular profiler listener; `null` where Angular has no safe hook (before 20.0). */
+  addProfiler?: (listener: Profiler) => (() => void) | null;
+  /** The Angular major the page runs, 0 when unknown. */
+  angularMajor?: () => number;
+  /** Where the tracking choice is kept across a reload; `null` to keep it in memory. */
+  storage?: Pick<Storage, 'getItem' | 'setItem' | 'removeItem'> | null;
+  /** `WeakRef` and `FinalizationRegistry`, from the page by default. */
+  weak?: WeakApi;
+  /** Whether a scan is due; the default watches the DOM for added and removed elements. */
+  dirty?: DomDirty | null;
+  /** Navigation events, the page's window by default. */
+  target?: Pick<Window, 'addEventListener' | 'removeEventListener'> | null;
+}
+
+export interface LeaksCollector {
+  /** Scans when the page changed, then pushes when the report changed or a keepalive is due. */
+  push(force?: boolean): Promise<void>;
+  /** Turns subscription tracking on or off. */
+  setTracking(on: boolean): Promise<{ ok: boolean; message: string }>;
+  /** Walks the page now, for tests and forced pushes. */
+  scan(): void;
+  report(): LeaksReport;
+  /** 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;
+}
+
+interface Live {
+  id: string;
+  name: string;
+  ref: Ref<object>;
+  host: Ref<Element>;
+  /** Where and when (in navigations) the page last showed it. */
+  route: string;
+  navigation: number;
+  effects: number;
+  sharedEffects: number;
+}
+
+interface Destroyed {
+  id: string;
+  name: string;
+  ref: Ref<object>;
+  host: Ref<Element>;
+  route: string;
+  destroyedAt: number;
+  navigation: number;
+  detached: boolean;
+}
+
+interface Tracked {
+  ref: Ref<object>;
+  /** Class names from the stack, innermost first. */
+  candidates: string[];
+  frames: string[];
+  name?: string;
+  instance?: Ref<object>;
+  instanceId?: string;
+  openedAt: number;
+  route: string;
+}
+
+function read<T>(fn: () => T, fallback: T): T {
+  try {
+    return fn();
+  } catch {
+    return fallback;
+  }
+}
+
+const IDENT = /^[A-Za-z$][\w$]*$/;
+const strip = (name: string) => name.replace(/^_+(?=[A-Za-z$])/, '');
+
+/**
+ * Class names a stack points at, innermost first: `new Card` (a constructor),
+ * `Card.ngOnInit` (a method) and compiled template functions such as
+ * `Card_Template` or `Card_Conditional_2_Template_button_click_0_listener`.
+ */
+export function stackClasses(stack: string | undefined): {
+  names: string[];
+  frames: string[];
+  /** Names seen as a constructor (`new Card`): the object being built owns what it starts. */
+  constructed: string[];
+} {
+  const names: string[] = [];
+  const frames: string[] = [];
+  const constructed: string[] = [];
+  const add = (raw: string | undefined) => {
+    const name = raw && strip(raw);
+    if (name && IDENT.test(name) && !names.includes(name)) names.push(name);
+  };
+  for (const line of (stack ?? '').split('\n').slice(1, 40)) {
+    const fn =
+      /^\s*at\s+(?:async\s+)?(new\s+)?([\w$.]+)/.exec(line) ??
+      /^(new\s+)?([\w$.]+)@/.exec(line.trim());
+    if (!fn) continue;
+    const [first, ...rest] = fn[2]!.split('.');
+    const before = names.length;
+    if (fn[1] || rest.length) add(first);
+    if (fn[1] && first) constructed.push(strip(first));
+    // `Card_Conditional_2_Template_button_click_0_listener`: every prefix, longest first.
+    const bare = strip(first!);
+    if (/_(?:\w+_)*Template/.test(bare)) {
+      const pieces = bare.split('_');
+      for (let n = pieces.length - 1; n >= 1; n--) add(pieces.slice(0, n).join('_'));
+    }
+    if (names.length > before && frames.length < MAX_FRAMES) frames.push(line.trim());
+  }
+  return { names, frames, constructed };
+}
+
+/** A stack line without the URL's origin and query, masked and cut. */
+function sourceText(frame: string): string {
+  const short = frame
+    .replace(/^at\s+/, '')
+    .replace(
+      /\(?(?:https?|file|webpack|chrome-extension):\/\/[^\s)]*?([^/\s)?#]+)(?:[?#][^\s):]*)?(:\d+(?::\d+)?)?\)?$/,
+      '($1$2)',
+    );
+  return clip(redactText(short), MAX_SOURCE);
+}
+
+function nameOf(instance: object): string {
+  return read(() => className((instance as { constructor: Function }).constructor), '?');
+}
+
+/**
+ * Leak hints for one page: the live effects and (while tracking is on) the
+ * open RxJS subscriptions of each component, and the component instances that
+ * left the page but are still in memory. Instances are held through `WeakRef`
+ * only and noticed when collected through a `FinalizationRegistry`, so the
+ * collector itself keeps nothing alive. Destroyed means the host left the page
+ * and Angular dropped its view (`ng.getInjector` gives the null injector from
+ * Angular 14); a host that left while Angular still holds the view is
+ * reported as detached instead. Subscription tracking wraps
+ * `Observable.prototype.subscribe` only while it is on, and restores it when
+ * turned off.
+ */
+export function attachLeaks(
+  my: Rpc,
+  pageId: string,
+  getNg: () => LeaksDebugNg | undefined,
+  options: LeaksOptions = {},
+): LeaksCollector {
+  const now = options.now ?? Date.now;
+  const tickMs = options.tickMs ?? (() => 0);
+  const hasDocument = typeof document !== 'undefined';
+  const tree = options.tree ?? (() => domTree());
+  const route =
+    options.route ?? (() => read(() => location.pathname + location.search + location.hash, ''));
+  const major =
+    options.angularMajor ?? (() => (hasDocument ? read(() => angularMajor(document), 0) : 0));
+  const weak: WeakApi =
+    options.weak ??
+    ({
+      WeakRef: (globalThis as WeakApi).WeakRef,
+      FinalizationRegistry: (globalThis as WeakApi).FinalizationRegistry,
+    } as WeakApi);
+  const storage =
+    options.storage === undefined
+      ? read(() => (typeof sessionStorage === 'undefined' ? null : sessionStorage), null)
+      : options.storage;
+  const target =
+    options.target === undefined ? (typeof window === 'undefined' ? null : window) : options.target;
+  const dirty =
+    options.dirty === undefined
+      ? hasDocument
+        ? createDomDirty(document, { heartbeatMs: SCAN_HEARTBEAT_MS, now })
+        : null
+      : options.dirty;
+  const addProfiler =
+    options.addProfiler ??
+    ((listener: Profiler) =>
+      hasDocument ? addProfilerListener(getNg(), listener, document) : null);
+  const loadRxjs =
+    options.loadRxjs ?? (() => import('rxjs') as unknown as Promise<ObservableModule>);
+
+  const live = new Map<string, Live>();
+  const destroyed = new Map<string, Destroyed>();
+  const instanceIds = new WeakMap<object, string>();
+  const knownClasses = new Set<string>();
+  /** When an instance of each class was last destroyed. */
+  const lastDestroyed = new Map<string, number>();
+  let tracked: Tracked[] = [];
+  let collected = 0;
+  let dropped = 0;
+  let navigations = 0;
+  let lastRoute = route();
+  let tracking: SubscriptionTracking = 'off';
+  let instancesKnown = false;
+  let restoreSubscribe: (() => void) | null = null;
+  let removeProfiler: (() => void) | null = null;
+  const contexts: unknown[] = [];
+  let lastKey = '';
+  let sentAt = 0;
+  let left = false;
+  let stopped = false;
+  let nullInjector: { for: unknown; value: unknown } | null = null;
+  let effectsSupported = false;
+  let uniqueEffects = 0;
+
+  const registry = weak.FinalizationRegistry
+    ? new weak.FinalizationRegistry<string>((id) => {
+        if (stopped) return;
+        const entry = destroyed.get(id);
+        if (entry && entry.ref.deref() === undefined) {
+          destroyed.delete(id);
+          collected++;
+        }
+      })
+    : null;
+  const retention = () =>
+    !!weak.WeakRef && !!registry && typeof getNg()?.getComponent === 'function';
+
+  const checkNavigation = () => {
+    const next = route();
+    if (next === lastRoute) return;
+    lastRoute = next;
+    navigations++;
+  };
+
+  /** The injector Angular gives for an element it does not know, to tell a dropped view apart. */
+  const emptyInjector = (ng: LeaksDebugNg) => {
+    if (nullInjector?.for === ng) return nullInjector.value;
+    // A detached element is never put on the page, so the app's DOM is untouched.
+    const probe = hasDocument ? document.createElement('div') : null;
+    const value = probe ? read(() => ng.getInjector?.(probe) ?? null, null) : null;
+    nullInjector = { for: ng, value };
+    return value;
+  };
+  const detachSupported = (ng: LeaksDebugNg | undefined) =>
+    !!ng && typeof ng.getInjector === 'function' && major() >= 14;
+  /** Angular still holds the view the host was rendered in. */
+  const viewAlive = (ng: LeaksDebugNg, host: Element | undefined) => {
+    if (!host || !detachSupported(ng)) return false;
+    const injector = read(() => ng.getInjector!(host), null);
+    if (!injector) return false;
+    const empty = emptyInjector(ng);
+    return empty !== null && injector !== empty;
+  };
+
+  const forget = (entry: Destroyed) => {
+    destroyed.delete(entry.id);
+    registry?.unregister(entry);
+  };
+
+  const markGone = (entry: Live, ng: LeaksDebugNg) => {
+    live.delete(entry.id);
+    const instance = entry.ref.deref();
+    if (!instance) {
+      collected++;
+      return;
+    }
+    const host = entry.host.deref();
+    const detached = viewAlive(ng, host);
+    const gone: Destroyed = {
+      id: entry.id,
+      name: entry.name,
+      ref: entry.ref,
+      host: entry.host,
+      // The route it lived on: a navigation usually destroys it and changes the URL at once.
+      route: entry.route,
+      destroyedAt: now(),
+      navigation: entry.navigation,
+      detached,
+    };
+    const previous = destroyed.get(entry.id);
+    if (previous) forget(previous);
+    destroyed.set(entry.id, gone);
+    registry?.register(instance, entry.id, gone);
+    if (!detached) lastDestroyed.set(entry.name, gone.destroyedAt);
+    while (destroyed.size > MAX_TRACKED_DESTROYED) {
+      const oldest = destroyed.values().next().value as Destroyed;
+      forget(oldest);
+      dropped++;
+    }
+  };
+
+  /** Effect node ids per component, from Angular's signal graph (ids from 20.1). */
+  const effectIds = (ng: LeaksDebugNg, host: Element): string[] | null => {
+    const injector = read(() => ng.getInjector?.(host) ?? null, null);
+    if (!injector) return [];
+    const graph = read(() => ng.ɵgetSignalGraph!(injector), null);
+    const nodes = graph && Array.isArray(graph.nodes) ? graph.nodes : [];
+    const out: string[] = [];
+    for (const node of nodes) {
+      if (node?.kind !== 'effect') continue;
+      if (typeof node.id !== 'string' && typeof node.id !== 'number') return null;
+      out.push(String(node.id));
+    }
+    return out;
+  };
+
+  const scan = () => {
+    const ng = getNg();
+    checkNavigation();
+    if (!ng || typeof ng.getComponent !== 'function' || !weak.WeakRef) return;
+    const WeakRefImpl = weak.WeakRef;
+    const walk = read(() => tree(), null);
+    if (!walk) return;
+    const hosts = read(() => componentHosts(ng, walk, MAX_WALK), [] as Element[]);
+    const seen = new Set<string>();
+    for (const host of hosts) {
+      const instance = read(() => ng.getComponent!(host), null);
+      if (!instance || typeof instance !== 'object') continue;
+      const id = elementId(host);
+      seen.add(id);
+      let entry = live.get(id);
+      if (entry && entry.ref.deref() !== instance) {
+        markGone(entry, ng);
+        entry = undefined;
+      }
+      if (!entry) {
+        const back = destroyed.get(id);
+        // A detached view put back on the page (route reuse) is live again.
+        if (back && back.ref.deref() === instance) forget(back);
+        const name = nameOf(instance);
+        knownClasses.add(name);
+        entry = {
+          id,
+          name,
+          ref: new WeakRefImpl(instance),
+          host: new WeakRefImpl(host),
+          route: lastRoute,
+          navigation: navigations,
+          effects: 0,
+          sharedEffects: 0,
+        };
+        live.set(id, entry);
+        instanceIds.set(instance, id);
+      }
+      entry.route = lastRoute;
+      entry.navigation = navigations;
+    }
+    for (const entry of [...live.values()]) {
+      if (seen.has(entry.id)) continue;
+      const host = entry.host.deref();
+      // Still on the page, past the walk's cap.
+      if (host && read(() => walk.connected(host), false) && hosts.length >= MAX_WALK) continue;
+      markGone(entry, ng);
+    }
+    // A detached view that Angular has since dropped is destroyed now.
+    for (const entry of destroyed.values()) {
+      if (!entry.detached || viewAlive(ng, entry.host.deref())) continue;
+      entry.detached = false;
+      entry.destroyedAt = now();
+      entry.navigation = navigations;
+      lastDestroyed.set(entry.name, entry.destroyedAt);
+    }
+    countEffects(ng);
+    pruneTracked();
+  };
+
+  const countEffects = (ng: LeaksDebugNg) => {
+    effectsSupported = typeof ng.ɵgetSignalGraph === 'function';
+    if (!effectsSupported) return;
+    const owners = new Map<string, string[]>();
+    const perHost = new Map<string, string[]>();
+    let n = 0;
+    for (const entry of live.values()) {
+      entry.effects = 0;
+      entry.sharedEffects = 0;
+      if (n++ >= MAX_EFFECT_HOSTS) continue;
+      const host = entry.host.deref();
+      if (!host) continue;
+      const ids = effectIds(ng, host);
+      if (ids === null) {
+        // Before 20.1 graph nodes carry no ids, so effects can't be told apart.
+        effectsSupported = false;
+        return;
+      }
+      perHost.set(entry.id, ids);
+      for (const effect of ids) {
+        const list = owners.get(effect) ?? [];
+        list.push(entry.id);
+        owners.set(effect, list);
+      }
+    }
+    // Angular files a component's effects under the view its host sits in, so
+    // components side by side in one template list each other's effects.
+    for (const [id, ids] of perHost) {
+      const entry = live.get(id)!;
+      for (const effect of ids) {
+        if (owners.get(effect)!.length === 1) entry.effects++;
+        else entry.sharedEffects++;
+      }
+    }
+    uniqueEffects = owners.size;
+  };
+  // --- subscriptions ---
+
+  /** Names the class (and instance id) once the walk knows them; `false` while it doesn't. */
+  const resolve = (record: Tracked) => {
+    if (!record.instanceId && record.instance) {
+      const instance = record.instance.deref();
+      const id = instance ? instanceIds.get(instance) : undefined;
+      if (id) record.instanceId = id;
+    }
+    if (record.name) return knownClasses.has(record.name);
+    const name = record.candidates.find((candidate) => knownClasses.has(candidate));
+    if (!name) return false;
+    record.name = name;
+    return true;
+  };
+
+  const pruneTracked = () => {
+    const at = now();
+    tracked = tracked.filter((record) => {
+      const sub = record.ref.deref();
+      if (!sub || read(() => (sub as { closed?: unknown }).closed === true, true)) return false;
+      return resolve(record) || at - record.openedAt < UNRESOLVED_MS;
+    });
+  };
+
+  const onSubscribe = (sub: unknown, stack: string | undefined) => {
+    if (!sub || typeof sub !== 'object' || !weak.WeakRef) return;
+    const { names, frames, constructed } = stackClasses(stack);
+    if (!names.length) return;
+    const record: Tracked = {
+      ref: new weak.WeakRef(sub),
+      candidates: names.slice(0, 8),
+      frames,
+      openedAt: now(),
+      route: route(),
+    };
+    // The innermost class on the stack with an open Angular context (hook,
+    // template, listener) names the instance. A constructor before it stops
+    // the search: a component built inside its parent's template owns what
+    // its constructor starts, though the parent's context is the open one.
+    // Otherwise the class is resolved on the next scan, once it is known.
+    for (const name of record.candidates) {
+      const context = contextOf(name);
+      if (context) {
+        record.name = name;
+        record.instance = new weak.WeakRef(context);
+        resolve(record);
+        break;
+      }
+      if (constructed.includes(name)) break;
+    }
+    tracked.push(record);
+    if (tracked.length > MAX_TRACKED_SUBSCRIPTIONS) {
+      pruneTracked();
+      if (tracked.length > MAX_TRACKED_SUBSCRIPTIONS) {
+        tracked.splice(0, tracked.length - MAX_TRACKED_SUBSCRIPTIONS);
+      }
+    }
+  };
+
+  const contextOf = (name: string) => {
+    for (let i = contexts.length - 1; i >= 0; i--) {
+      const instance = contexts[i];
+      if (!instance || typeof instance !== 'object') continue;
+      // An instance built in this same pass is not walked yet: its id comes on the next scan.
+      if (nameOf(instance) === name) return instance;
+    }
+    return null;
+  };
+
+  /** Angular's profiler events with a context: template create and update, lifecycle hooks, outputs. */
+  const onProfile: Profiler = (event, instance) => {
+    if (event === 0 || event === 2 || event === 4 || event === 6) contexts.push(instance);
+    else if (event === 1 || event === 3 || event === 5 || event === 7) contexts.pop();
+    // The end of a change detection run, or a listener added mid-run, leaves nothing open.
+    else if (event === 13 || contexts.length > 64) contexts.length = 0;
+  };
+
+  const wrapSubscribe = (proto: Record<string, unknown>) => {
+    const original = proto['subscribe'];
+    if (typeof original !== 'function') return null;
+    const own = Object.prototype.hasOwnProperty.call(proto, 'subscribe');
+    let depth = 0;
+    let active = true;
+    const wrapped = function (this: unknown, ...args: unknown[]) {
+      // Operators subscribe to their source inside the outer call; only the outer one counts.
+      if (!active || depth > 0) return original.apply(this, args);
+      depth++;
+      let sub: unknown;
+      try {
+        sub = original.apply(this, args);
+      } finally {
+        depth--;
+      }
+      try {
+        onSubscribe(sub, new Error().stack);
+      } catch {
+        // Tracking never gets in the way of the app's subscription.
+      }
+      return sub;
+    };
+    proto['subscribe'] = wrapped;
+    return () => {
+      active = false;
+      if (proto['subscribe'] !== wrapped) return;
+      if (own) proto['subscribe'] = original;
+      else delete proto['subscribe'];
+    };
+  };
+
+  const remember = (on: boolean) => {
+    try {
+      if (on) storage?.setItem(TRACKING_KEY, '1');
+      else storage?.removeItem(TRACKING_KEY);
+    } catch {
+      // the choice lasts for this page load only
+    }
+  };
+
+  const stopTracking = () => {
+    restoreSubscribe?.();
+    restoreSubscribe = null;
+    removeProfiler?.();
+    removeProfiler = null;
+    contexts.length = 0;
+    tracked = [];
+    instancesKnown = false;
+  };
+
+  let starting: Promise<{ ok: boolean; message: string }> | null = null;
+  const setTracking = async (on: boolean): Promise<{ ok: boolean; message: string }> => {
+    if (!on) {
+      starting = null;
+      const was = tracking === 'on';
+      stopTracking();
+      tracking = 'off';
+      remember(false);
+      lastKey = '';
+      return { ok: true, message: was ? 'Stopped tracking subscriptions.' : 'Not tracking.' };
+    }
+    if (tracking === 'on') return { ok: true, message: 'Already tracking subscriptions.' };
+    if (starting) return starting;
+    const attempt = (async () => {
+      const rxjs = await loadRxjs().catch(() => null);
+      if (!starting || stopped) return { ok: false, message: 'Tracking was turned off.' };
+      const proto = read(() => rxjs?.Observable?.prototype ?? null, null);
+      const restore = proto ? wrapSubscribe(proto) : null;
+      if (!restore) {
+        tracking = 'unavailable';
+        lastKey = '';
+        return { ok: false, message: 'The page has no RxJS Observable the overlay can load.' };
+      }
+      restoreSubscribe = restore;
+      removeProfiler = read(() => addProfiler(onProfile), null);
+      instancesKnown = !!removeProfiler;
+      tracking = 'on';
+      remember(true);
+      lastKey = '';
+      return { ok: true, message: 'Tracking subscriptions.' };
+    })();
+    starting = attempt;
+    try {
+      return await attempt;
+    } finally {
+      if (starting === attempt) starting = null;
+    }
+  };
+
+  // --- report ---
+
+  const report = (): LeaksReport => {
+    const at = now();
+    const ng = getNg();
+    const openBy = new Map<string, number>();
+    const liveClasses = new Set<string>();
+    for (const entry of live.values()) liveClasses.add(entry.name);
+    const leaks = new Map<string, LeakSubscription>();
+    let totalSubs = 0;
+    for (const record of tracked) {
+      const sub = record.ref.deref();
+      if (!sub || read(() => (sub as { closed?: unknown }).closed === true, true)) continue;
+      if (!resolve(record) || !record.name) continue;
+      const name = record.name;
+      let reason: LeakSubscription['reason'] | null = null;
+      if (record.instanceId) {
+        const instance = record.instance?.deref();
+        if (instance && live.get(record.instanceId)?.ref.deref() === instance) {
+          openBy.set(record.instanceId, (openBy.get(record.instanceId) ?? 0) + 1);
+          totalSubs++;
+        } else {
+          const gone = destroyed.get(record.instanceId);
+          if (!gone?.detached) reason = 'instance-destroyed';
+          if (instance && gone?.ref.deref() === instance) {
+            openBy.set(record.instanceId, (openBy.get(record.instanceId) ?? 0) + 1);
+          }
+        }
+      } else if (!liveClasses.has(name)) {
+        const lastGone = lastDestroyed.get(name);
+        if (lastGone !== undefined && lastGone >= record.openedAt) reason = 'no-live-instance';
+      } else {
+        totalSubs++;
+      }
+      if (!reason) continue;
+      const frame = record.frames.find((line) => line.includes(name)) ?? record.frames[0];
+      const source = frame ? sourceText(frame) : undefined;
+      const key = `${name}|${record.instanceId ?? ''}|${source ?? ''}`;
+      const held = leaks.get(key);
+      if (held) {
+        held.count++;
+        held.openedAt = Math.min(held.openedAt, record.openedAt);
+        continue;
+      }
+      leaks.set(key, {
+        name,
+        count: 1,
+        route: redactUrl(record.route),
+        openedAt: record.openedAt,
+        reason,
+        ...(record.instanceId ? { instanceId: record.instanceId } : {}),
+        ...(source ? { source } : {}),
+      });
+    }
+
+    const components: LeakComponent[] = [...live.values()]
+      .map((entry) => ({
+        id: entry.id,
+        name: entry.name,
+        effects: entry.effects,
+        subscriptions: openBy.get(entry.id) ?? 0,
+        ...(entry.sharedEffects ? { sharedEffects: entry.sharedEffects } : {}),
+      }))
+      .filter((entry) => entry.effects || entry.subscriptions || entry.sharedEffects)
+      .sort(
+        (a, b) =>
+          b.effects +
+          b.subscriptions +
+          (b.sharedEffects ?? 0) -
+          (a.effects + a.subscriptions + (a.sharedEffects ?? 0)),
+      )
+      .slice(0, MAX_LEAK_COMPONENTS);
+
+    const gone: LeakDestroyed[] = [...destroyed.values()]
+      .filter((entry) => entry.ref.deref() !== undefined)
+      .slice(0, MAX_LEAK_DESTROYED)
+      .map((entry) => {
+        const subs = openBy.get(entry.id) ?? 0;
+        return {
+          id: entry.id,
+          name: entry.name,
+          route: redactUrl(entry.route),
+          destroyedAt: entry.destroyedAt,
+          navigations: navigations - entry.navigation,
+          ...(entry.detached ? { detached: true } : {}),
+          ...(subs ? { subscriptions: subs } : {}),
+        };
+      });
+
+    return {
+      pageId,
+      url: redactUrl(route()),
+      title: redactMessage(read(() => (hasDocument ? document.title : ''), '')),
+      at,
+      support: {
+        retention: retention(),
+        effects: effectsSupported,
+        subscriptions: tracking,
+        ...(tracking === 'on' && instancesKnown ? { instances: true } : {}),
+        ...(detachSupported(ng) ? { detached: true } : {}),
+      },
+      navigations,
+      totals: {
+        components: live.size,
+        effects: uniqueEffects,
+        subscriptions: totalSubs,
+        destroyed: destroyed.size,
+        collected,
+        dropped,
+      },
+      components,
+      destroyed: gone,
+      subscriptions: [...leaks.values()].slice(0, MAX_LEAK_SUBSCRIPTIONS),
+    };
+  };
+
+  let scanDue = dirty ? dirty.cached(() => scan()) : null;
+  let queue = Promise.resolve();
+  const pushOnce = async (force: boolean) => {
+    if (left || stopped) return;
+    checkNavigation();
+    if (force || !scanDue) scan();
+    else scanDue();
+    const payload = report();
+    const key = JSON.stringify({ ...payload, at: 0 });
+    if (!force && key === lastKey && !keepaliveDue(sentAt, tickMs(), now())) return;
+    lastKey = key;
+    sentAt = now();
+    try {
+      const answer = (await my.rpc.call('push-leaks', payload)) as { known?: boolean } | undefined;
+      if (answer?.known === false) lastKey = '';
+    } catch {
+      lastKey = '';
+    }
+  };
+  const push = (force = false) => (queue = queue.then(() => pushOnce(force)));
+
+  const onNavigate = () => {
+    checkNavigation();
+  };
+  target?.addEventListener('popstate', onNavigate);
+  target?.addEventListener('hashchange', onNavigate);
+  const navigation = read(
+    () =>
+      (globalThis as { navigation?: Pick<EventTarget, 'addEventListener' | 'removeEventListener'> })
+        .navigation ?? null,
+    null,
+  );
+  if (options.target === undefined) navigation?.addEventListener('navigatesuccess', onNavigate);
+
+  my.rpc.register?.({
+    name: 'leak-tracking',
+    type: 'event',
+    jsonSerializable: true,
+    handler: (request: { pageId?: unknown; on?: unknown } | null) => {
+      if (!request || typeof request !== 'object' || request.pageId !== pageId) return;
+      void setTracking(request.on !== false).then(() => push(true));
+    },
+  });
+
+  // Tracking that was on before a reload starts again at once, so the first screen is seen.
+  if (read(() => storage?.getItem(TRACKING_KEY) === '1', false)) {
+    void setTracking(true).then(() => push(true));
+  }
+
+  return {
+    push,
+    setTracking,
+    scan,
+    report,
+    leave() {
+      if (left) return;
+      left = true;
+      lastKey = '';
+      void my.rpc.call('forget-leaks-page', pageId).catch(() => {});
+    },
+    resume() {
+      left = false;
+      lastKey = '';
+      void push(true);
+    },
+    stop() {
+      stopped = true;
+      starting = null;
+      stopTracking();
+      dirty?.stop();
+      scanDue = null;
+      target?.removeEventListener('popstate', onNavigate);
+      target?.removeEventListener('hashchange', onNavigate);
+      if (options.target === undefined) {
+        navigation?.removeEventListener('navigatesuccess', onNavigate);
+      }
+      live.clear();
+      destroyed.clear();
+    },
+  };
+}
diff --git a/packages/devtools/src/overlay.ts b/packages/devtools/src/overlay.ts
index 3101268c..7954816b 100644
--- a/packages/devtools/src/overlay.ts
+++ b/packages/devtools/src/overlay.ts
@@ -8,6 +8,8 @@ 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 { attachLeaks } from './leaks-collector.ts';
+import { createRecentWrites } from './error-explain.ts';
 import { allowClientRules, httpRegistry } from './http-rules.ts';
 import { attachNgrx } from './ngrx-overlay.ts';
 import { collectInjectorTree } from './injector-tree.ts';
@@ -346,13 +348,22 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
   }
 
   const signalWatch = createSignalWatch();
+  // Named signal writes of the last moments, for the NG0100 explainer of the Errors inspector.
+  const recentWrites = createRecentWrites();
   const signalHistory = createSignalHistory(
     (value, name) => serializeNamed(name, value, { budget: 1000 }),
     Date.now,
     (value, name) => graphValue(name, value),
-    { stacks: signalWatch.stacks, onChange: signalWatch.onChange },
+    {
+      stacks: signalWatch.stacks,
+      onChange: (id, label, change) => {
+        signalWatch.onChange(id, label, change);
+        if (on.errors) recentWrites.add(id, label, change);
+      },
+    },
   );
   const restoreSignalHook = on.signals ? await installSignalWriteHook(signalHistory.onWrite) : null;
+  if (restoreSignalHook) recentWrites.listening();
   if (!own(restoreSignalHook ?? (() => {}))) return;
   const writeHookMissing = on.signals && !restoreSignalHook;
 
@@ -479,7 +490,10 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     ? attachChangeDetection(my, pageId, getNg, limits.cdCycles, tickMs, () => lease.active)
     : null;
   const ngrx = on.ngrx ? attachNgrx(my, pageId, getNg, limits.changeLog) : null;
-  const errors = on.errors ? attachErrors(my, pageId, getNg, { tickMs }) : null;
+  const errors = on.errors
+    ? attachErrors(my, pageId, getNg, { tickMs, writes: recentWrites })
+    : null;
+  const leaks = on.components ? attachLeaks(my, pageId, getNg, { tickMs }) : null;
   const angularInfo = attachAngularInfo(my, pageId, getNg, { tickMs });
   const consoleGlobals = attachConsoleGlobals(my, pageId, {
     getNg,
@@ -678,6 +692,7 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     http && (() => void http.push().catch(() => {})),
     cd && paced(() => void cd.push().catch(() => {})),
     errors && (() => void errors.push().catch(() => {})),
+    leaks && (() => void leaks.push().catch(() => {})),
   ].filter((collect) => typeof collect === 'function');
   const pushAll = () => collectors.forEach((run) => run());
   pushAll();
@@ -892,6 +907,7 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     forget('analog', 'forget-analog-page');
     ngrx?.leave();
     errors?.leave();
+    leaks?.leave();
     angularInfo.leave();
   };
   addEventListener('pagehide', leave);
@@ -900,6 +916,7 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     pipes?.resume();
     capacitor?.resume();
     errors?.resume();
+    leaks?.resume();
     void lease.refresh();
     left = false;
     onVisibility();
@@ -919,6 +936,7 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     capacitor?.stop();
     ngrx?.stop();
     errors?.stop();
+    leaks?.stop();
     cd?.stop();
     hydrationOverlay?.stop();
     stopAnalog();
diff --git a/packages/devtools/src/rpc/__tests__/injection-explain.test.ts b/packages/devtools/src/rpc/__tests__/injection-explain.test.ts
new file mode 100644
index 00000000..cf2d6529
--- /dev/null
+++ b/packages/devtools/src/rpc/__tests__/injection-explain.test.ts
@@ -0,0 +1,282 @@
+import { describe, expect, it } from 'vitest';
+import { NULL_INJECTOR_ID } from '../../injector-tree.ts';
+import type { InjectorPage, InjectorTreeNode, ProviderInfo } from '../../types.ts';
+import {
+  explainInjection,
+  explainInjectionText,
+  injectionArgs,
+  registerInjectionExplain,
+  type InjectionExplanation,
+} from '../injection-explain.ts';
+
+const provider = (token: string, isViewProvider = false): ProviderInfo => ({
+  token,
+  type: 'class',
+  isViewProvider,
+});
+
+const ENV_PATH = ['env-r', 'env-p', NULL_INJECTOR_ID];
+
+function element(
+  id: string,
+  component: string,
+  options: {
+    providers?: ProviderInfo[];
+    host?: string;
+    up?: string[];
+    children?: InjectorTreeNode[];
+  },
+): InjectorTreeNode {
+  return {
+    injector: {
+      id,
+      type: 'element',
+      name: `<${component.toLowerCase()}>`,
+      providerCount: options.providers?.length ?? 0,
+      component,
+      componentId: `c-${id}`,
+      directives: [component],
+      path: [id, ...(options.up ?? []), ...ENV_PATH],
+      ...(options.host ? { host: options.host } : {}),
+    },
+    providers: options.providers ?? [],
+    children: options.children ?? [],
+  };
+}
+
+/**
+ * App renders TripList, whose template renders TripCard. App's template also
+ * projects a Badge into TripList, so Badge is declared in App.
+ */
+function page(): InjectorPage {
+  const card = element('el-card', 'TripCard', { host: 'el-list', up: ['el-list', 'el-app'] });
+  const badge = element('el-badge', 'Badge', { host: 'el-app', up: ['el-list', 'el-app'] });
+  const list = element('el-list', 'TripList', {
+    host: 'el-app',
+    up: ['el-app'],
+    providers: [provider('TripStore'), provider('Tooltip', true)],
+    children: [card, badge],
+  });
+  const app = element('el-app', 'App', { providers: [provider('Logger')], children: [list] });
+  app.dependencies = [{ from: 'App', token: 'HttpClient', flags: [], providedBy: 'env-r' }];
+  const root: InjectorTreeNode = {
+    injector: { id: 'env-r', type: 'environment', name: 'Root', providerCount: 1 },
+    providers: [provider('ApiConfig')],
+    children: [],
+  };
+  const platform: InjectorTreeNode = {
+    injector: { id: 'env-p', type: 'environment', name: 'Platform', providerCount: 0 },
+    providers: [],
+    children: [root],
+  };
+  return { pageId: 'p1', reportedAt: 1, roots: [app], environment: [platform] };
+}
+
+const explained = (args: Parameters<typeof explainInjection>[1], reduced = false, of = page()) =>
+  explainInjection(of, args, reduced) as InjectionExplanation;
+
+const statuses = (result: InjectionExplanation) =>
+  result.steps.map((step) => `${step.id}:${step.status}`);
+
+describe('explainInjection', () => {
+  it('walks up the element injectors and stops at the first one that provides the token', () => {
+    const result = explained({ selector: 'TripCard', token: 'TripStore' });
+    expect(result.outcome).toBe('resolved');
+    expect(result.resolvedBy).toBe('el-list');
+    expect(statuses(result)).toEqual([
+      'el-card:missing',
+      'el-list:provides',
+      'el-app:not-asked',
+      'env-r:not-asked',
+      'env-p:not-asked',
+      `${NULL_INJECTOR_ID}:not-asked`,
+    ]);
+    expect(result.summary).toContain('`TripList`');
+  });
+
+  it('lets an element inside a component view see its viewProviders, and hides them from projected content', () => {
+    expect(explained({ selector: 'TripCard', token: 'Tooltip' }).resolvedBy).toBe('el-list');
+    const projected = explained({ selector: 'Badge', token: 'Tooltip' });
+    expect(projected.outcome).toBe('error');
+    expect(projected.steps[1]).toMatchObject({ id: 'el-list', status: 'hidden' });
+    expect(projected.steps[1]!.reason).toContain('viewProviders');
+  });
+
+  it('ends at the null injector with NG0201, or null when optional', () => {
+    const missing = explained({ selector: 'TripCard', token: 'Missing' });
+    expect(missing.outcome).toBe('error');
+    expect(missing.steps.at(-1)).toMatchObject({ type: 'null', status: 'missing' });
+    expect(missing.summary).toContain('NG0201');
+    expect(explained({ selector: 'TripCard', token: 'Missing', optional: true }).outcome).toBe(
+      'null',
+    );
+  });
+
+  it('asks only the first injector with `self`', () => {
+    const result = explained({ selector: 'TripCard', token: 'TripStore', self: true });
+    expect(result.outcome).toBe('error');
+    expect(statuses(result).slice(0, 2)).toEqual(['el-card:missing', 'el-list:not-asked']);
+    expect(result.steps[1]!.reason).toContain('`self`');
+    expect(result.flags).toEqual(['self']);
+  });
+
+  it('starts at the parent with `skipSelf`', () => {
+    const own = explained({ selector: 'TripList', token: 'TripStore', skipSelf: true });
+    expect(own.steps[0]).toMatchObject({ id: 'el-list', status: 'skipped' });
+    expect(own.outcome).toBe('error');
+    expect(explained({ selector: 'TripCard', token: 'TripStore', skipSelf: true }).resolvedBy).toBe(
+      'el-list',
+    );
+  });
+
+  it('stops at the host of the declaring component with `host`, where only viewProviders count', () => {
+    const logger = explained({ selector: 'TripCard', token: 'Logger', host: true });
+    expect(logger.outcome).toBe('error');
+    expect(statuses(logger).slice(0, 3)).toEqual([
+      'el-card:missing',
+      'el-list:missing',
+      'el-app:not-asked',
+    ]);
+    expect(logger.steps[2]!.reason).toContain('`host`');
+    // Without `host` the lookup goes on to App.
+    expect(explained({ selector: 'TripCard', token: 'Logger' }).resolvedBy).toBe('el-app');
+    const store = explained({ selector: 'TripCard', token: 'TripStore', host: true });
+    expect(store.steps[1]).toMatchObject({ status: 'hidden' });
+    expect(explained({ selector: 'TripCard', token: 'Tooltip', host: true }).resolvedBy).toBe(
+      'el-list',
+    );
+  });
+
+  it('never asks environment injectors from an element with `self` or `host`', () => {
+    const result = explained({ selector: 'App', token: 'ApiConfig', host: true, optional: true });
+    expect(result.outcome).toBe('null');
+    expect(result.steps.find((s) => s.id === 'env-r')).toMatchObject({ status: 'not-asked' });
+  });
+
+  it('counts a service the page already got from an environment injector as provided there', () => {
+    const result = explained({ selector: 'c-el-card', token: 'HttpClient' });
+    expect(result.resolvedBy).toBe('env-r');
+    expect(result.steps.find((s) => s.id === 'env-r')!.reason).toContain('providedIn');
+  });
+
+  it("says the root injector may create an unlisted providedIn: 'root' class", () => {
+    const result = explained({ selector: 'TripCard', token: 'NotYetUsed' });
+    expect(result.steps.find((s) => s.id === 'env-r')!.reason).toContain("providedIn: 'root'");
+  });
+
+  it('starts at an environment injector for a service, and honours `self` there', () => {
+    expect(explained({ selector: 'Root', token: 'ApiConfig' }).resolvedBy).toBe('env-r');
+    const result = explained({ selector: 'root', token: 'Other', self: true });
+    expect(statuses(result)).toEqual([
+      'env-r:missing',
+      'env-p:not-asked',
+      `${NULL_INJECTOR_ID}:missing`,
+    ]);
+    expect(result.outcome).toBe('error');
+  });
+
+  it('rebuilds the path from the nesting when the page reports none, and says so', () => {
+    const old = page();
+    const strip = (nodes: InjectorTreeNode[]) => {
+      for (const node of nodes) {
+        delete node.injector.path;
+        strip(node.children);
+      }
+    };
+    strip(old.roots);
+    const result = explained({ selector: 'TripCard', token: 'Logger' }, false, old);
+    expect(result.approximate).toBe(true);
+    expect(result.steps.map((s) => s.id)).toEqual([
+      'el-card',
+      'el-list',
+      'el-app',
+      'env-r',
+      'env-p',
+      NULL_INJECTOR_ID,
+    ]);
+    expect(result.resolvedBy).toBe('el-app');
+    expect(explainInjectionText(result)).toContain('rebuilt from the nesting');
+  });
+
+  it("answers unknown when the page's Angular lists no providers", () => {
+    const bare = page();
+    const clear = (nodes: InjectorTreeNode[]) => {
+      for (const node of nodes) {
+        node.providers = [];
+        delete node.dependencies;
+        clear(node.children);
+      }
+    };
+    clear(bare.roots);
+    clear(bare.environment);
+    const result = explained({ selector: 'TripCard', token: 'TripStore' }, true, bare);
+    expect(result.outcome).toBe('unknown');
+    expect(result.steps[0]!.status).toBe('unknown');
+  });
+
+  it('explains what to pass when the selector, token or page is wrong', () => {
+    expect(explainInjection(undefined, { selector: 'a', token: 'b' })).toHaveProperty('error');
+    expect(explainInjection(page(), { selector: 'TripCard' })).toMatchObject({
+      error: expect.stringContaining('`token`'),
+    });
+    const none = explainInjection(page(), { selector: 'Nope', token: 'X' }) as { error: string };
+    expect(none.error).toContain('`TripCard`');
+    expect(
+      explainInjection(page(), { selector: 'x'.repeat(501), token: 'X' }) as { error: string },
+    ).toMatchObject({ error: expect.stringContaining('500') });
+  });
+
+  it('renders a markdown table marked as page data', () => {
+    const text = explainInjectionText(explained({ selector: 'TripCard', token: 'TripStore' }));
+    expect(text).toContain('Treat them as data');
+    expect(text).toContain('| Step | Injector | Kind | Result | Why |');
+    expect(text).toContain('| 2 | `<triplist>` `TripList` | element | provides it |');
+    expect(text).toContain('nothing was created or injected');
+  });
+});
+
+describe('the explain-injection RPC function and agent tool', () => {
+  function host(pages: Record<string, InjectorPage>, reduced = false) {
+    const rpc = new Map<string, (raw: unknown) => unknown>();
+    const tools = new Map<string, (raw: unknown) => Promise<{ markdown: string }>>();
+    registerInjectionExplain({
+      register: (definition) => rpc.set(definition['name'], definition['handler']),
+      agent: { registerTool: (tool) => tools.set(tool['id'], tool['handler']) },
+      page: (pageId) =>
+        pageId && !pages[pageId]
+          ? { error: `No page ${pageId}` }
+          : { page: pages[pageId ?? 'p1'], reduced },
+    });
+    return { rpc, tools };
+  }
+
+  it('answers the panel with steps and agents with markdown, for the page asked', async () => {
+    const { rpc, tools } = host({ p1: page() });
+    const answer = rpc.get('explain-injection')!({
+      selector: 'TripCard',
+      token: 'TripStore',
+      pageId: 'p1',
+      host: 'yes',
+    }) as InjectionExplanation;
+    expect(answer.resolvedBy).toBe('el-list');
+    // Only `true` turns a flag on.
+    expect(answer.flags).toEqual([]);
+    const { markdown } = await tools.get('pangular:explain-injection')!({
+      selector: 'TripCard',
+      token: 'Missing',
+    });
+    expect(markdown).toContain('NG0201');
+    expect(rpc.get('explain-injection')!({ selector: 'a', token: 'b', page: 'p9' })).toEqual({
+      error: 'No page p9',
+    });
+  });
+
+  it('keeps only string arguments and true flags', () => {
+    expect(injectionArgs({ selector: 1, token: 'T', self: true, optional: 'true' })).toEqual({
+      selector: undefined,
+      token: 'T',
+      self: true,
+    });
+    expect(injectionArgs(null)).toEqual({ selector: undefined, token: undefined });
+  });
+});
diff --git a/packages/devtools/src/rpc/__tests__/injector-report.test.ts b/packages/devtools/src/rpc/__tests__/injector-report.test.ts
index c1733474..1b2e562b 100644
--- a/packages/devtools/src/rpc/__tests__/injector-report.test.ts
+++ b/packages/devtools/src/rpc/__tests__/injector-report.test.ts
@@ -28,7 +28,17 @@ describe('sanitizeInjectorTree', () => {
           path: ['inj-1', 'inj-2'],
         },
         providers: [{ token: 'Store', type: 'class', isViewProvider: false, multi: true }],
-        children: [node('app-card')],
+        children: [
+          node('app-card', {
+            injector: {
+              id: 'inj-3',
+              type: 'element',
+              name: 'app-card',
+              providerCount: 0,
+              host: 'inj-1',
+            },
+          }),
+        ],
         dependencies: [
           { from: 'App', token: 'Store', flags: ['optional'], providedBy: null },
           { from: 'App', token: 'Http', flags: [], providedBy: 'inj-2', providedByName: 'Root' },
diff --git a/packages/devtools/src/rpc/cd-diagnosis-tools.ts b/packages/devtools/src/rpc/cd-diagnosis-tools.ts
new file mode 100644
index 00000000..996ee0fa
--- /dev/null
+++ b/packages/devtools/src/rpc/cd-diagnosis-tools.ts
@@ -0,0 +1,134 @@
+import { CD_CAUSE_KINDS, CD_CAUSE_LABEL, cdCauseText, cdHints } from '../cd-data.ts';
+import type { AngularPageInfo, CdCycle } from '../config.ts';
+import { unsupportedToolText } from './angular-pages.ts';
+import { pickCdPage, type CdState } from './cd-tools.ts';
+import { code, UNTRUSTED } from './forms-tools.ts';
+
+const percent = (part: number, whole: number) =>
+  whole ? `${Math.round((part / whole) * 100)}%` : '0%';
+
+/**
+ * Markdown for the `diagnose-change-detection` agent tool: what started the
+ * recorded cycles, which components only zone.js keeps up to date, which
+ * checks changed nothing, inputs that broke OnPush, and the hints from them.
+ */
+export function cdDiagnosisText(
+  state: CdState,
+  args: { page?: string; limit?: number } = {},
+  angularOf: (pageId: string) => AngularPageInfo | undefined = () => undefined,
+): string {
+  const page = pickCdPage(state, args.page);
+  if (!page) {
+    return args.page
+      ? `Page ${code(args.page)} has no change detection recording yet. Start one with \`pangular:change-detection\` and \`record: "start"\` (or **Record** in the panel), use the app, then call this tool again.`
+      : 'No change detection recording yet. Start one with `pangular:change-detection` and `record: "start"` (or **Record** in the panel), use the app, then call this tool again.';
+  }
+  if (!page.supported) {
+    const unsupported = unsupportedToolText(angularOf(page.pageId), 'profiler');
+    if (unsupported) return `Page ${code(page.pageId)}: ${unsupported}`;
+    return `Page ${code(page.pageId)} can't record change detection: it needs Angular 20 or later in a development build.`;
+  }
+  const diagnosis = page.diagnosis;
+  if (!diagnosis) {
+    return `Page ${code(page.pageId)} reported no diagnosis. Its overlay is older than this server, or the recording started before the page loaded it; clear the recording and record again.`;
+  }
+  const asked = Number(args.limit ?? 10);
+  const limit = Math.max(1, Math.min(Math.floor(Number.isFinite(asked) ? asked : 10), 50));
+  const status = page.recording ? 'Recording is on.' : 'Recording is off.';
+  const cycles = page.cycles.length;
+  if (!cycles && !diagnosis.components.length) {
+    return `${status} No change detection cycle was recorded on page ${code(page.pageId)} yet. Use the app, then call this tool again.`;
+  }
+  const parts: string[] = [
+    `${UNTRUSTED}\n\n${status} Page ${code(page.pageId)}: ${cycles} cycle(s) kept.`,
+  ];
+
+  if (diagnosis.triggers) {
+    const rows = CD_CAUSE_KINDS.filter((kind) => diagnosis.causes[kind]).map(
+      (kind) => `- ${CD_CAUSE_LABEL[kind]} (\`${kind}\`): ${diagnosis.causes[kind]} cycle(s)`,
+    );
+    const recent = page.cycles
+      .filter((c): c is CdCycle & Required<Pick<CdCycle, 'cause'>> => !!c.cause)
+      .slice(-limit)
+      .reverse()
+      .map(
+        (c) =>
+          `- #${c.id}: ${code(cdCauseText(c.cause))}${c.cause.stack?.length ? ` at ${c.cause.stack.map(code).join(' < ')}` : ''}`,
+      );
+    parts.push(
+      `**What started the cycles**\n${rows.length ? rows.join('\n') : '- No cycle had a cause yet.'}${recent.length ? `\n\n**Latest causes**, newest first\n${recent.join('\n')}` : ''}`,
+    );
+  } else {
+    parts.push(
+      '_The page has no Angular change detection scheduler the overlay could find (it needs Angular 18 or later), so cycles carry no cause. Wasted checks below still count._',
+    );
+  }
+
+  const zone = diagnosis.zone ?? [];
+  const zoneOnly = diagnosis.causes.zone ?? 0;
+  if (zone.length) {
+    parts.push(
+      `**Components that depend on zone.js**: they changed in ticks zone.js started with no signal write, markForCheck, event listener or input before them (${zoneOnly} such tick(s))\n${zone
+        .slice(0, limit)
+        .map(
+          (z) =>
+            `- ${code(z.name)}: ${z.ticks} tick(s)${z.tasks?.length ? `, after ${z.tasks.map(code).join(', ')}` : ''}`,
+        )
+        .join('\n')}`,
+    );
+  } else if (zoneOnly) {
+    parts.push(
+      `**zone.js**: ${zoneOnly} tick(s) came from zone.js alone, and no component changed in them, so they only cost time.`,
+    );
+  } else if (diagnosis.triggers) {
+    parts.push(
+      '**zone.js**: no component changed in a tick that only zone.js started, so the recorded interactions would work zoneless.',
+    );
+  }
+
+  if (diagnosis.waste) {
+    const wasted = diagnosis.components.filter((c) => c.unchanged > 0).slice(0, limit);
+    parts.push(
+      `**Wasted checks**: refreshed checks where nothing the component renders changed (no DOM update, no new input reference for a child), the development checkNoChanges pass left out\n${
+        wasted.length
+          ? wasted
+              .map(
+                (c) =>
+                  `- ${code(c.name)}: ${c.unchanged} of ${c.refreshed} refreshed check(s) changed nothing (${percent(c.unchanged, c.refreshed)})${c.strategy ? `, ${c.strategy}` : ''}`,
+              )
+              .join('\n')
+          : '- None: every refreshed check changed something.'
+      }`,
+    );
+  } else {
+    parts.push(
+      '_The page could not watch DOM updates (no `MutationObserver`), so wasted checks are not counted._',
+    );
+  }
+
+  const inputs = diagnosis.inputs ?? [];
+  if (inputs.length) {
+    parts.push(
+      `**Inputs that break OnPush**\n${inputs
+        .slice(0, limit)
+        .map(
+          (i) =>
+            `- ${code(`${i.name}.${i.input}`)}${i.parent ? ` (set by ${code(i.parent)})` : ''}: ${i.inPlace} change(s) in place, ${i.sameContents} new reference(s) with the same contents`,
+        )
+        .join('\n')}`,
+    );
+  }
+
+  const hints = cdHints(diagnosis);
+  parts.push(
+    `**Hints**\n${
+      hints.length
+        ? hints
+            .slice(0, limit)
+            .map((h) => `- ${h.text}`)
+            .join('\n')
+        : `- No hint: no component was refreshed at least 10 times while changing in under 20% of them, and no input or zone.js problem was seen.`
+    }`,
+  );
+  return parts.join('\n\n');
+}
diff --git a/packages/devtools/src/rpc/cd-export-tools.ts b/packages/devtools/src/rpc/cd-export-tools.ts
index cde7443e..81bf95d2 100644
--- a/packages/devtools/src/rpc/cd-export-tools.ts
+++ b/packages/devtools/src/rpc/cd-export-tools.ts
@@ -1,6 +1,5 @@
 import { cdExportFile, cdTraceFile } from '../cd-data.ts';
-import type { CdRecording } from '../config.ts';
-import { redactText } from '../text-redact.ts';
+import { redactCdRecording } from './cd-redact.ts';
 import { pickCdPage, type CdState } from './cd-tools.ts';
 import { code, UNTRUSTED } from './forms-tools.ts';
 
@@ -9,33 +8,6 @@ export const CD_EXPORT_MAX_CHARS = 100_000;
 
 export type CdExportKind = 'json' | 'trace';
 
-/** Every page-controlled string of a recording, masked with the redaction helpers. */
-export function redactCdRecording(recording: CdRecording): CdRecording {
-  const mask = (text: string) => redactText(text);
-  return {
-    ...recording,
-    cycles: recording.cycles.map((cycle) => ({
-      ...cycle,
-      ...(cycle.trigger ? { trigger: mask(cycle.trigger) } : {}),
-      components: cycle.components.map((c) => ({ ...c, name: mask(c.name) })),
-    })),
-    components: recording.components.map((c) => ({ ...c, name: mask(c.name) })),
-    ...(recording.hooks
-      ? { hooks: recording.hooks.map((h) => ({ ...h, name: mask(h.name), hook: mask(h.hook) })) }
-      : {}),
-    ...(recording.outputs
-      ? {
-          outputs: recording.outputs.map((o) => ({
-            ...o,
-            name: mask(o.name),
-            ...(o.listener ? { listener: mask(o.listener) } : {}),
-          })),
-        }
-      : {}),
-    ...(recording.spanNames ? { spanNames: recording.spanNames.map(mask) } : {}),
-  };
-}
-
 /** A code fence longer than any run of backticks in `text`. */
 function fence(text: string): string {
   const longest = Math.max(0, ...(text.match(/`+/g) ?? []).map((run) => run.length));
diff --git a/packages/devtools/src/rpc/cd-redact.ts b/packages/devtools/src/rpc/cd-redact.ts
new file mode 100644
index 00000000..7ff6d38b
--- /dev/null
+++ b/packages/devtools/src/rpc/cd-redact.ts
@@ -0,0 +1,70 @@
+import type { CdCause, CdDiagnosis, CdRecording } from '../config.ts';
+import { redactText } from '../text-redact.ts';
+
+/** Every page-controlled string of a recording, masked with the redaction helpers. */
+export function redactCdRecording(recording: CdRecording): CdRecording {
+  const mask = (text: string) => redactText(text);
+  return {
+    ...recording,
+    cycles: recording.cycles.map((cycle) => ({
+      ...cycle,
+      ...(cycle.trigger ? { trigger: mask(cycle.trigger) } : {}),
+      components: cycle.components.map((c) => ({ ...c, name: mask(c.name) })),
+      ...(cycle.cause ? { cause: redactCdCause(cycle.cause) } : {}),
+    })),
+    ...(recording.diagnosis ? { diagnosis: redactCdDiagnosis(recording.diagnosis) } : {}),
+    components: recording.components.map((c) => ({ ...c, name: mask(c.name) })),
+    ...(recording.hooks
+      ? { hooks: recording.hooks.map((h) => ({ ...h, name: mask(h.name), hook: mask(h.hook) })) }
+      : {}),
+    ...(recording.outputs
+      ? {
+          outputs: recording.outputs.map((o) => ({
+            ...o,
+            name: mask(o.name),
+            ...(o.listener ? { listener: mask(o.listener) } : {}),
+          })),
+        }
+      : {}),
+    ...(recording.spanNames ? { spanNames: recording.spanNames.map(mask) } : {}),
+  };
+}
+
+/** A cycle's cause with every page-controlled string masked. */
+export function redactCdCause(cause: CdCause): CdCause {
+  const out: CdCause = { ...cause };
+  for (const field of ['component', 'listener', 'event', 'target', 'signal', 'task'] as const) {
+    const value = out[field];
+    if (value) out[field] = redactText(value);
+  }
+  if (out.stack) out.stack = out.stack.map((frame) => redactText(frame));
+  return out;
+}
+
+/** A diagnosis with every class, input and task name masked. */
+export function redactCdDiagnosis(diagnosis: CdDiagnosis): CdDiagnosis {
+  const mask = (text: string) => redactText(text);
+  return {
+    ...diagnosis,
+    components: diagnosis.components.map((c) => ({ ...c, name: mask(c.name) })),
+    ...(diagnosis.inputs
+      ? {
+          inputs: diagnosis.inputs.map((i) => ({
+            ...i,
+            name: mask(i.name),
+            input: mask(i.input),
+            ...(i.parent ? { parent: mask(i.parent) } : {}),
+          })),
+        }
+      : {}),
+    ...(diagnosis.zone
+      ? {
+          zone: diagnosis.zone.map((z) => ({
+            ...z,
+            name: mask(z.name),
+            ...(z.tasks ? { tasks: z.tasks.map(mask) } : {}),
+          })),
+        }
+      : {}),
+  };
+}
diff --git a/packages/devtools/src/rpc/cd-tools.ts b/packages/devtools/src/rpc/cd-tools.ts
index 152f5aa6..f245ee17 100644
--- a/packages/devtools/src/rpc/cd-tools.ts
+++ b/packages/devtools/src/rpc/cd-tools.ts
@@ -2,7 +2,8 @@ import type { AngularPageInfo } from '../config.ts';
 import { unsupportedToolText } from './angular-pages.ts';
 import type { CdReport } from '../cd-overlay.ts';
 import type { CdOptions } from '../config.ts';
-import { sanitizeCdRecording, toCdOptions } from '../cd-data.ts';
+import { cdCauseText, sanitizeCdRecording, toCdOptions } from '../cd-data.ts';
+import { redactCdCause, redactCdDiagnosis } from './cd-redact.ts';
 import type { CdComponentStat, CdCycle } from '../cd-recorder.ts';
 import { droppedNote } from '../timeline-limits.ts';
 import { code, UNTRUSTED } from './forms-tools.ts';
@@ -27,8 +28,16 @@ export function toCdPage(value: unknown, maxCycles: number, now = Date.now()): C
   const report = value as Record<string, unknown>;
   const pageId = report['pageId'];
   if (typeof pageId !== 'string' || !pageId || pageId.length >= 50) return null;
-  const recording = sanitizeCdRecording(report, maxCycles);
-  if (!recording) return null;
+  const sanitized = sanitizeCdRecording(report, maxCycles);
+  if (!sanitized) return null;
+  // Causes carry stack frames and signal names from the page: mask them before anyone reads them.
+  const recording = {
+    ...sanitized,
+    cycles: sanitized.cycles.map((cycle) =>
+      cycle.cause ? { ...cycle, cause: redactCdCause(cycle.cause) } : cycle,
+    ),
+    ...(sanitized.diagnosis ? { diagnosis: redactCdDiagnosis(sanitized.diagnosis) } : {}),
+  };
   const options = toCdOptions(report['options']);
   return {
     pageId,
@@ -252,7 +261,7 @@ export function changeDetectionText(
   const line = (c: CdComponentStat) =>
     `- ${code(c.name)}: ${c.checks} check(s) in ${c.cycles} cycle(s), ${ms(c.ms)} in its own template and hooks (slowest ${ms(c.maxMs)})`;
   const cycleLine = (c: CdCycle) =>
-    `- #${c.id}: ${ms(c.ms)}, ${c.checks} component check(s), ${c.passes} pass(es)${c.trigger ? `, after output in ${code(c.trigger)}${c.outputMs ? ` (${ms(c.outputMs)})` : ''}` : ''}${c.hookMs ? `, hooks ${ms(c.hookMs)}` : ''}${c.afterRenderMs ? `, afterRender ${ms(c.afterRenderMs)}` : ''}${
+    `- #${c.id}: ${ms(c.ms)}, ${c.checks} component check(s), ${c.passes} pass(es)${c.cause ? `, started by ${code(cdCauseText(c.cause))}` : ''}${c.unchanged ? `, ${c.unchanged} of ${c.refreshed ?? c.unchanged} refreshed check(s) changed nothing` : ''}${c.trigger ? `, after output in ${code(c.trigger)}${c.outputMs ? ` (${ms(c.outputMs)})` : ''}` : ''}${c.hookMs ? `, hooks ${ms(c.hookMs)}` : ''}${c.afterRenderMs ? `, afterRender ${ms(c.afterRenderMs)}` : ''}${
       c.components.length
         ? `; slowest ${c.components
             .slice(0, 3)
diff --git a/packages/devtools/src/rpc/error-explain-tools.ts b/packages/devtools/src/rpc/error-explain-tools.ts
new file mode 100644
index 00000000..0596acd3
--- /dev/null
+++ b/packages/devtools/src/rpc/error-explain-tools.ts
@@ -0,0 +1,252 @@
+// The explainers of the Errors inspector on the server: the shapes a page
+// sends with an NG0100, a hydration mismatch or a missing provider, checked
+// and masked again here, and the markdown `explain-error` adds for them.
+
+import { diffDom, diffText, type DiffLine } from '../dom-diff.ts';
+import { REDACTED, redactText } from '../serialize.ts';
+import { clip } from '../text.ts';
+import { code } from './forms-tools.ts';
+
+/** A signal written just before Angular's check, with the value the binding now reads. */
+export interface ExplainWrite {
+  /** The signal's `debugName`. */
+  signal: string;
+  at: number;
+  /** The first app frames of the code that wrote it, when write stacks were on. */
+  stack?: string[];
+}
+
+/** NG0100: a binding read a different value when Angular checked it again. */
+export interface ExpressionChangedExplain {
+  kind: 'expression-changed';
+  /** The property Angular names (`for 'title'`), missing for a text interpolation. */
+  binding?: string;
+  /** The compiled template function on the stack, such as `App_Template` or `App_Conditional_2_Template`. */
+  template?: string;
+  /** The value of the first check, as Angular prints it (masked, at most 200 characters). */
+  previous: string;
+  /** The value of the second check. */
+  current: string;
+  /** The values are hidden: the binding or a component field holding them has a secret-looking name. */
+  masked?: boolean;
+  /** Angular says the view was created after its parent was checked (created in a hook). */
+  creation?: boolean;
+  /** Fields of the component that hold the current value now, the likely sources of the binding. */
+  members?: string[];
+  /** Named signals written with the current value shortly before the error. */
+  writes?: ExplainWrite[];
+  /** Whether the page hears signal writes at all (Signals inspector on, Angular 17+). */
+  writesKnown?: boolean;
+}
+
+/** NG0500 to NG0503: the DOM the client found did not match the server HTML. */
+export interface HydrationMismatchExplain {
+  kind: 'hydration-mismatch';
+  /** Angular's first sentence, such as `During hydration Angular expected <div> but found <span>.` */
+  summary?: string;
+  /** The server DOM Angular expected around the node, as Angular describes it. */
+  expected?: string;
+  /** The client DOM Angular found there. */
+  actual?: string;
+  /** Angular suspects a browser extension or third-party script changed the DOM. */
+  external?: boolean;
+  /** Line diff of `expected` and `actual`, built by the server. */
+  diff?: DiffLine[];
+}
+
+/** NG0201 and NullInjectorError: no injector on the lookup path provides a token. */
+export interface MissingProviderExplain {
+  kind: 'missing-provider';
+  /** The token no injector provided, named like the Injectors tab names it. */
+  token: string;
+  /** Angular's dependency path, requester first (`App -> Api -> HttpClient`). */
+  path?: string[];
+  /** The injector Angular names as the source (`Standalone[App]`, `NodeInjector`). */
+  source?: string;
+}
+
+export type ErrorExplain =
+  ExpressionChangedExplain | HydrationMismatchExplain | MissingProviderExplain;
+
+export const MAX_VALUE_TEXT = 200;
+export const MAX_DOM_TEXT = 3000;
+const MAX_NAME = 120;
+const MAX_WRITES = 5;
+const MAX_MEMBERS = 10;
+const MAX_PATH = 20;
+const MAX_FRAMES = 5;
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return !!value && typeof value === 'object' && !Array.isArray(value);
+}
+
+const str = (value: unknown, max: number): string | undefined =>
+  typeof value === 'string' && value ? clip(redactText(value), max) : undefined;
+
+const names = (value: unknown, max: number): string[] =>
+  Array.isArray(value)
+    ? value
+        .filter((item): item is string => typeof item === 'string' && !!item)
+        .slice(0, max)
+        .map((item) => clip(redactText(item), MAX_NAME))
+    : [];
+
+function toWrite(value: unknown): ExplainWrite | null {
+  if (!isRecord(value) || typeof value['at'] !== 'number') return null;
+  const signal = str(value['signal'], MAX_NAME);
+  if (!signal) return null;
+  const stack = names(value['stack'], MAX_FRAMES).map((frame) => clip(frame, 200));
+  return { signal, at: value['at'], ...(stack.length ? { stack } : {}) };
+}
+
+/** Checks and masks the explainer a page sent with an error group; `undefined` when there is none. */
+export function toErrorExplain(value: unknown): ErrorExplain | undefined {
+  if (!isRecord(value)) return undefined;
+  switch (value['kind']) {
+    case 'expression-changed': {
+      const masked = value['masked'] === true;
+      const previous = masked ? REDACTED : (str(value['previous'], MAX_VALUE_TEXT) ?? '');
+      const current = masked ? REDACTED : (str(value['current'], MAX_VALUE_TEXT) ?? '');
+      const binding = str(value['binding'], MAX_NAME);
+      const template = str(value['template'], MAX_NAME);
+      const members = names(value['members'], MAX_MEMBERS);
+      const writes = Array.isArray(value['writes'])
+        ? value['writes']
+            .slice(0, MAX_WRITES)
+            .map(toWrite)
+            .filter((w): w is ExplainWrite => !!w)
+        : [];
+      return {
+        kind: 'expression-changed',
+        previous,
+        current,
+        ...(binding ? { binding } : {}),
+        ...(template ? { template } : {}),
+        ...(masked ? { masked } : {}),
+        ...(value['creation'] === true ? { creation: true } : {}),
+        ...(members.length ? { members } : {}),
+        ...(writes.length ? { writes } : {}),
+        ...(typeof value['writesKnown'] === 'boolean' ? { writesKnown: value['writesKnown'] } : {}),
+      };
+    }
+    case 'hydration-mismatch': {
+      const summary = str(value['summary'], 500);
+      const expected = str(value['expected'], MAX_DOM_TEXT);
+      const actual = str(value['actual'], MAX_DOM_TEXT);
+      // The diff is built here from the masked sides, never taken from the page.
+      const diff = expected || actual ? diffDom(expected, actual) : [];
+      return {
+        kind: 'hydration-mismatch',
+        ...(summary ? { summary } : {}),
+        ...(expected ? { expected } : {}),
+        ...(actual ? { actual } : {}),
+        ...(value['external'] === true ? { external: true } : {}),
+        ...(diff.length ? { diff } : {}),
+      };
+    }
+    case 'missing-provider': {
+      const token = str(value['token'], MAX_NAME);
+      if (!token) return undefined;
+      const path = names(value['path'], MAX_PATH);
+      const source = str(value['source'], MAX_NAME);
+      return {
+        kind: 'missing-provider',
+        token,
+        ...(path.length ? { path } : {}),
+        ...(source ? { source } : {}),
+      };
+    }
+    default:
+      return undefined;
+  }
+}
+
+function fence(text: string): string {
+  return ['```text', text.replace(/```/g, "'''"), '```'].join('\n');
+}
+
+/** The markdown section `explain-error` adds for a group with an explainer. */
+export function explainSection(
+  explain: ErrorExplain,
+  owner: { id: string; name: string } | undefined,
+): string {
+  const component = owner
+    ? `${code(owner.name)} (instance ${code(owner.id)})`
+    : 'the component Angular names';
+  switch (explain.kind) {
+    case 'expression-changed': {
+      const lines = [
+        '**What changed** (NG0100 explainer):',
+        '',
+        `- Component: ${component}.`,
+        `- Binding: ${explain.binding ? `the ${code(explain.binding)} property` : 'a text interpolation or a binding Angular does not name'}${explain.template ? `, in the template function ${code(explain.template)}` : ''}.`,
+        `- Previous value: ${code(explain.previous)}. Current value: ${code(explain.current)}.${explain.masked ? ' Both are hidden because the binding or the field that holds them has a secret-looking name.' : ''}`,
+      ];
+      if (explain.members?.length) {
+        lines.push(
+          `- Fields of the component that hold the current value now: ${explain.members.map(code).join(', ')}.`,
+        );
+      }
+      if (explain.creation) {
+        lines.push(
+          '- Angular says the view was created after its parent and children were checked, so a change detection hook (such as ngAfterViewInit) created it.',
+        );
+      }
+      if (explain.writes?.length) {
+        for (const write of explain.writes) {
+          lines.push(
+            `- Signal ${code(write.signal)} was written with this value just before the check${
+              write.stack?.length
+                ? `, from ${write.stack.map(code).join(' < ')}.`
+                : '. Turn on write stacks (the Signals tab, or pangular:watch-signal with `stacks: true`) and reproduce to see the code that wrote it.'
+            }`,
+          );
+        }
+      } else if (explain.writesKnown) {
+        lines.push(
+          '- No named signal was written with this value just before the check. Look for code that sets a field the template reads during change detection: a lifecycle hook such as ngAfterViewInit or ngAfterViewChecked, a getter that returns a new value on each call, or a child that changes its parent state.',
+        );
+      } else {
+        lines.push(
+          '- Where it was written is unknown: the page does not report signal writes (the Signals inspector is off, or Angular is older than 17.0).',
+        );
+      }
+      return lines.join('\n');
+    }
+    case 'hydration-mismatch': {
+      const lines = ['**Server vs client DOM** (hydration mismatch explainer):', ''];
+      if (explain.summary) lines.push(explain.summary, '');
+      lines.push(`Component: ${component}.`);
+      if (explain.diff?.length) {
+        lines.push(
+          '',
+          'Diff of the server HTML Angular expected (`-`) and the client DOM it found (`+`); `<-- AT THIS LOCATION` marks the node Angular means:',
+          '',
+          fence(diffText(explain.diff)),
+        );
+      } else {
+        lines.push('', 'Angular described neither side of the mismatch.');
+      }
+      if (explain.external) {
+        lines.push(
+          '',
+          'Angular thinks a browser extension or third-party script may have changed the DOM before hydration. Try a clean browser profile, or add `ngSkipHydration` to the host.',
+        );
+      }
+      return lines.join('\n');
+    }
+    case 'missing-provider':
+      return [
+        '**Missing provider** explainer:',
+        '',
+        `- Token: ${code(explain.token)}.`,
+        explain.path?.length
+          ? `- Dependency path, requester first: ${explain.path.map(code).join(' -> ')}.`
+          : '',
+        explain.source ? `- Source injector: ${code(explain.source)}.` : '',
+        `- Walk the lookup: pangular:explain-injection with \`selector\` ${owner ? code(owner.id) : '(the component)'} and \`token\` ${code(explain.token)} lists each injector Angular asks and why the lookup stops.`,
+      ]
+        .filter(Boolean)
+        .join('\n');
+  }
+}
diff --git a/packages/devtools/src/rpc/errors-register.ts b/packages/devtools/src/rpc/errors-register.ts
index 96c0844c..7bf9e2c7 100644
--- a/packages/devtools/src/rpc/errors-register.ts
+++ b/packages/devtools/src/rpc/errors-register.ts
@@ -117,7 +117,7 @@ export async function registerErrors(host: ErrorsHost): Promise<ErrorsRegistrati
   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.",
+      "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. Three codes get an explainer read from the page: NG0100 (ExpressionChangedAfterItHasBeenChecked) gives the component, the binding Angular names and the template function, the previous and current value (hidden when the binding or a field holding it has a secret-looking name), the component fields that hold the new value, and the named signals written with it just before the check with the code that wrote them when write stacks are on; NG0500 to NG0503 (hydration mismatches) give a line diff of the server HTML Angular expected and the client DOM it found around the node; NG0201 and NullInjectorError give the missing token and Angular's dependency path, to pass to pangular:explain-injection. 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: {
diff --git a/packages/devtools/src/rpc/errors-tools.ts b/packages/devtools/src/rpc/errors-tools.ts
index 17807848..5ec7ce66 100644
--- a/packages/devtools/src/rpc/errors-tools.ts
+++ b/packages/devtools/src/rpc/errors-tools.ts
@@ -3,6 +3,7 @@ import { ERROR_REFERENCE_URL, ngCodeInfo, ngCodeUrl, normalizeNgCode } from '../
 import { redactMessage, redactUrl } from '../router.ts';
 import { redactText } from '../serialize.ts';
 import { clip } from '../text.ts';
+import { explainSection, toErrorExplain, type ErrorExplain } from './error-explain-tools.ts';
 import { code, untrusted } from './forms-tools.ts';
 import { byRecency, unknownPageText } from './pages.ts';
 
@@ -34,6 +35,12 @@ export interface ErrorGroup {
   /** The stack of the first occurrence, masked and cut. */
   stack?: string;
   owner?: ErrorOwner;
+  /**
+   * What the page read about the error, for NG0100 (binding, values, signal
+   * writes), hydration mismatches (server and client DOM, with a diff) and
+   * missing providers (token and dependency path). See `error-explain-tools.ts`.
+   */
+  explain?: ErrorExplain;
 }
 
 export interface ConsoleEntry {
@@ -119,6 +126,7 @@ function toGroup(value: unknown): ErrorGroup | null {
   const owner = toOwner(value['owner']);
   const stack = text(value['stack'], MAX_STACK);
   const name = text(value['name'], 80);
+  const explain = toErrorExplain(value['explain']);
   return {
     id: clip(value['id'], MAX_ID),
     message: text(value['message'], MAX_MESSAGE),
@@ -132,6 +140,7 @@ function toGroup(value: unknown): ErrorGroup | null {
     ...(groupCode && ngCodeUrl(groupCode) ? { docUrl: ngCodeUrl(groupCode) } : {}),
     ...(stack ? { stack } : {}),
     ...(owner ? { owner } : {}),
+    ...(explain ? { explain } : {}),
   };
 }
 
@@ -382,6 +391,7 @@ export function explainErrorText(
         ? codeSection(group.code)
         : 'No Angular error code in this error, so it comes from app code or a library.',
     ];
+    if (group.explain) lines.push('', explainSection(group.explain, group.owner));
     if (group.stack) {
       const stack = group.stack.split('\n').slice(0, 15).join('\n').replace(/```/g, "'''");
       lines.push('', 'Stack (first occurrence):', '', '```text', stack, '```');
diff --git a/packages/devtools/src/rpc/hydration-tools.ts b/packages/devtools/src/rpc/hydration-tools.ts
index 8f467eb7..e3598c96 100644
--- a/packages/devtools/src/rpc/hydration-tools.ts
+++ b/packages/devtools/src/rpc/hydration-tools.ts
@@ -1,3 +1,4 @@
+import { diffDom, diffText } from '../dom-diff.ts';
 import type { ComponentPage, HydrationReport, LiveComponentNode } from '../types.ts';
 import { code, untrusted } from './forms-tools.ts';
 import { capped } from './router-tools.ts';
@@ -6,7 +7,7 @@ import { capped } from './router-tools.ts';
 export const HYDRATION_ROWS = 30;
 
 export const HYDRATION_DESCRIPTION =
-  'Hydration of each page that was rendered on the server, read live from what Angular records in development builds: how many component hosts were hydrated (server HTML reused), skipped (`ngSkipHydration`, rendered again on the client), mismatched (the DOM did not match the server HTML, with what Angular expected and found) or created on the client, and the `@defer` blocks still dehydrated (incremental hydration). Names the skipped and client-created hosts and the dehydrated blocks by instance id, at most 30 each. Says when a page was not rendered on the server, or has server HTML but no hydrated host (client hydration off, or a production build). Each open tab reports its own; `page` picks one and lists every tab without it. The answer stops at 20,000 characters.';
+  'Hydration of each page that was rendered on the server, read live from what Angular records in development builds: how many component hosts were hydrated (server HTML reused), skipped (`ngSkipHydration`, rendered again on the client), mismatched (the DOM did not match the server HTML, with a diff of the server HTML Angular expected and the client DOM it found) or created on the client, and the `@defer` blocks still dehydrated (incremental hydration). Names the skipped and client-created hosts and the dehydrated blocks by instance id, at most 30 each. Says when a page was not rendered on the server, or has server HTML but no hydrated host (client hydration off, or a production build). Each open tab reports its own; `page` picks one and lists every tab without it. The answer stops at 20,000 characters.';
 
 export const HYDRATION_OVERLAY_DESCRIPTION =
   ' `overlay: true` outlines the regions on the page for a person watching it: hydrated (solid), skipped (dashed), mismatched (double) and dehydrated `@defer` blocks (dotted), each labelled, with a legend; `overlay: false` removes it. The overlay draws in its own layer, ignores the pointer and changes nothing in the app.';
@@ -67,10 +68,17 @@ function pageSection(page: ComponentPage): string {
   if (report.mismatches.length) {
     lines.push('', 'Mismatched:');
     for (const mismatch of report.mismatches) {
-      lines.push(
-        `- ${code(mismatch.name)} ${code(`<${mismatch.tag}>`)} ${code(mismatch.id)}${mismatch.expected ? `: expected ${code(mismatch.expected)}` : ''}${mismatch.actual ? `, found ${code(mismatch.actual)}` : ''}`,
-      );
+      lines.push(`- ${code(mismatch.name)} ${code(`<${mismatch.tag}>`)} ${code(mismatch.id)}`);
+      if (mismatch.expected || mismatch.actual) {
+        // Server HTML Angular expected (-) against the client DOM it found (+).
+        const diff = diffText(diffDom(mismatch.expected, mismatch.actual)).replace(/```/g, "'''");
+        lines.push('', '  ```diff', ...diff.split('\n').map((line) => `  ${line}`), '  ```');
+      }
     }
+    lines.push(
+      '',
+      'In each diff, `-` lines are the server HTML Angular expected, `+` lines the client DOM it found, and `<-- AT THIS LOCATION` marks the node. pangular:explain-error shows the same diff for the NG05xx error.',
+    );
   }
   const client = hostsWith(page.roots, 'client');
   if (client.length) {
diff --git a/packages/devtools/src/rpc/injection-explain.ts b/packages/devtools/src/rpc/injection-explain.ts
new file mode 100644
index 00000000..e637f9b9
--- /dev/null
+++ b/packages/devtools/src/rpc/injection-explain.ts
@@ -0,0 +1,500 @@
+// `explain-injection`: walks the lookup path of a token from an element or
+// environment injector the way Angular resolves it (`lookupTokenUsingNodeInjector`
+// and `R3Injector.get` in `@angular/core`), honouring `self`, `skipSelf`,
+// `host` and `optional`, and says at each injector whether it provides the
+// token and why the lookup stops. It reads only the injector tree the page
+// reported, so it never creates a service or runs app code.
+
+import { NULL_INJECTOR_ID } from '../injector-tree.ts';
+import type { InjectorPage, InjectorTreeNode, ProviderInfo } from '../types.ts';
+import { code, untrusted } from './forms-tools.ts';
+import { MAX_ARG_CHARS, NO_INJECTORS } from './injector-tools.ts';
+
+export interface InjectionFlags {
+  self?: boolean;
+  skipSelf?: boolean;
+  host?: boolean;
+  optional?: boolean;
+}
+
+export interface ExplainInjectionArgs extends InjectionFlags {
+  /** An element injector (tag, class name, component id, injector id) or an environment injector name. */
+  selector?: string;
+  token?: string;
+}
+
+/** What one injector on the path did with the token. */
+export type InjectionStepStatus =
+  /** It provides the token: the lookup ends here. */
+  | 'provides'
+  /** It was asked and does not provide the token. */
+  | 'missing'
+  /** It provides the token only in `viewProviders`, which this lookup can't see. */
+  | 'hidden'
+  /** `skipSelf`: Angular starts at the parent. */
+  | 'skipped'
+  /** The lookup stopped before it got here. */
+  | 'not-asked'
+  /** The page's Angular does not list providers, so it can't be told. */
+  | 'unknown';
+
+export interface InjectionStep {
+  id: string;
+  name: string;
+  type: 'element' | 'environment' | 'null';
+  /** The component on an element injector. */
+  component?: string;
+  status: InjectionStepStatus;
+  reason: string;
+  provider?: ProviderInfo;
+}
+
+export interface InjectionExplanation {
+  pageId: string;
+  token: string;
+  flags: (keyof InjectionFlags)[];
+  start: {
+    id: string;
+    name: string;
+    type: InjectorTreeNode['injector']['type'];
+    component?: string;
+  };
+  steps: InjectionStep[];
+  /** `resolved`: an injector provides it; `null`: optional and not found; `error`: NG0201; `unknown`: no provider data. */
+  outcome: 'resolved' | 'null' | 'error' | 'unknown';
+  /** The id of the injector that provides the token. */
+  resolvedBy?: string;
+  summary: string;
+  /** Before Angular 16.2 the path is rebuilt from the tree's nesting and may differ from Angular's. */
+  approximate?: boolean;
+  /** Other injectors the selector matched; the first one was used. */
+  alsoMatched?: string[];
+}
+
+const FLAG_NAMES: (keyof InjectionFlags)[] = ['self', 'skipSelf', 'host', 'optional'];
+
+function flatten(nodes: InjectorTreeNode[], out: InjectorTreeNode[] = []): InjectorTreeNode[] {
+  for (const node of nodes) {
+    out.push(node);
+    flatten(node.children, out);
+  }
+  return out;
+}
+
+/** Each node's ancestors in the report, nearest first. */
+function ancestors(
+  nodes: InjectorTreeNode[],
+  above: string[] = [],
+  out = new Map<string, string[]>(),
+): Map<string, string[]> {
+  for (const node of nodes) {
+    out.set(node.injector.id, above);
+    ancestors(node.children, [node.injector.id, ...above], out);
+  }
+  return out;
+}
+
+const loose = (text: string) => text.trim().replace(/\s+/g, ' ').toLowerCase();
+
+function matches(node: InjectorTreeNode, selector: string): boolean {
+  const { injector } = node;
+  if (injector.id === selector || injector.componentId === selector) return true;
+  if (injector.type === 'environment') return loose(injector.name) === loose(selector);
+  if (injector.type !== 'element') return false;
+  if (injector.selector === selector) return true;
+  const want = selector.replace(/^<|>$/g, '').toLowerCase();
+  return (
+    injector.name.replace(/^<|>$/g, '').toLowerCase() === want ||
+    injector.component?.toLowerCase() === want ||
+    !!injector.directives?.some((name) => name.toLowerCase() === want)
+  );
+}
+
+/** Token names compare as written, then without case. */
+function sameToken(a: string, b: string): boolean {
+  return a === b || a.toLowerCase() === b.toLowerCase();
+}
+
+/**
+ * Walks the lookup and returns each step, or a sentence saying why it can't
+ * (`{ error }`). `reduced` is true when the page's Angular has no
+ * `ɵgetInjectorProviders` (before 16.2), so providers are unknown.
+ */
+export function explainInjection(
+  page: InjectorPage | undefined,
+  args: ExplainInjectionArgs,
+  reduced = false,
+): InjectionExplanation | { error: string } {
+  if (!page || (!page.roots.length && !page.environment.length)) return { error: NO_INJECTORS };
+  const selector = args.selector?.trim() ?? '';
+  const token = args.token?.trim() ?? '';
+  if (!selector || !token) {
+    return {
+      error:
+        'Pass `selector` (the component or element that injects, or an environment injector name such as Root) and `token` (the service class or InjectionToken name).',
+    };
+  }
+  if (selector.length > MAX_ARG_CHARS || token.length > MAX_ARG_CHARS) {
+    return { error: `\`selector\` and \`token\` take at most ${MAX_ARG_CHARS} characters each.` };
+  }
+  const elements = flatten(page.roots);
+  const environments = flatten(page.environment);
+  const all = [...elements, ...environments];
+  const byId = new Map(all.map((node) => [node.injector.id, node]));
+  const found = [
+    ...elements.filter((node) => matches(node, selector)),
+    ...environments.filter((node) => matches(node, selector)),
+  ];
+  const start = found[0];
+  if (!start) {
+    const tags = [
+      ...new Set(elements.map((node) => node.injector.component ?? node.injector.name)),
+    ];
+    return {
+      error: `No injector on page ${code(page.pageId)} matches ${code(selector)}. Pass a component class name, a tag, a component or injector id, or an environment injector name. On the page: ${tags
+        .slice(0, 20)
+        .map(code)
+        .join(', ')}.`,
+    };
+  }
+  const flags = FLAG_NAMES.filter((flag) => args[flag] === true);
+  const fromElement = start.injector.type === 'element';
+
+  // The path Angular asks. From 16.2 the page reports it; before, the nesting
+  // of the report stands in: element ancestors, then the root's environment chain.
+  let path = start.injector.path?.length ? [...start.injector.path] : [];
+  let approximate = false;
+  if (!path.length) {
+    approximate = fromElement;
+    const elementUp = fromElement ? (ancestors(page.roots).get(start.injector.id) ?? []) : [];
+    const envParents = ancestors(page.environment);
+    const firstEnv = fromElement
+      ? (environments.find((node) => loose(node.injector.name) === 'root') ?? environments.at(-1))
+      : start;
+    const envChain = firstEnv
+      ? [firstEnv.injector.id, ...(envParents.get(firstEnv.injector.id) ?? [])]
+      : [];
+    path = fromElement
+      ? [start.injector.id, ...elementUp, ...envChain]
+      : [start.injector.id, ...(envParents.get(start.injector.id) ?? [])];
+    if (path.at(-1) !== NULL_INJECTOR_ID) path.push(NULL_INJECTOR_ID);
+  }
+
+  // `host`: Angular stops at the host of the component whose template declares the start.
+  const boundary = fromElement ? start.injector.host : undefined;
+  // Tokens some injection on the page resolved here: services created on demand,
+  // such as `providedIn: 'root'`, are not in a provider list.
+  const resolvedHere = (id: string) =>
+    all.some((node) =>
+      (node.dependencies ?? []).some((dep) => dep.providedBy === id && sameToken(dep.token, token)),
+    );
+
+  const steps: InjectionStep[] = [];
+  let outcome: InjectionExplanation['outcome'] | undefined;
+  let resolvedBy: string | undefined;
+  let stopReason = '';
+  let previousElement: InjectorTreeNode | undefined;
+  let asked = 0;
+
+  for (let i = 0; i < path.length; i++) {
+    const id = path[i]!;
+    const node = byId.get(id);
+    const type: InjectionStep['type'] =
+      id === NULL_INJECTOR_ID ? 'null' : (node?.injector.type ?? 'environment');
+    const name =
+      id === NULL_INJECTOR_ID ? 'Null injector' : (node?.injector.name ?? '(not in the report)');
+    const base = {
+      id,
+      name,
+      type,
+      ...(node?.injector.component ? { component: node.injector.component } : {}),
+    };
+    if (outcome || stopReason) {
+      steps.push({
+        ...base,
+        status: 'not-asked',
+        reason: stopReason || 'The lookup already ended.',
+      });
+      continue;
+    }
+    if (i === 0 && args.skipSelf) {
+      steps.push({
+        ...base,
+        status: 'skipped',
+        reason: '`skipSelf`: Angular starts at the parent injector.',
+      });
+      if (args.self)
+        stopReason = '`self` with `skipSelf`: nothing past the skipped injector is asked.';
+      continue;
+    }
+    if (type === 'null') {
+      outcome = args.optional ? 'null' : 'error';
+      steps.push({
+        ...base,
+        status: 'missing',
+        reason: args.optional
+          ? 'Every injector was asked; `optional` makes the null injector return null.'
+          : 'Every injector was asked; the null injector throws NG0201 (NullInjectorError).',
+      });
+      continue;
+    }
+    if (type === 'environment' && fromElement && (args.self || args.host)) {
+      stopReason = `\`${args.self ? 'self' : 'host'}\`: a lookup from an element never asks environment injectors.`;
+      outcome = args.optional ? 'null' : 'error';
+      steps.push({ ...base, status: 'not-asked', reason: stopReason });
+      continue;
+    }
+    asked++;
+    const providers = node?.providers ?? [];
+    const atBoundary = !!args.host && boundary === id;
+    let status: InjectionStepStatus = 'missing';
+    let reason = '';
+    let provider: ProviderInfo | undefined;
+    if (type === 'element') {
+      // viewProviders are seen from the component's own view: by the component
+      // itself (the first step) and when the lookup comes up from inside its view.
+      const fromInside = i === 0 || previousElement?.injector.host === id;
+      const canSeeView = fromInside && (i > 0 || !!node?.injector.component);
+      const matching = providers.filter((p) => sameToken(p.token, token));
+      const visible = matching.filter((p) =>
+        atBoundary ? p.isViewProvider : canSeeView || !p.isViewProvider,
+      );
+      const isOwnClass =
+        !!node &&
+        (sameToken(node.injector.component ?? '', token) ||
+          (!atBoundary && !!node.injector.directives?.some((d) => sameToken(d, token))));
+      if (visible.length) {
+        status = 'provides';
+        provider = visible[0];
+        reason = `Its ${provider!.isViewProvider ? 'viewProviders' : 'providers'} list the token (${provider!.type}).`;
+      } else if (isOwnClass && i > 0) {
+        status = 'provides';
+        reason =
+          'The token is the component or a directive on this element, so the instance itself is injected.';
+      } else if (matching.length) {
+        status = 'hidden';
+        reason = atBoundary
+          ? 'It provides the token in `providers`, but at the `host` boundary only `viewProviders` and the component itself count.'
+          : 'It provides the token only in `viewProviders`, which projected content and elements outside its view can not see.';
+      } else if (reduced && !providers.length) {
+        status = 'unknown';
+        reason = "This Angular version doesn't list element providers.";
+      } else {
+        reason = 'Not in its providers.';
+      }
+      previousElement = node;
+    } else {
+      const listed = providers.find((p) => sameToken(p.token, token));
+      if (listed) {
+        status = 'provides';
+        provider = listed;
+        reason = `Its providers list the token (${listed.type}).`;
+      } else if (resolvedHere(id)) {
+        status = 'provides';
+        reason =
+          "Not in its provider list, but another injection on the page got the token from here (a service created on demand, such as `providedIn: 'root'`).";
+      } else if (reduced && !providers.length) {
+        status = 'unknown';
+        reason = "This Angular version doesn't list environment providers.";
+      } else {
+        reason =
+          loose(name) === 'root'
+            ? "Not in its providers, and nothing on the page got it from here yet. An `@Injectable({ providedIn: 'root' })` class would still be created here on first use; the page can't tell from the token name alone."
+            : 'Not in its providers.';
+      }
+    }
+    steps.push({ ...base, status, reason, ...(provider ? { provider } : {}) });
+    if (status === 'provides') {
+      outcome = 'resolved';
+      resolvedBy = id;
+      continue;
+    }
+    if (args.self && asked === 1) {
+      stopReason = '`self`: only the first injector is asked.';
+      if (!fromElement) {
+        // R3Injector with `self` goes straight to the null injector.
+        const nullIndex = path.indexOf(NULL_INJECTOR_ID);
+        if (nullIndex > i) {
+          for (let k = i + 1; k < nullIndex; k++) {
+            const skipped = byId.get(path[k]!);
+            steps.push({
+              id: path[k]!,
+              name: skipped?.injector.name ?? '(not in the report)',
+              type: skipped?.injector.type ?? 'environment',
+              status: 'not-asked',
+              reason: stopReason,
+            });
+          }
+          stopReason = '';
+          i = nullIndex - 1;
+          continue;
+        }
+      }
+      outcome = args.optional ? 'null' : 'error';
+      continue;
+    }
+    if (atBoundary) {
+      stopReason = `\`host\`: the lookup stops at the host element of the component that declares ${code(start.injector.component ?? start.injector.name)}.`;
+      outcome = args.optional ? 'null' : 'error';
+    }
+  }
+  if (!outcome)
+    outcome = steps.some((s) => s.status === 'unknown')
+      ? 'unknown'
+      : args.optional
+        ? 'null'
+        : 'error';
+  if (outcome !== 'resolved' && steps.some((s) => s.status === 'unknown')) outcome = 'unknown';
+
+  const startName = start.injector.component ?? start.injector.name;
+  const by = resolvedBy ? byId.get(resolvedBy)?.injector : undefined;
+  const flagText = flags.length ? ` with ${flags.map((flag) => `\`${flag}\``).join(', ')}` : '';
+  const summary =
+    outcome === 'resolved'
+      ? `${code(token)} resolves${flagText} from ${code(startName)} at ${code(by?.component ?? by?.name ?? resolvedBy ?? '')}.`
+      : outcome === 'null'
+        ? `No injector Angular asks${flagText} provides ${code(token)}; \`optional\` makes the injection return null.`
+        : outcome === 'unknown'
+          ? `Whether ${code(token)} resolves from ${code(startName)} can't be told: the page's Angular doesn't list providers (16.2 and later do).`
+          : `No injector Angular asks${flagText} provides ${code(token)}, so injecting it from ${code(startName)} throws NG0201 (NullInjectorError).`;
+  return {
+    pageId: page.pageId,
+    token,
+    flags,
+    start: {
+      id: start.injector.id,
+      name: start.injector.name,
+      type: start.injector.type,
+      ...(start.injector.component ? { component: start.injector.component } : {}),
+    },
+    steps,
+    outcome,
+    ...(resolvedBy ? { resolvedBy } : {}),
+    summary,
+    ...(approximate ? { approximate } : {}),
+    ...(found.length > 1
+      ? { alsoMatched: found.slice(1, 11).map((node) => node.injector.id) }
+      : {}),
+  };
+}
+
+const STATUS_TEXT: Record<InjectionStepStatus, string> = {
+  provides: 'provides it',
+  missing: 'not provided',
+  hidden: 'hidden',
+  skipped: 'skipped',
+  'not-asked': 'not asked',
+  unknown: 'unknown',
+};
+
+const cell = (text: string) => text.replace(/\|/g, '\\|').replace(/\s+/g, ' ');
+
+/** The markdown answer of `pangular:explain-injection`. */
+export function explainInjectionText(result: InjectionExplanation | { error: string }): string {
+  if ('error' in result) return result.error;
+  const rows = result.steps.map(
+    (step, index) =>
+      `| ${index + 1} | ${cell(code(step.name))}${step.component ? ` ${cell(code(step.component))}` : ''} | ${step.type} | ${STATUS_TEXT[step.status]} | ${cell(step.reason)} |`,
+  );
+  const notes = [
+    result.approximate
+      ? "The page's Angular has no `ɵgetInjectorResolutionPath` (16.2 and later), so this path is rebuilt from the nesting of the injector tree: element ancestors as rendered, then the root's environment injectors. Projected content resolves from where it is declared, so its real path can differ."
+      : '',
+    result.alsoMatched?.length
+      ? `The selector matched ${result.alsoMatched.length + 1} injectors; this is the first. Others: ${result.alsoMatched.map(code).join(', ')}.`
+      : '',
+  ].filter(Boolean);
+  return untrusted(
+    [
+      `**${result.summary}**`,
+      '',
+      `Lookup of ${code(result.token)} from ${code(result.start.component ?? result.start.name)} (${code(result.start.id)}) on page ${code(result.pageId)}, flags: ${result.flags.length ? result.flags.join(', ') : 'none'}. Read from the injector tree the page reported; nothing was created or injected.`,
+      '',
+      '| Step | Injector | Kind | Result | Why |',
+      '| --- | --- | --- | --- | --- |',
+      ...rows,
+      ...(notes.length ? ['', ...notes] : []),
+    ].join('\n'),
+  );
+}
+
+export const EXPLAIN_INJECTION_DESCRIPTION =
+  "Explain how Angular resolves one token for one component, element or environment injector, the way it does at run time: each injector on the lookup path in order (the element injectors up the declaration tree, then the environment injectors from the route or root injector to the platform, then the null injector), whether it provides the token and why the lookup stops there. Honours `self` (only the first injector), `skipSelf` (start at the parent), `host` (stop at the host element of the component that declares the start; only its `viewProviders` and the component itself count there; never the environment injectors) and `optional` (null instead of NG0201). Notes tokens provided only in `viewProviders` that the lookup can't see. Use it for NG0201 / NullInjectorError: pass the component from pangular:explain-error and the missing token. Read from the injector tree the page reported (pangular:inspect-providers), so nothing is created or injected. A service created on demand (`providedIn: 'root'`) counts as provided once something on the page got it; before that the answer says it can't tell from the name. Before Angular 16.2 the path is rebuilt from the tree's nesting and providers are unknown; the answer says so. Each open tab reports its own tree; `page` picks one and defaults to the most recent.";
+
+const FLAG_SCHEMA = (text: string) => ({ type: 'boolean', description: text }) as const;
+
+export const EXPLAIN_INJECTION_SCHEMA = {
+  type: 'object',
+  properties: {
+    selector: {
+      type: 'string',
+      description:
+        'Where the injection happens: a component or directive class name (CardComponent), a tag (app-card), a component id from the component tree or an error owner (c12), an injector id, or an environment injector name (Root, Route: admin) for a service. At most 500 characters.',
+    },
+    token: {
+      type: 'string',
+      description:
+        'The token, as the Injectors tab names it: a class name (HttpClient) or an InjectionToken description (API_URL). At most 500 characters.',
+    },
+    self: FLAG_SCHEMA('`inject(T, { self: true })` / `@Self()`: ask only the first injector.'),
+    skipSelf: FLAG_SCHEMA('`{ skipSelf: true }` / `@SkipSelf()`: start at the parent injector.'),
+    host: FLAG_SCHEMA(
+      '`{ host: true }` / `@Host()`: stop at the host element of the declaring component.',
+    ),
+    optional: FLAG_SCHEMA('`{ optional: true }` / `@Optional()`: null instead of NG0201.'),
+    page: {
+      type: 'string',
+      description:
+        'Page id, when more than one tab reports (see pangular:list-pages). Defaults to the most recent.',
+    },
+  },
+  required: ['selector', 'token'],
+} as const;
+
+/** The arguments of the RPC function and the agent tool, checked. */
+export function injectionArgs(raw: unknown): ExplainInjectionArgs & { page?: string } {
+  const args = raw && typeof raw === 'object' ? (raw as Record<string, unknown>) : {};
+  const str = (key: string) => (typeof args[key] === 'string' ? (args[key] as string) : undefined);
+  const page = str('page') ?? str('pageId');
+  return {
+    selector: str('selector'),
+    token: str('token'),
+    ...(page ? { page } : {}),
+    ...Object.fromEntries(FLAG_NAMES.filter((flag) => args[flag] === true).map((f) => [f, true])),
+  };
+}
+
+// Typed loosely like `errors-register.ts`, so devframe's own definitions fit.
+type AnyRecord = Record<string, any>;
+
+export interface InjectionExplainHost {
+  register(definition: AnyRecord): void;
+  agent: { registerTool(tool: AnyRecord): void };
+  /** The injector tree of a page, or of the most recent page without one; `{ error }` for an unknown page. */
+  page(pageId: string | undefined): { page?: InjectorPage; reduced: boolean } | { error: string };
+}
+
+/**
+ * The `explain-injection` RPC function (the panel's Explain lookup) and the
+ * `pangular:explain-injection` agent tool. Both read only.
+ */
+export function registerInjectionExplain(host: InjectionExplainHost): void {
+  const run = (raw: unknown) => {
+    const args = injectionArgs(raw);
+    const picked = host.page(args.page);
+    if ('error' in picked) return picked;
+    return explainInjection(picked.page, args, picked.reduced);
+  };
+  host.register({
+    name: 'explain-injection',
+    type: 'query',
+    jsonSerializable: true,
+    handler: (raw: unknown) => run(raw),
+  });
+  host.agent.registerTool({
+    id: 'pangular:explain-injection',
+    description: EXPLAIN_INJECTION_DESCRIPTION,
+    inputSchema: EXPLAIN_INJECTION_SCHEMA,
+    handler: async (raw: unknown) => ({ markdown: explainInjectionText(run(raw)) }),
+  });
+}
diff --git a/packages/devtools/src/rpc/injector-report.ts b/packages/devtools/src/rpc/injector-report.ts
index db0415e9..aebdfe04 100644
--- a/packages/devtools/src/rpc/injector-report.ts
+++ b/packages/devtools/src/rpc/injector-report.ts
@@ -32,6 +32,7 @@ const InjectorSchema = v.object({
   directives: v.optional(texts(100)),
   selector: v.optional(clipped(MAX_SELECTOR)),
   path: v.optional(texts(200)),
+  host: v.optional(text),
 });
 
 const ProviderSchema = v.object({
diff --git a/packages/devtools/src/rpc/leaks-register.ts b/packages/devtools/src/rpc/leaks-register.ts
new file mode 100644
index 00000000..bd7e94c5
--- /dev/null
+++ b/packages/devtools/src/rpc/leaks-register.ts
@@ -0,0 +1,186 @@
+import { createSharedState } from 'devframe/utils/shared-state';
+import {
+  findLeaksText,
+  leakTrackingRequest,
+  staleLeakPages,
+  toLeaksReport,
+  trackSubscriptionsText,
+  type LeaksState,
+} from './leaks-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>;
+    broadcast(message: { method: string; args: unknown[]; optional?: boolean }): unknown;
+  };
+}
+
+export interface LeaksHost {
+  my: Scoped;
+  /** devframe's RPC host, to drop a page the moment its connection closes. */
+  rpcHost: unknown;
+  /** Registers an RPC function, skipped when the Components 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 LeaksRegistration {
+  /** The pages that report leak data, 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;
+}
+
+/**
+ * Leak hints on the server, part of the Components inspector: the `leaks`
+ * shared state, the `push-leaks`, `forget-leaks-page` and
+ * `request-leak-tracking` RPC functions, and the `find-leaks` and
+ * `track-subscriptions` agent tools.
+ */
+export async function registerLeaks(host: LeaksHost): Promise<LeaksRegistration> {
+  const shared = await host.my.rpc.sharedState('leaks', {
+    sharedState: createSharedState<LeaksState>({
+      initialValue: { pages: {} },
+      enablePatches: true,
+    }),
+  });
+  const state = () => shared['value']() as LeaksState;
+  const drop = (pageIds: readonly string[]) => {
+    const present = pageIds.filter((id) => state().pages[id]);
+    if (!present.length) return;
+    shared['mutate']((draft: LeaksState) => {
+      for (const id of present) delete draft.pages[id];
+    });
+  };
+  const sessions = trackPageSessions(host.rpcHost, drop);
+
+  host.register({
+    name: 'push-leaks',
+    type: 'action',
+    jsonSerializable: true,
+    handler: (message: unknown) => {
+      const report = toLeaksReport(message);
+      if (!report || !host.owns(report.pageId)) return { known: true };
+      sessions.bind(report.pageId);
+      shared['mutate']((draft: LeaksState) => {
+        draft.pages[report.pageId] = { ...report, reportedAt: Date.now() };
+      });
+      return { known: true };
+    },
+  });
+
+  host.register({
+    name: 'forget-leaks-page',
+    type: 'action',
+    jsonSerializable: true,
+    handler: (pageId: unknown) => {
+      if (!host.mayForget(pageId)) return;
+      sessions.unbind(pageId);
+      drop([pageId]);
+    },
+  });
+
+  // Shared by the panel's Track subscriptions button and the track-subscriptions agent tool.
+  const requestTracking = (message: unknown) => {
+    const request = leakTrackingRequest(message, Object.values(state().pages));
+    // No page reports yet: starting now would patch every connected tab.
+    if (request.on && !request.pageId) return { request, pages: 0 };
+    const pages = request.pageId
+      ? state().pages[request.pageId]
+        ? 1
+        : 0
+      : Object.keys(state().pages).length;
+    if (request.pageId) {
+      void host.my.rpc.broadcast({ method: 'leak-tracking', args: [request], optional: true });
+    } else {
+      // Off for every page: each page answers only to its own id.
+      for (const pageId of Object.keys(state().pages)) {
+        void host.my.rpc.broadcast({
+          method: 'leak-tracking',
+          args: [{ pageId, on: false }],
+          optional: true,
+        });
+      }
+    }
+    return { request, pages };
+  };
+
+  host.register({
+    name: 'request-leak-tracking',
+    type: 'action',
+    jsonSerializable: true,
+    handler: (message: unknown) => ({ pages: requestTracking(message).pages }),
+  });
+
+  host.agent.registerTool({
+    id: 'pangular:find-leaks',
+    description:
+      'Leak hints for the running page, in three parts. **Still retained**: component instances that left the page (destroyed) but are still in memory after at least 2 navigations and 10 seconds, with class, instance id, the route when destroyed, age and navigations since; the overlay holds them only through WeakRef and drops them once a FinalizationRegistry sees them collected. Garbage collection timing is up to the browser, so this is a hint to check retainers in the Chrome Memory panel, not proof of a leak. Detached views (kept on purpose, such as by a RouteReuseStrategy) are listed apart. **Open subscriptions after destroy**: RxJS subscriptions a component made that are still open after it went away, grouped by class, instance and call site, only while subscription tracking is on (pangular:track-subscriptions). **Live effects and subscriptions** per component, from the signal graph Angular keeps (20.1+). Names and routes are masked like other live values. Empty when no page is connected.',
+    inputSchema: {
+      type: 'object',
+      properties: {
+        page: PAGE_ARGUMENT,
+        component: {
+          type: 'string',
+          description: 'Only components whose class name contains this, any case.',
+        },
+        limit: { type: 'integer', description: 'Rows per table (1-200, default 20).' },
+      },
+    },
+    handler: async (args: AnyRecord) => ({
+      markdown: findLeaksText(state(), {
+        page: pageArgument(args),
+        component: typeof args?.['component'] === 'string' ? args['component'] : undefined,
+        limit: args?.['limit'],
+      }),
+    }),
+  });
+
+  host.agent.registerTool({
+    id: 'pangular:track-subscriptions',
+    description:
+      'Start or stop tracking RxJS subscriptions on the running page, the same switch as Track subscriptions in the Components panel. While on, the overlay wraps `Observable.prototype.subscribe` to record which component made each subscription (from the call stack, and the instance through the Angular profiler on 20.0+), so pangular:find-leaks can count open subscriptions per component and flag those still open after their component is destroyed. Turning it off restores `subscribe`. Subscriptions made before tracking started are not seen; the choice survives a reload of the tab. `start` tracks the page `page` names, or the most recent page; `stop` stops that page, or every page without `page`.',
+    inputSchema: {
+      type: 'object',
+      properties: {
+        action: { type: 'string', enum: ['start', 'stop'] },
+        page: PAGE_ARGUMENT,
+      },
+      required: ['action'],
+    },
+    handler: async (args: AnyRecord) => {
+      const action = args?.['action'];
+      if (action !== 'start' && action !== 'stop') {
+        return { markdown: 'Pass `action`: `start` or `stop`.' };
+      }
+      const page = pageArgument(args);
+      if (page && !state().pages[page]) {
+        return {
+          markdown: findLeaksText(state(), { page }),
+        };
+      }
+      const sent = requestTracking({ on: action === 'start', ...(page ? { pageId: page } : {}) });
+      return { markdown: trackSubscriptionsText(sent.request, sent.pages) };
+    },
+  });
+
+  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(staleLeakPages(state(), now, host.ttl)),
+  };
+}
diff --git a/packages/devtools/src/rpc/leaks-tools.ts b/packages/devtools/src/rpc/leaks-tools.ts
new file mode 100644
index 00000000..d0ff2c21
--- /dev/null
+++ b/packages/devtools/src/rpc/leaks-tools.ts
@@ -0,0 +1,406 @@
+import { RETAINED_AFTER_MS, RETAINED_AFTER_NAVIGATIONS } from '../config.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';
+
+export { RETAINED_AFTER_MS, RETAINED_AFTER_NAVIGATIONS };
+
+/** Live components a report lists, those with the most effects and subscriptions first. */
+export const MAX_LEAK_COMPONENTS = 200;
+/** Destroyed instances a report lists, oldest first. */
+export const MAX_LEAK_DESTROYED = 100;
+/** Open subscriptions after destroy a report lists. */
+export const MAX_LEAK_SUBSCRIPTIONS = 100;
+const MAX_NAME = 120;
+const MAX_ROUTE = 300;
+const MAX_SOURCE = 300;
+const MAX_ID = 40;
+
+/** Whether subscription tracking runs on the page. */
+export type SubscriptionTracking = 'off' | 'on' | 'unavailable';
+
+/** One component on the page with its live effects and tracked open subscriptions. */
+export interface LeakComponent {
+  /** The host element id, the same one the Components tab and `inspect-component` use. */
+  id: string;
+  name: string;
+  /** Effects Angular's signal graph lists for this component only. */
+  effects: number;
+  /**
+   * Effects Angular files under the view the host sits in, which components
+   * side by side in one template share, so they can't be told apart.
+   */
+  sharedEffects?: number;
+  /** Open subscriptions made by this instance while tracking was on. */
+  subscriptions: number;
+}
+
+/** A component instance that left the page and was not garbage collected yet. */
+export interface LeakDestroyed {
+  id: string;
+  name: string;
+  /** The page's path and query when the instance was destroyed, masked. */
+  route: string;
+  /** The page clock when it was destroyed. */
+  destroyedAt: number;
+  /** Navigations on the page since then. */
+  navigations: number;
+  /**
+   * Angular still holds the view, so it was detached rather than destroyed,
+   * as a `RouteReuseStrategy` or a portal does on purpose.
+   */
+  detached?: boolean;
+  /** Subscriptions it made that are still open. */
+  subscriptions?: number;
+}
+
+/** A subscription a component made that is still open after the component went away. */
+export interface LeakSubscription {
+  /** The component class whose code made it, from the call stack. */
+  name: string;
+  /** The instance, when the subscription was made inside its hooks, template or listeners. */
+  instanceId?: string;
+  /** How many open subscriptions share this class, instance and call site. */
+  count: number;
+  /** The first call site in the component, masked. */
+  source?: string;
+  route: string;
+  openedAt: number;
+  /**
+   * `instance-destroyed`: its instance is gone; `no-live-instance`: the class
+   * has no instance on the page any more, and one was destroyed since it opened.
+   */
+  reason: 'instance-destroyed' | 'no-live-instance';
+}
+
+/** What a page pushes, in full each time. */
+export interface LeaksReport {
+  pageId: string;
+  url: string;
+  title: string;
+  /** The page clock when the report was made, to turn its times into ages. */
+  at: number;
+  support: {
+    /** `WeakRef`, `FinalizationRegistry` and `ng.getComponent` are there. */
+    retention: boolean;
+    /** `ng.ɵgetSignalGraph` is there, so effects can be counted. */
+    effects: boolean;
+    subscriptions: SubscriptionTracking;
+    /** Subscriptions are tied to instances through Angular's profiler (20.0+), not only to classes. */
+    instances?: boolean;
+    /** Destroyed and detached views can be told apart (Angular 14+). */
+    detached?: boolean;
+  };
+  /** Navigations the page saw since the overlay started. */
+  navigations: number;
+  totals: {
+    components: number;
+    effects: number;
+    /** Open subscriptions tied to a component, tracked while tracking was on. */
+    subscriptions: number;
+    /** Destroyed instances the page still tracks (not collected yet). */
+    destroyed: number;
+    /** Destroyed instances the garbage collector freed since the overlay started. */
+    collected: number;
+    /** Destroyed instances the page stopped tracking to stay under its cap. */
+    dropped: number;
+  };
+  components: LeakComponent[];
+  destroyed: LeakDestroyed[];
+  subscriptions: LeakSubscription[];
+}
+
+export interface LeaksPageView extends LeaksReport {
+  reportedAt: number;
+}
+
+export interface LeaksState {
+  pages: Record<string, LeaksPageView>;
+}
+
+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 count = (value: unknown) => Math.max(0, Math.floor(num(value)));
+const text = (value: unknown, max: number) =>
+  typeof value === 'string' ? clip(redactText(value), max) : '';
+const id = (value: unknown) => (typeof value === 'string' ? clip(value, MAX_ID) : '');
+
+function list<T>(value: unknown, map: (item: unknown) => T | null, max: number): T[] {
+  if (!Array.isArray(value)) return [];
+  return value
+    .slice(0, max)
+    .map(map)
+    .filter((item): item is T => item !== null);
+}
+
+function toComponent(value: unknown): LeakComponent | null {
+  if (!isRecord(value) || typeof value['id'] !== 'string') return null;
+  return {
+    id: id(value['id']),
+    name: text(value['name'], MAX_NAME) || '?',
+    effects: count(value['effects']),
+    subscriptions: count(value['subscriptions']),
+    ...(count(value['sharedEffects']) ? { sharedEffects: count(value['sharedEffects']) } : {}),
+  };
+}
+
+function toDestroyed(value: unknown): LeakDestroyed | null {
+  if (!isRecord(value) || typeof value['id'] !== 'string') return null;
+  const subscriptions = count(value['subscriptions']);
+  return {
+    id: id(value['id']),
+    name: text(value['name'], MAX_NAME) || '?',
+    route: typeof value['route'] === 'string' ? clip(redactUrl(value['route']), MAX_ROUTE) : '',
+    destroyedAt: num(value['destroyedAt']),
+    navigations: count(value['navigations']),
+    ...(value['detached'] === true ? { detached: true } : {}),
+    ...(subscriptions ? { subscriptions } : {}),
+  };
+}
+
+function toSubscription(value: unknown): LeakSubscription | null {
+  if (!isRecord(value) || typeof value['name'] !== 'string') return null;
+  const reason =
+    value['reason'] === 'instance-destroyed' ? 'instance-destroyed' : 'no-live-instance';
+  const instanceId = id(value['instanceId']);
+  const source = text(value['source'], MAX_SOURCE);
+  return {
+    name: text(value['name'], MAX_NAME) || '?',
+    count: Math.max(1, count(value['count'])),
+    route: typeof value['route'] === 'string' ? clip(redactUrl(value['route']), MAX_ROUTE) : '',
+    openedAt: num(value['openedAt']),
+    reason,
+    ...(instanceId ? { instanceId } : {}),
+    ...(source ? { source } : {}),
+  };
+}
+
+/** Checks and masks a pushed report again on the server; `null` when it is not one. */
+export function toLeaksReport(message: unknown): LeaksReport | null {
+  if (!isRecord(message) || typeof message['pageId'] !== 'string' || !message['pageId']) {
+    return null;
+  }
+  if (message['pageId'].length > 64) return null;
+  const support = isRecord(message['support']) ? message['support'] : {};
+  const totals = isRecord(message['totals']) ? message['totals'] : {};
+  const tracking = support['subscriptions'];
+  return {
+    pageId: message['pageId'],
+    url: typeof message['url'] === 'string' ? redactUrl(message['url']) : '',
+    title: typeof message['title'] === 'string' ? redactMessage(message['title']) : '',
+    at: num(message['at'], Date.now()),
+    support: {
+      retention: support['retention'] === true,
+      effects: support['effects'] === true,
+      subscriptions: tracking === 'on' || tracking === 'unavailable' ? tracking : 'off',
+      ...(support['instances'] === true ? { instances: true } : {}),
+      ...(support['detached'] === true ? { detached: true } : {}),
+    },
+    navigations: count(message['navigations']),
+    totals: {
+      components: count(totals['components']),
+      effects: count(totals['effects']),
+      subscriptions: count(totals['subscriptions']),
+      destroyed: count(totals['destroyed']),
+      collected: count(totals['collected']),
+      dropped: count(totals['dropped']),
+    },
+    components: list(message['components'], toComponent, MAX_LEAK_COMPONENTS),
+    destroyed: list(message['destroyed'], toDestroyed, MAX_LEAK_DESTROYED),
+    subscriptions: list(message['subscriptions'], toSubscription, MAX_LEAK_SUBSCRIPTIONS),
+  };
+}
+
+/** The pages that stopped reporting, to drop. */
+export function staleLeakPages(
+  state: LeaksState,
+  now: number,
+  ttl: (pageId: string) => number,
+): string[] {
+  return Object.values(state.pages)
+    .filter((page) => now - page.reportedAt > ttl(page.pageId))
+    .map((page) => page.pageId);
+}
+
+/** How long ago a destroyed instance went, on the server's clock. */
+export function destroyedAge(page: LeaksPageView, item: LeakDestroyed, now = Date.now()): number {
+  return Math.max(0, now - page.reportedAt + (page.at - item.destroyedAt));
+}
+
+/** Destroyed, not collected, and outlived enough navigations and time to be worth a look. */
+export function isRetained(page: LeaksPageView, item: LeakDestroyed, now = Date.now()): boolean {
+  return (
+    !item.detached &&
+    item.navigations >= RETAINED_AFTER_NAVIGATIONS &&
+    destroyedAge(page, item, now) >= RETAINED_AFTER_MS
+  );
+}
+
+/** Which page a `page` argument names, or `pageId` as it is when the request names one. */
+export function leakTrackingRequest(
+  message: unknown,
+  pages: Iterable<{ pageId: string; reportedAt: number }>,
+): { pageId?: string; on: boolean } {
+  const record = isRecord(message) ? message : undefined;
+  const on = record ? record['on'] !== false : message !== false;
+  const asked = record?.['pageId'];
+  if (typeof asked === 'string' && asked.length > 0 && asked.length < 64) {
+    return { pageId: asked, on };
+  }
+  if (!on) return { on };
+  const latest = byRecency(pages)[0];
+  return latest ? { pageId: latest.pageId, on } : { on };
+}
+
+const NO_PAGE =
+  'No page reports leak data. 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 duration(ms: number): string {
+  const seconds = Math.max(0, Math.round(ms / 1000));
+  if (seconds < 120) return `${seconds}s`;
+  const minutes = Math.round(seconds / 60);
+  return minutes < 120 ? `${minutes} min` : `${Math.round(minutes / 60)} h`;
+}
+
+const plural = (n: number, one: string, many = `${one}s`) => `${n} ${n === 1 ? one : many}`;
+
+function trackingNote(page: LeaksPageView): string {
+  if (page.support.subscriptions === 'on') {
+    return page.support.instances
+      ? 'Subscription tracking is on.'
+      : 'Subscription tracking is on; without Angular 20 profiler hooks subscriptions are tied to component classes only.';
+  }
+  if (page.support.subscriptions === 'unavailable') {
+    return 'Subscription tracking could not start: the page has no RxJS the overlay can load.';
+  }
+  return 'Subscription tracking is off, so subscriptions are not counted. Turn it on with pangular:track-subscriptions or the Track subscriptions button in the Components panel; it wraps `Observable.prototype.subscribe` until it is turned off.';
+}
+
+/** `find-leaks`: retained instances, open subscriptions after destroy, and live effects and subscriptions per component. */
+export function findLeaksText(
+  state: LeaksState,
+  args: { page?: string; component?: string; limit?: unknown } = {},
+  now = Date.now(),
+): string {
+  const pages = byRecency(Object.values(state.pages));
+  if (args.page && !state.pages[args.page]) {
+    return unknownPageText(args.page, pages, 'leak data');
+  }
+  const page = args.page ? state.pages[args.page]! : pages[0];
+  if (!page) return NO_PAGE;
+  const limit = Math.min(Math.max(Math.floor(num(args.limit, 20)), 1), MAX_LEAK_COMPONENTS);
+  const wanted = args.component?.trim().toLowerCase();
+  const match = (name: string) => !wanted || name.toLowerCase().includes(wanted);
+  const out: string[] = [];
+  if (pages.length > 1 && !args.page) {
+    out.push(
+      `Page ${code(page.pageId)}; ${pages.length} pages report leak data, pass \`page\` to pick another.`,
+    );
+  }
+  if (!page.support.retention) {
+    out.push(
+      'This page cannot track destroyed components: it needs `WeakRef`, `FinalizationRegistry` and the Angular debug API (a development build).',
+    );
+  }
+
+  const destroyed = page.destroyed.filter((item) => match(item.name));
+  const retained = destroyed.filter((item) => isRetained(page, item, now));
+  const recent = destroyed.filter((item) => !item.detached && !isRetained(page, item, now));
+  const detached = destroyed.filter((item) => item.detached);
+  out.push(
+    `## Still retained\n\n${page.navigations} navigations on this page so far. ${page.totals.collected} destroyed instances were garbage collected since the overlay started. Garbage collection runs when the browser decides, so an instance listed here is not proof of a leak: it is still in memory after at least ${RETAINED_AFTER_NAVIGATIONS} navigations and ${RETAINED_AFTER_MS / 1000} seconds. Take a heap snapshot in the Chrome DevTools Memory panel, search for the class, and read its retainers to see what holds it.`,
+  );
+  if (retained.length) {
+    const rows = retained.slice(0, limit).map((item) => {
+      const subs = item.subscriptions ? String(item.subscriptions) : '';
+      return `| ${code(item.name)} | ${code(item.id)} | ${code(item.route || '/')} | ${duration(destroyedAge(page, item, now))} | ${item.navigations} | ${subs} |`;
+    });
+    out.push(
+      `| Class | Instance | Route when destroyed | Age | Navigations since | Open subscriptions |\n| --- | --- | --- | --- | --- | --- |\n${rows.join('\n')}${retained.length > limit ? `\n\n${retained.length - limit} more; raise \`limit\`.` : ''}`,
+    );
+  } else {
+    out.push('No destroyed component is still retained after enough navigations.');
+  }
+  if (recent.length) {
+    out.push(
+      `${plural(recent.length, 'instance was', 'instances were')} destroyed recently and not collected yet: ${recent
+        .slice(0, 10)
+        .map((item) => code(item.name))
+        .join(', ')}. Navigate a few times and ask again.`,
+    );
+  }
+  if (detached.length) {
+    out.push(
+      `${plural(detached.length, 'instance is', 'instances are')} off the page but not destroyed (detached views, such as a \`RouteReuseStrategy\` cache): ${detached
+        .slice(0, 10)
+        .map((item) => code(item.name))
+        .join(', ')}.`,
+    );
+  }
+  if (page.totals.dropped) {
+    out.push(
+      `${page.totals.dropped} older destroyed instances are no longer tracked, to stay under the page's cap.`,
+    );
+  }
+
+  out.push(`## Open subscriptions after destroy\n\n${trackingNote(page)}`);
+  const subs = page.subscriptions.filter((item) => match(item.name));
+  if (subs.length) {
+    const rows = subs.slice(0, limit).map((item) => {
+      const reason =
+        item.reason === 'instance-destroyed' ? 'its instance is destroyed' : 'no instance left';
+      return `| ${code(item.name)} | ${item.instanceId ? code(item.instanceId) : ''} | ${item.count} | ${reason} | ${item.source ? cell(code(item.source)) : ''} |`;
+    });
+    out.push(
+      `These subscriptions are still open although the component that made them is gone. Each one keeps its callback, and what the callback uses, alive until the source completes. Tear them down with \`takeUntilDestroyed()\`, \`DestroyRef.onDestroy\` or the \`async\` pipe.\n\n| Class | Instance | Open | Why flagged | Made at |\n| --- | --- | --- | --- | --- |\n${rows.join('\n')}`,
+    );
+  } else if (page.support.subscriptions === 'on') {
+    out.push('No subscription is still open after its component went away.');
+  }
+
+  const live = page.components
+    .filter(
+      (item) => match(item.name) && (item.effects || item.sharedEffects || item.subscriptions),
+    )
+    .slice(0, limit);
+  const effectsNote = page.support.effects
+    ? ''
+    : ' Effects are not counted: the page has no `ng.ɵgetSignalGraph` (Angular 19.1+ development builds).';
+  out.push(
+    `## Live effects and subscriptions\n\n${page.totals.components} components on the page with ${plural(page.totals.effects, 'live effect')} and ${plural(page.totals.subscriptions, 'tracked open subscription')}.${effectsNote}`,
+  );
+  if (live.length) {
+    const rows = live.map(
+      (item) =>
+        `| ${code(item.name)} | ${code(item.id)} | ${item.effects}${item.sharedEffects ? ` (+${item.sharedEffects} shared)` : ''} | ${page.support.subscriptions === 'on' ? item.subscriptions : ''} |`,
+    );
+    out.push(
+      `Pass an instance id to pangular:inspect-component for its details. Angular files a component's effects under the template its host sits in, so effects of components side by side in one template are counted as shared.\n\n| Component | Instance | Effects | Subscriptions |\n| --- | --- | --- | --- |\n${rows.join('\n')}`,
+    );
+  }
+  return untrusted(out.join('\n\n'));
+}
+
+/** The answer of `track-subscriptions`. */
+export function trackSubscriptionsText(
+  request: { pageId?: string; on: boolean },
+  pages: number,
+): string {
+  if (request.on && !pages) {
+    return 'No page reports leak data, so there is nothing to track. Open the app with the overlay loaded and try again.';
+  }
+  if (request.on) {
+    return `Tracking subscriptions on page ${code(request.pageId ?? '?')}. The overlay wraps \`Observable.prototype.subscribe\` and records which component makes each subscription, until tracking is turned off. Subscriptions made before now are not seen, so reload the page or navigate to the screen again, then call pangular:find-leaks.`;
+  }
+  return request.pageId
+    ? `Stopped tracking subscriptions on page ${code(request.pageId)}; \`Observable.prototype.subscribe\` is restored.`
+    : 'Stopped tracking subscriptions on every page; `Observable.prototype.subscribe` is restored.';
+}
diff --git a/packages/devtools/src/types.ts b/packages/devtools/src/types.ts
index 58c1a08f..87b78290 100644
--- a/packages/devtools/src/types.ts
+++ b/packages/devtools/src/types.ts
@@ -312,6 +312,12 @@ export interface InjectorInfo {
   directives?: string[];
   selector?: string;
   path?: string[];
+  /**
+   * On an element injector: the id of the element injector where a `host`
+   * lookup from here stops, the host of the component whose template declares
+   * this element. Missing on a root component.
+   */
+  host?: string;
   /** Set by the server: one of Angular's own injectors (see `framework-tokens.ts`). */
   framework?: boolean;
 }
diff --git a/packages/devtools/vitest.compat.config.ts b/packages/devtools/vitest.compat.config.ts
index d46b1b97..9dcdc852 100644
--- a/packages/devtools/vitest.compat.config.ts
+++ b/packages/devtools/vitest.compat.config.ts
@@ -27,6 +27,8 @@ const pageSide = [
   'http-server',
   'injector-tree',
   'injector-tree-real',
+  'leaks-collector',
+  'leaks-real',
   'ngrx-collector',
   'pipes-collector',
   'pipes-runtime',

From 888894e13aa4fda2c0edf3bcdb9de1f974ea7d42 Mon Sep 17 00:00:00 2001
From: erKam <erkamyaman35@gmail.com>
Date: Tue, 13 Oct 2026 03:46:57 +0000
Subject: [PATCH 2/9] build(extension): rebuild the panel bundle

The panel gained the diagnosis, leaks and error explainer views.
---
 ...=> browser-agent-rpc-BXhoSh1z-DD97nExW.js} |   2 +-
 .../{index-Drhsb2ad.js => index-BNWPqdBD.js}  | 550 ++++++++++++++++--
 extension/ui/index.html                       |   2 +-
 3 files changed, 495 insertions(+), 59 deletions(-)
 rename extension/ui/assets/{browser-agent-rpc-BXhoSh1z-C7rzNywl.js => browser-agent-rpc-BXhoSh1z-DD97nExW.js} (93%)
 rename extension/ui/assets/{index-Drhsb2ad.js => index-BNWPqdBD.js} (56%)

diff --git a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-C7rzNywl.js b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DD97nExW.js
similarity index 93%
rename from extension/ui/assets/browser-agent-rpc-BXhoSh1z-C7rzNywl.js
rename to extension/ui/assets/browser-agent-rpc-BXhoSh1z-DD97nExW.js
index ab1c106d..42015e37 100644
--- a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-C7rzNywl.js
+++ b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DD97nExW.js
@@ -1 +1 @@
-import{t as e}from"./index-Drhsb2ad.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-BNWPqdBD.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-Drhsb2ad.js b/extension/ui/assets/index-BNWPqdBD.js
similarity index 56%
rename from extension/ui/assets/index-Drhsb2ad.js
rename to extension/ui/assets/index-BNWPqdBD.js
index 178709e4..09e14240 100644
--- a/extension/ui/assets/index-Drhsb2ad.js
+++ b/extension/ui/assets/index-BNWPqdBD.js
@@ -1,14 +1,14 @@
 (function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,i=(t,n,r)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[n]=r,a=(e,a)=>{for(var o in a||={})n.call(a,o)&&i(e,o,a[o]);if(t)for(var o of t(a))r.call(a,o)&&i(e,o,a[o]);return e},o=(e,t,n)=>(i(e,typeof t==`symbol`?t:t+``,n),n),s=globalThis;function c(e){let t=s.__Zone_symbol_prefix;return(typeof t==`string`?t:`__zone_symbol__`)+e}function l(){let e=s.performance;function t(t){e&&e.mark&&e.mark(t)}function n(t,n){e&&e.measure&&e.measure(t,n)}t(`Zone`);let r=class e{constructor(e,t){o(this,`_parent`),o(this,`_name`),o(this,`_properties`),o(this,`_zoneDelegate`),this._parent=e,this._name=t?t.name||`unnamed`:`<root>`,this._properties=t&&t.properties||{},this._zoneDelegate=new l(this,this._parent&&this._parent._zoneDelegate,t)}static assertZonePatched(){if(s.Promise!==pe.ZoneAwarePromise)throw Error("Zone.js has detected that ZoneAwarePromise `(window|global).Promise` has been overwritten.\nMost likely cause is that a Promise polyfill has been loaded after Zone.js (Polyfilling Promise api is not necessary when zone.js is loaded. If you must load one, do so before loading zone.js.)")}static get root(){let t=e.current;for(;t.parent;)t=t.parent;return t}static get current(){return he.zone}static get currentTask(){return ge}static __load_patch(r,i,a=!1){if(Object.hasOwn(pe,r)){let e=s[c(`forceDuplicateZoneCheck`)]===!0;if(!a&&e)throw Error(`Already loaded patch: `+r)}else if(!s[`__Zone_disable_`+r]){let a=`Zone:`+r;t(a),pe[r]=i(s,e,me),n(a,a)}}get parent(){return this._parent}get name(){return this._name}get(e){let t=this.getZoneWith(e);if(t)return t._properties[e]}getZoneWith(e){let t=this;for(;t;){if(Object.hasOwn(t._properties,e))return t;t=t._parent}return null}fork(e){if(!e)throw Error(`ZoneSpec required!`);return this._zoneDelegate.fork(this,e)}wrap(e,t){if(typeof e!=`function`)throw Error(`Expecting function got: `+e);let n=this._zoneDelegate.intercept(this,e,t),r=this;return function(){return r.runGuarded(n,this,arguments,t)}}run(e,t,n,r){he={parent:he,zone:this};try{return this._zoneDelegate.invoke(this,e,t,n,r)}finally{he=he.parent}}runGuarded(e,t=null,n,r){he={parent:he,zone:this};try{try{return this._zoneDelegate.invoke(this,e,t,n,r)}catch(e){if(this._zoneDelegate.handleError(this,e))throw e}}finally{he=he.parent}}runTask(e,t,n){if(e.zone!=this)throw Error(`A task can only be run in the zone of creation! (Creation: `+(e.zone||re).name+`; Execution: `+this.name+`)`);let r=e,{type:i,data:{isPeriodic:a=!1,isRefreshable:o=!1}={}}=e;if(e.state===ie&&(i===fe||i===de))return;let s=e.state!=se;s&&r._transitionTo(se,oe);let c=ge;ge=r,he={parent:he,zone:this};try{i==de&&e.data&&!a&&!o&&(e.cancelFn=void 0);try{return this._zoneDelegate.invokeTask(this,r,t,n)}catch(e){if(this._zoneDelegate.handleError(this,e))throw e}}finally{let t=e.state;if(t!==ie&&t!==le){if(i==fe||a||o&&t===ae)s&&r._transitionTo(oe,se,ae);else{let e=r._zoneDelegates;this._updateTaskCount(r,-1),s&&r._transitionTo(ie,se,ie),o&&(r._zoneDelegates=e)}}he=he.parent,ge=c}}scheduleTask(e){if(e.zone&&e.zone!==this){let t=this;for(;t;){if(t===e.zone)throw Error(`can not reschedule task to ${this.name} which is descendants of the original zone ${e.zone.name}`);t=t.parent}}e._transitionTo(ae,ie);let t=[];e._zoneDelegates=t,e._zone=this;try{e=this._zoneDelegate.scheduleTask(this,e)}catch(t){throw e._transitionTo(le,ae,ie),this._zoneDelegate.handleError(this,t),t}return e._zoneDelegates===t&&this._updateTaskCount(e,1),e.state==ae&&e._transitionTo(oe,ae),e}scheduleMicroTask(e,t,n,r){return this.scheduleTask(new u(ue,e,t,n,r,void 0))}scheduleMacroTask(e,t,n,r,i){return this.scheduleTask(new u(de,e,t,n,r,i))}scheduleEventTask(e,t,n,r,i){return this.scheduleTask(new u(fe,e,t,n,r,i))}cancelTask(e){if(e.zone!=this)throw Error(`A task can only be cancelled in the zone of creation! (Creation: `+(e.zone||re).name+`; Execution: `+this.name+`)`);if(e.state===oe||e.state===se){e._transitionTo(ce,oe,se);try{this._zoneDelegate.cancelTask(this,e)}catch(t){throw e._transitionTo(le,ce),this._zoneDelegate.handleError(this,t),t}return this._updateTaskCount(e,-1),e._transitionTo(ie,ce),e.runCount=-1,e}}_updateTaskCount(e,t){let n=e._zoneDelegates;t==-1&&(e._zoneDelegates=null);for(let r=0;r<n.length;r++)n[r]._updateTaskCount(e.type,t)}};o(r,`__symbol__`,c);let i=r,a={name:``,onHasTask:(e,t,n,r)=>e.hasTask(n,r),onScheduleTask:(e,t,n,r)=>e.scheduleTask(n,r),onInvokeTask:(e,t,n,r,i,a)=>e.invokeTask(n,r,i,a),onCancelTask:(e,t,n,r)=>e.cancelTask(n,r)};class l{constructor(e,t,n){o(this,`_zone`),o(this,`_taskCounts`,{microTask:0,macroTask:0,eventTask:0}),o(this,`_forkDlgt`),o(this,`_forkZS`),o(this,`_forkCurrZone`),o(this,`_interceptDlgt`),o(this,`_interceptZS`),o(this,`_interceptCurrZone`),o(this,`_invokeDlgt`),o(this,`_invokeZS`),o(this,`_invokeCurrZone`),o(this,`_handleErrorDlgt`),o(this,`_handleErrorZS`),o(this,`_handleErrorCurrZone`),o(this,`_scheduleTaskDlgt`),o(this,`_scheduleTaskZS`),o(this,`_scheduleTaskCurrZone`),o(this,`_invokeTaskDlgt`),o(this,`_invokeTaskZS`),o(this,`_invokeTaskCurrZone`),o(this,`_cancelTaskDlgt`),o(this,`_cancelTaskZS`),o(this,`_cancelTaskCurrZone`),o(this,`_hasTaskDlgt`),o(this,`_hasTaskDlgtOwner`),o(this,`_hasTaskZS`),o(this,`_hasTaskCurrZone`),this._zone=e,this._forkZS=n&&(n&&n.onFork?n:t._forkZS),this._forkDlgt=n&&(n.onFork?t:t._forkDlgt),this._forkCurrZone=n&&(n.onFork?this._zone:t._forkCurrZone),this._interceptZS=n&&(n.onIntercept?n:t._interceptZS),this._interceptDlgt=n&&(n.onIntercept?t:t._interceptDlgt),this._interceptCurrZone=n&&(n.onIntercept?this._zone:t._interceptCurrZone),this._invokeZS=n&&(n.onInvoke?n:t._invokeZS),this._invokeDlgt=n&&(n.onInvoke?t:t._invokeDlgt),this._invokeCurrZone=n&&(n.onInvoke?this._zone:t._invokeCurrZone),this._handleErrorZS=n&&(n.onHandleError?n:t._handleErrorZS),this._handleErrorDlgt=n&&(n.onHandleError?t:t._handleErrorDlgt),this._handleErrorCurrZone=n&&(n.onHandleError?this._zone:t._handleErrorCurrZone),this._scheduleTaskZS=n&&(n.onScheduleTask?n:t._scheduleTaskZS),this._scheduleTaskDlgt=n&&(n.onScheduleTask?t:t._scheduleTaskDlgt),this._scheduleTaskCurrZone=n&&(n.onScheduleTask?this._zone:t._scheduleTaskCurrZone),this._invokeTaskZS=n&&(n.onInvokeTask?n:t._invokeTaskZS),this._invokeTaskDlgt=n&&(n.onInvokeTask?t:t._invokeTaskDlgt),this._invokeTaskCurrZone=n&&(n.onInvokeTask?this._zone:t._invokeTaskCurrZone),this._cancelTaskZS=n&&(n.onCancelTask?n:t._cancelTaskZS),this._cancelTaskDlgt=n&&(n.onCancelTask?t:t._cancelTaskDlgt),this._cancelTaskCurrZone=n&&(n.onCancelTask?this._zone:t._cancelTaskCurrZone),this._hasTaskZS=null,this._hasTaskDlgt=null,this._hasTaskDlgtOwner=null,this._hasTaskCurrZone=null;let r=n&&n.onHasTask,i=t&&t._hasTaskZS;(r||i)&&(this._hasTaskZS=r?n:a,this._hasTaskDlgt=t,this._hasTaskDlgtOwner=this,this._hasTaskCurrZone=this._zone,n.onScheduleTask||(this._scheduleTaskZS=a,this._scheduleTaskDlgt=t,this._scheduleTaskCurrZone=this._zone),n.onInvokeTask||(this._invokeTaskZS=a,this._invokeTaskDlgt=t,this._invokeTaskCurrZone=this._zone),n.onCancelTask||(this._cancelTaskZS=a,this._cancelTaskDlgt=t,this._cancelTaskCurrZone=this._zone))}get zone(){return this._zone}fork(e,t){return this._forkZS?this._forkZS.onFork(this._forkDlgt,this.zone,e,t):new i(e,t)}intercept(e,t,n){return this._interceptZS?this._interceptZS.onIntercept(this._interceptDlgt,this._interceptCurrZone,e,t,n):t}invoke(e,t,n,r,i){return this._invokeZS?this._invokeZS.onInvoke(this._invokeDlgt,this._invokeCurrZone,e,t,n,r,i):t.apply(n,r)}handleError(e,t){return!this._handleErrorZS||this._handleErrorZS.onHandleError(this._handleErrorDlgt,this._handleErrorCurrZone,e,t)}scheduleTask(e,t){let n=t;if(this._scheduleTaskZS)this._hasTaskZS&&n._zoneDelegates.push(this._hasTaskDlgtOwner),n=this._scheduleTaskZS.onScheduleTask(this._scheduleTaskDlgt,this._scheduleTaskCurrZone,e,t),n||=t;else if(t.scheduleFn)t.scheduleFn(t);else if(t.type==ue)te(t);else throw Error(`Task is missing scheduleFn.`);return n}invokeTask(e,t,n,r){return this._invokeTaskZS?this._invokeTaskZS.onInvokeTask(this._invokeTaskDlgt,this._invokeTaskCurrZone,e,t,n,r):t.callback.apply(n,r)}cancelTask(e,t){let n;if(this._cancelTaskZS)n=this._cancelTaskZS.onCancelTask(this._cancelTaskDlgt,this._cancelTaskCurrZone,e,t);else{if(!t.cancelFn)throw Error(`Task is not cancelable`);n=t.cancelFn(t)}return n}hasTask(e,t){try{this._hasTaskZS&&this._hasTaskZS.onHasTask(this._hasTaskDlgt,this._hasTaskCurrZone,e,t)}catch(t){this.handleError(e,t)}}_updateTaskCount(e,t){let n=this._taskCounts,r=n[e],i=n[e]=r+t;if(i<0)throw Error(`More tasks executed then were scheduled.`);if(r==0||i==0){let t={microTask:n.microTask>0,macroTask:n.macroTask>0,eventTask:n.eventTask>0,change:e};this.hasTask(this._zone,t)}}}class u{constructor(e,t,n,r,i,a){if(o(this,`type`),o(this,`source`),o(this,`invoke`),o(this,`callback`),o(this,`data`),o(this,`scheduleFn`),o(this,`cancelFn`),o(this,`_zone`,null),o(this,`runCount`,0),o(this,`_zoneDelegates`,null),o(this,`_state`,`notScheduled`),this.type=e,this.source=t,this.data=r,this.scheduleFn=i,this.cancelFn=a,!n)throw Error(`callback is not defined`);this.callback=n;let c=this;this.invoke=e===fe&&r&&r.useG?u.invokeTask:function(){return u.invokeTask.call(s,c,this,arguments)}}static invokeTask(e,t,n){e||=this,_e++;try{return e.runCount++,e.zone.runTask(e,t,n)}finally{try{_e===1&&!s[m]&&ne()}finally{_e--}}}get zone(){return this._zone}get state(){return this._state}cancelScheduleRequest(){this._transitionTo(ie,ae)}_transitionTo(e,t,n){if(this._state===t||this._state===n)this._state=e,e==ie&&(this._zoneDelegates=null);else throw Error(`${this.type} '${this.source}': can not transition to '${e}', expecting state '${t}'${n?` or '`+n+`'`:``}, was '${this._state}'.`)}toString(){return this.data&&this.data.handleId!==void 0?this.data.handleId.toString():Object.prototype.toString.call(this)}toJSON(){return{type:this.type,state:this.state,source:this.source,zone:this.zone.name,runCount:this.runCount}}}let d=c(`setTimeout`),f=c(`Promise`),p=c(`then`),m=c(`enable_native_microtask_draining`),h=[],g=!1,_;function ee(e){!_&&s[f]&&(_=s[f].resolve(0)),_?(_[p]??_.then).call(_,e):s[d](e,0)}function te(e){let t=s[m],n=t&&h.length===0&&!g,r=!t&&_e===0&&h.length===0;(n||r)&&ee(ne),e&&h.push(e)}function ne(){if(!g){g=!0;try{for(;h.length;){let e=h;h=[];for(let t of e)try{t.zone.runTask(t,null,null)}catch(e){me.onUnhandledError(e)}}}finally{if(s[m])g=!1,me.microtaskDrainDone();else try{me.microtaskDrainDone()}finally{g=!1}}}}let re={name:`NO ZONE`},ie=`notScheduled`,ae=`scheduling`,oe=`scheduled`,se=`running`,ce=`canceling`,le=`unknown`,ue=`microTask`,de=`macroTask`,fe=`eventTask`,pe=Object.create(null),me={symbol:c,currentZoneFrame:()=>he,onUnhandledError:ve,microtaskDrainDone:ve,scheduleMicroTask:te,showUncaughtError:()=>!i[c(`ignoreConsoleErrorUncaughtError`)],patchEventTarget:()=>[],patchOnProperties:ve,patchMethod:()=>ve,bindArguments:()=>[],patchThen:()=>ve,patchMacroTask:()=>ve,patchEventPrototype:()=>ve,getGlobalObjects:()=>void 0,ObjectDefineProperty:()=>ve,ObjectGetOwnPropertyDescriptor:()=>void 0,ObjectCreate:()=>void 0,ArraySlice:()=>[],patchClass:()=>ve,wrapWithCurrentZone:()=>ve,filterProperties:()=>[],attachOriginToPatched:()=>ve,_redefineProperty:()=>ve,patchCallbacks:()=>ve,nativeScheduleMicroTask:ee},he={parent:null,zone:new i(null,null)},ge=null,_e=0;function ve(){}return n(`Zone`,`Zone`),i}function u(){let e=globalThis,t=e[c(`forceDuplicateZoneCheck`)]===!0;if(e.Zone&&(t||typeof e.Zone.__symbol__!=`function`))throw Error(`Zone already loaded.`);return e.Zone??=l(),e.Zone}var d=Object.getOwnPropertyDescriptor,f=Object.defineProperty,p=Object.getPrototypeOf,m=Object.create,h=Array.prototype.slice,g=`addEventListener`,_=`removeEventListener`,ee=c(g),te=c(_),ne=`true`,re=`false`,ie=c(``);function ae(e,t){return Zone.current.wrap(e,t)}function oe(e,t,n,r,i){return Zone.current.scheduleMacroTask(e,t,n,r,i)}var se=c,ce=typeof window<`u`,le=ce?window:void 0,ue=ce&&le||globalThis,de=`removeAttribute`;function fe(e,t){for(let n=e.length-1;n>=0;n--)typeof e[n]==`function`&&(e[n]=ae(e[n],t+`_`+n));return e}function pe(e,t){let n=e.constructor.name;for(let r=0;r<t.length;r++){let i=t[r],a=e[i];if(a){if(!me(d(e,i)))continue;e[i]=(e=>{let t=function(){return e.apply(this,fe(arguments,n+`.`+i))};return Oe(t,e),t})(a)}}}function me(e){return e?e.writable===!1?!1:typeof e.get!=`function`||e.set!==void 0:!0}var he=typeof WorkerGlobalScope<`u`&&self instanceof WorkerGlobalScope,ge=!(`nw`in ue)&&ue.process!==void 0&&ue.process.toString()===`[object process]`,_e=!ge&&!he&&!!(ce&&le.HTMLElement),ve=ue.process!==void 0&&ue.process.toString()===`[object process]`&&!he&&!!(ce&&le.HTMLElement),ye=Object.create(null),be=se(`enable_beforeunload`),xe=function(e){if(e||=ue.event,!e)return;let t=ye[e.type];t||=ye[e.type]=se(`ON_PROPERTY`+e.type);let n=this||e.target||ue,r=n[t],i;if(_e&&n===le&&e.type===`error`){let t=e;i=r&&r.call(this,t.message,t.filename,t.lineno,t.colno,t.error),i===!0&&e.preventDefault()}else i=r&&r.apply(this,arguments),e.type===`beforeunload`&&ue[be]&&typeof i==`string`?e.returnValue=i:i!=null&&!i&&e.preventDefault();return i};function Se(e,t,n){let r=d(e,t);if(!r&&n&&d(n,t)&&(r={enumerable:!0,configurable:!0}),!r||!r.configurable)return;let i=se(`on`+t+`patched`);if(Object.hasOwn(e,i)&&e[i])return;delete r.writable,delete r.value;let a=r.get,o=r.set,s=t.slice(2),c=ye[s];c||=ye[s]=se(`ON_PROPERTY`+s),r.set=function(t){let n=this;!n&&e===ue&&(n=ue),n&&(typeof n[c]==`function`&&n.removeEventListener(s,xe),o?.call(n,null),n[c]=t,typeof t==`function`&&n.addEventListener(s,xe,!1))},r.get=function(){let n=this;if(!n&&e===ue&&(n=ue),!n)return null;let i=n[c];if(i)return i;if(a){let e=a.call(this);if(e)return r.set.call(this,e),typeof n[de]==`function`&&n.removeAttribute(t),e}return null},f(e,t,r),e[i]=!0}function Ce(e,t,n){if(t)for(let r=0;r<t.length;r++)Se(e,`on`+t[r],n);else{let t=[];for(let n in e)n.slice(0,2)==`on`&&t.push(n);for(let r=0;r<t.length;r++)Se(e,t[r],n)}}var we=se(`originalInstance`);function Te(e){let t=ue[e];if(!t)return;ue[se(e)]=t,ue[e]=function(){let n=fe(arguments,e);switch(n.length){case 0:this[we]=new t;break;case 1:this[we]=new t(n[0]);break;case 2:this[we]=new t(n[0],n[1]);break;case 3:this[we]=new t(n[0],n[1],n[2]);break;case 4:this[we]=new t(n[0],n[1],n[2],n[3]);break;default:throw Error(`Arg list too long.`)}},Oe(ue[e],t);let n=new t(function(){}),r;for(r in n)(e!==`XMLHttpRequest`||r!==`responseBlob`)&&(function(t){typeof n[t]==`function`?ue[e].prototype[t]=function(){return this[we][t].apply(this[we],arguments)}:f(ue[e].prototype,t,{set:function(n){typeof n==`function`?(this[we][t]=ae(n,e+`.`+t),Oe(this[we][t],n)):this[we][t]=n},get:function(){return this[we][t]}})})(r);for(r in t)r!==`prototype`&&Object.hasOwn(t,r)&&(ue[e][r]=t[r])}function Ee(e,t,n){let r=e;for(;r&&!Object.hasOwn(r,t);)r=p(r);!r&&e[t]&&(r=e);let i=se(t),a=null;if(r&&(!(a=r[i])||!Object.hasOwn(r,i))&&(a=r[i]=r[t],me(r&&d(r,t)))){let e=n(a,i,t);r[t]=function(){return e(this,arguments)},Oe(r[t],a)}return a}function De(e,t,n){let r=null;function i(e){let t=e.data;return t.args[t.cbIdx]=function(){e.invoke.apply(this,arguments)},r.apply(t.target,t.args),e}r=Ee(e,t,e=>function(t,r){let a=n(t,r);return a.cbIdx>=0&&typeof r[a.cbIdx]==`function`?oe(a.name,r[a.cbIdx],a,i):e.apply(t,r)})}function Oe(e,t){e[se(`OriginalDelegate`)]=t}function ke(e){return typeof e==`function`}function Ae(e){return typeof e==`number`}var je={useG:!0},Me=Object.create(null),Ne={},Pe=RegExp(`^`+ie+`(\\w+)(true|false)$`),Fe=se(`propagationStopped`),Ie=[`capture`,`once`,`passive`,`signal`];function Le(e,t){let n=(t?t(e):e)+re,r=(t?t(e):e)+ne,i=ie+n,a=ie+r;Me[e]={[re]:i,[ne]:a}}function Re(e,t,n,r){let i=r&&r.add||g,o=r&&r.rm||_,s=r&&r.listeners||`eventListeners`,c=r&&r.rmAll||`removeAllListeners`,l=se(i),u=`.`+i+`:`,d=function(e,t,n){if(e.isRemoved)return;let r=e.callback;typeof r==`object`&&r.handleEvent&&(e.callback=e=>r.handleEvent(e),e.originalDelegate=r);let i;try{e.invoke(e,t,[n])}catch(e){i=e}let a=e.options;if(a&&typeof a==`object`&&a.once){let r=e.originalDelegate?e.originalDelegate:e.callback;t[o].call(t,n.type,r,a)}return i};function f(n,r,i){if(r||=e.event,!r)return;let a=n||r.target||e,o=a[Me[r.type][i?ne:re]];if(o){let e=[];if(o.length===1){let t=d(o[0],a,r);t&&e.push(t)}else{let t=o.slice();for(let n=0;n<t.length&&!(r&&r[Fe]===!0);n++){let i=d(t[n],a,r);i&&e.push(i)}}if(e.length===1)throw e[0];for(let n=0;n<e.length;n++){let r=e[n];t.nativeScheduleMicroTask(()=>{throw r})}}}let m=function(e){return f(this,e,!1)},h=function(e){return f(this,e,!0)};function ee(t,n){if(!t)return!1;let r=!0;n&&n.useG!==void 0&&(r=n.useG);let d=n&&n.vh,f=!0;n&&n.chkDup!==void 0&&(f=n.chkDup);let g=!1;n&&n.rt!==void 0&&(g=n.rt);let _=t;for(;_&&!Object.hasOwn(_,i);)_=p(_);if(!_&&t[i]&&(_=t),!_||_[l])return!1;let ee=n&&n.eventNameToString,te={},ae=_[l]=_[i],oe=_[se(o)]=_[o],ce=_[se(s)]=_[s],le=_[se(c)]=_[c],ue;n&&n.prepend&&(ue=_[se(n.prepend)]=_[n.prepend]);function de(e,t){return t?typeof e==`boolean`?{capture:e,passive:!0}:e?(typeof e==`object`&&e.passive!==!1&&(e.passive=!0),e):{passive:!0}:e}let fe=function(e){if(!te.isExisting)return ae.call(te.target,te.eventName,te.capture?h:m,te.options)},pe=function(e){if(!e.isRemoved){let t=Me[e.eventName],n;t&&(n=t[e.capture?ne:re]);let r=n&&e.target[n];if(r){for(let t=0;t<r.length;t++)if(r[t]===e){r.splice(t,1),e.isRemoved=!0,e.removeAbortListener&&=(e.removeAbortListener(),null),r.length===0&&(e.allRemoved=!0,e.target[n]=null);break}}}if(e.allRemoved)return oe.call(e.target,e.eventName,e.capture?h:m,e.options)},me=function(e){return ae.call(te.target,te.eventName,e.invoke,te.options)},he=function(e){return ue.call(te.target,te.eventName,e.invoke,te.options)},_e=function(e){return oe.call(e.target,e.eventName,e.invoke,e.options)},ve=r?fe:me,ye=r?pe:_e,be=n?.diff||function(e,t){let n=typeof t;return n===`function`&&e.callback===t||n===`object`&&e.originalDelegate===t},xe=Zone[se(`UNPATCHED_EVENTS`)],Se=e[se(`PASSIVE_EVENTS`)];function Ce(e){if(typeof e!=`object`||!e)return e;let t=a({},e);for(let n of Ie)!Object.hasOwn(t,n)&&n in e&&(t[n]=e[n]);return t}let we=function(t,i,a,o,s=!1,c=!1){return function(){let l=this||e,u=arguments[0];n&&n.transferEventName&&(u=n.transferEventName(u));let p=arguments[1];if(!p||ge&&u===`uncaughtException`)return t.apply(this,arguments);let m=!1;if(typeof p!=`function`){if(!p.handleEvent)return t.apply(this,arguments);m=!0}if(d&&!d(t,p,l,arguments))return;let h=!!Se&&Se.indexOf(u)!==-1,g=de(Ce(arguments[2]),h),_=g?.signal;if(_?.aborted)return;if(xe){for(let e=0;e<xe.length;e++)if(u===xe[e])return h?t.call(l,u,p,g):t.apply(this,arguments)}let ie=g?typeof g==`boolean`||g.capture:!1,ae=g&&typeof g==`object`?g.once:!1,oe=Zone.current,se=Me[u];se||=(Le(u,ee),Me[u]);let ce=se[ie?ne:re],le=l[ce],ue=!1;if(le){if(ue=!0,f){for(let e=0;e<le.length;e++)if(be(le[e],p))return}}else le=l[ce]=[];let fe,pe=l.constructor.name,me=Ne[pe];me&&(fe=me[u]),fe||=pe+i+(ee?ee(u):u),te.options=g,ae&&(te.options.once=!1),te.target=l,te.capture=ie,te.eventName=u,te.isExisting=ue;let he=r?je:void 0;he&&(he.taskData=te),_&&(te.options.signal=void 0);let _e=oe.scheduleEventTask(fe,p,he,a,o);if(_){te.options.signal=_;let e=()=>_e.zone.cancelTask(_e);t.call(_,`abort`,e,{once:!0}),_e.removeAbortListener=()=>_.removeEventListener(`abort`,e)}if(te.target=null,he&&(he.taskData=null),ae&&(te.options.once=!0),typeof _e.options!=`boolean`&&(_e.options=g),_e.target=l,_e.capture=ie,_e.eventName=u,m&&(_e.originalDelegate=p),c?le.unshift(_e):le.push(_e),s)return l}};return _[i]=we(ae,u,ve,ye,g),ue&&(_.prependListener=we(ue,`.prependListener:`,he,ye,g,!0)),_[o]=function(){let t=this||e,r=arguments[0];n&&n.transferEventName&&(r=n.transferEventName(r));let i=arguments[2],a=i?typeof i==`boolean`||i.capture:!1,o=arguments[1];if(!o)return oe.apply(this,arguments);if(d&&!d(oe,o,t,arguments))return;let s=Me[r],c;s&&(c=s[a?ne:re]);let l=c&&t[c];if(l)for(let e=0;e<l.length;e++){let n=l[e];if(be(n,o)){if(l.splice(e,1),n.isRemoved=!0,l.length===0&&(n.allRemoved=!0,t[c]=null,!a&&typeof r==`string`)){let e=ie+`ON_PROPERTY`+r;t[e]=null}return n.zone.cancelTask(n),g?t:void 0}}return oe.apply(this,arguments)},_[s]=function(){let t=this||e,r=arguments[0];n&&n.transferEventName&&(r=n.transferEventName(r));let i=[],a=ze(t,ee?ee(r):r);for(let e=0;e<a.length;e++){let t=a[e],n=t.originalDelegate?t.originalDelegate:t.callback;i.push(n)}return i},_[c]=function(){let t=this||e,r=arguments[0];if(r){n&&n.transferEventName&&(r=n.transferEventName(r));let e=Me[r];if(e){let n=e[re],i=e[ne],a=t[n],s=t[i];if(a){let e=a.slice();for(let t=0;t<e.length;t++){let n=e[t],i=n.originalDelegate?n.originalDelegate:n.callback;this[o].call(this,r,i,n.options)}}if(s){let e=s.slice();for(let t=0;t<e.length;t++){let n=e[t],i=n.originalDelegate?n.originalDelegate:n.callback;this[o].call(this,r,i,n.options)}}}}else{let e=Object.keys(t);for(let t=0;t<e.length;t++){let n=e[t],r=Pe.exec(n),i=r&&r[1];i&&i!==`removeListener`&&this[c].call(this,i)}this[c].call(this,`removeListener`)}if(g)return this},Oe(_[i],ae),Oe(_[o],oe),le&&Oe(_[c],le),ce&&Oe(_[s],ce),!0}let te=[];for(let e=0;e<n.length;e++)te[e]=ee(n[e],r);return te}function ze(e,t){if(!t){let n=[];for(let r in e){let i=Pe.exec(r),a=i&&i[1];if(a&&(!t||a===t)){let t=e[r];if(t)for(let e=0;e<t.length;e++)n.push(t[e])}}return n}let n=Me[t];n||=(Le(t),Me[t]);let r=e[n[re]],i=e[n[ne]];return r?i?r.concat(i):r.slice():i?i.slice():[]}function Be(e,t){let n=e.Event;n&&n.prototype&&t.patchMethod(n.prototype,`stopImmediatePropagation`,e=>function(t,n){t[Fe]=!0,e&&e.apply(t,n)})}function Ve(e,t){t.patchMethod(e,`queueMicrotask`,e=>function(e,t){Zone.current.scheduleMicroTask(`queueMicrotask`,t[0])})}var He=se(`zoneTask`);function Ue(e,t,n,r){let i=null,a=null;t+=r,n+=r;let o={};function s(t){let n=t.data;n.args[0]=function(){return t.invoke.apply(this,arguments)};let r=i.apply(e,n.args);return Ae(r)?n.handleId=r:(n.handle=r,n.isRefreshable=ke(r?.refresh)),t}function c(t){let{handle:n,handleId:r}=t.data;return a.call(e,n??r)}i=Ee(e,t,n=>function(i,a){if(ke(a[0])){let e={isRefreshable:!1,isPeriodic:r===`Interval`,delay:r===`Timeout`||r===`Interval`?a[1]||0:void 0,args:a},n=a[0];a[0]=function(){try{return n.apply(this,arguments)}finally{let{handle:t,handleId:n,isPeriodic:r,isRefreshable:i}=e;!r&&!i&&(n?delete o[n]:t&&(t[He]=null))}};let i=oe(t,a[0],e,s,c);if(!i)return i;let{handleId:l,handle:u,isRefreshable:d,isPeriodic:f}=i.data;if(l)o[l]=i;else if(u&&(u[He]=i,d&&!f)){let e=u.refresh;u.refresh=function(){let{zone:t,state:n}=i;return n===`notScheduled`?(i._state=`scheduled`,t._updateTaskCount(i,1)):n===`running`&&(i._state=`scheduling`),e.call(this)}}return u??l??i}return n.apply(e,a)}),a=Ee(e,n,t=>function(n,r){let i=r[0],a;Ae(i)?(a=o[i],delete o[i]):(a=i?.[He],a?i[He]=null:a=i),a?.type?a.cancelFn&&a.zone.cancelTask(a):t.apply(e,r)})}function We(e,t){let{isBrowser:n,isMix:r}=t.getGlobalObjects();(n||r)&&e.customElements&&`customElements`in e&&t.patchCallbacks(t,e.customElements,`customElements`,`define`,[`connectedCallback`,`disconnectedCallback`,`adoptedCallback`,`attributeChangedCallback`,`formAssociatedCallback`,`formDisabledCallback`,`formResetCallback`,`formStateRestoreCallback`])}function Ge(e,t){if(Zone[t.symbol(`patchEventTarget`)])return;let{eventNames:n,zoneSymbolEventNames:r,TRUE_STR:i,FALSE_STR:a,ZONE_SYMBOL_PREFIX:o}=t.getGlobalObjects();for(let e=0;e<n.length;e++){let t=n[e],s=t+a,c=t+i,l=o+s,u=o+c;r[t]={},r[t][a]=l,r[t][i]=u}let s=e.EventTarget;if(s&&s.prototype)return t.patchEventTarget(e,t,[s&&s.prototype]),!0}function Ke(e,t){t.patchEventPrototype(e,t)}function qe(e,t,n){if(!n||n.length===0)return t;let r=n.filter(t=>t.target===e);if(r.length===0)return t;let i=r[0].ignoreProperties;return t.filter(e=>i.indexOf(e)===-1)}function Je(e,t,n,r){e&&Ce(e,qe(e,t,n),r)}function Ye(e){return Object.getOwnPropertyNames(e).filter(e=>e.startsWith(`on`)&&e.length>2).map(e=>e.substring(2))}function Xe(e,t){if(ge&&!ve||Zone[e.symbol(`patchEvents`)])return;let n=t.__Zone_ignore_on_properties,r=[];if(_e){let e=window;r=r.concat([`Document`,`SVGElement`,`Element`,`HTMLElement`,`HTMLBodyElement`,`HTMLMediaElement`,`HTMLFrameSetElement`,`HTMLFrameElement`,`HTMLIFrameElement`,`HTMLMarqueeElement`,`Worker`]),Je(e,Ye(e),n,p(e))}r=r.concat([`XMLHttpRequest`,`XMLHttpRequestEventTarget`,`IDBIndex`,`IDBRequest`,`IDBOpenDBRequest`,`IDBDatabase`,`IDBTransaction`,`IDBCursor`,`WebSocket`]);for(let e=0;e<r.length;e++){let i=t[r[e]];i!=null&&i.prototype&&Je(i.prototype,Ye(i.prototype),n)}}function Ze(e){e.__load_patch(`timers`,e=>{let t=`clear`;Ue(e,`set`,t,`Timeout`),Ue(e,`set`,t,`Interval`),Ue(e,`set`,t,`Immediate`)}),e.__load_patch(`requestAnimationFrame`,e=>{Ue(e,`request`,`cancel`,`AnimationFrame`),Ue(e,`mozRequest`,`mozCancel`,`AnimationFrame`),Ue(e,`webkitRequest`,`webkitCancel`,`AnimationFrame`)}),e.__load_patch(`blocking`,(e,t)=>{let n=[`alert`,`prompt`,`confirm`];for(let r=0;r<n.length;r++){let i=n[r];Ee(e,i,(n,r,i)=>function(r,a){return t.current.run(n,e,a,i)})}}),e.__load_patch(`EventTarget`,(e,t,n)=>{Ke(e,n),Ge(e,n);let r=e.XMLHttpRequestEventTarget;r&&r.prototype&&n.patchEventTarget(e,n,[r.prototype])}),e.__load_patch(`MutationObserver`,(e,t,n)=>{Te(`MutationObserver`),Te(`WebKitMutationObserver`)}),e.__load_patch(`IntersectionObserver`,(e,t,n)=>{Te(`IntersectionObserver`)}),e.__load_patch(`FileReader`,(e,t,n)=>{Te(`FileReader`)}),e.__load_patch(`on_property`,(e,t,n)=>{Xe(n,e)}),e.__load_patch(`customElements`,(e,t,n)=>{We(e,n)}),e.__load_patch(`XHR`,(e,t)=>{c(e);let n=se(`xhrTask`),r=se(`xhrSync`),i=se(`xhrListener`),a=se(`xhrScheduled`),o=se(`xhrURL`),s=se(`xhrErrorBeforeScheduled`);function c(e){let c=e.XMLHttpRequest;if(!c)return;let l=c.prototype;function u(e){return e[n]}let d=l[ee],f=l[te];if(!d){let t=e.XMLHttpRequestEventTarget;if(t){let e=t.prototype;d=e[ee],f=e[te]}}let p=`readystatechange`,m=`scheduled`;function h(e){let r=e.data,o=r.target;o[a]=!1,o[s]=!1;let c=o[i];d||(d=o[ee],f=o[te]),c&&f.call(o,p,c);let l=o[i]=()=>{if(o.readyState===o.DONE){if(!r.aborted&&o[a]&&e.state===m){let n=o[t.__symbol__(`loadfalse`)];if(o.status!==0&&n&&n.length>0){let i=e.invoke;e.invoke=function(){let n=o[t.__symbol__(`loadfalse`)];for(let t=0;t<n.length;t++)n[t]===e&&n.splice(t,1);!r.aborted&&e.state===m&&i.call(e)},n.push(e)}else e.invoke()}else!r.aborted&&o[a]===!1&&(o[s]=!0)}};return d.call(o,p,l),o[n]||(o[n]=e),ae.apply(o,r.args),o[a]=!0,e}function g(){}function _(e){let t=e.data;return t.aborted=!0,ce.apply(t.target,t.args)}let ne=Ee(l,`open`,()=>function(e,t){return e[r]=t[2]==0,e[o]=t[1],ne.apply(e,t)}),re=se(`fetchTaskAborting`),ie=se(`fetchTaskScheduling`),ae=Ee(l,`send`,()=>function(e,n){if(t.current[ie]===!0||e[r])return ae.apply(e,n);{let t={target:e,url:e[o],isPeriodic:!1,args:n,aborted:!1},r=oe(`XMLHttpRequest.send`,g,t,h,_);e&&e[s]===!0&&!t.aborted&&r.state===m&&r.invoke()}}),ce=Ee(l,`abort`,()=>function(e,n){let r=u(e);if(r&&typeof r.type==`string`){if(r.cancelFn==null||r.data&&r.data.aborted)return;r.zone.cancelTask(r)}else if(t.current[re]===!0)return ce.apply(e,n)})}}),e.__load_patch(`geolocation`,e=>{e.navigator&&e.navigator.geolocation&&pe(e.navigator.geolocation,[`getCurrentPosition`,`watchPosition`])}),e.__load_patch(`PromiseRejectionEvent`,(e,t)=>{function n(t){return function(n){ze(e,t).forEach(r=>{let i=e.PromiseRejectionEvent;if(i){let e=new i(t,{promise:n.promise,reason:n.rejection});r.invoke(e)}})}}e.PromiseRejectionEvent&&(t[se(`unhandledPromiseRejectionHandler`)]=n(`unhandledrejection`),t[se(`rejectionHandledHandler`)]=n(`rejectionhandled`))}),e.__load_patch(`queueMicrotask`,(e,t,n)=>{Ve(e,n)})}function Qe(e){e.__load_patch(`ZoneAwarePromise`,(e,t,n)=>{let r=Object.getOwnPropertyDescriptor,i=Object.defineProperty;function a(e){return e&&e.toString===Object.prototype.toString?(e.constructor&&e.constructor.name||``)+`: `+JSON.stringify(e):e?e.toString():Object.prototype.toString.call(e)}let o=n.symbol,s=[],c=e[o(`DISABLE_WRAPPING_UNCAUGHT_PROMISE_REJECTION`)]!==!1,l=o(`Promise`),u=o(`then`);n.onUnhandledError=e=>{if(n.showUncaughtError()){let t=e&&e.rejection;t&&e.zone&&e.task?console.error(`Unhandled Promise rejection:`,t instanceof Error?t.message:t,`; Zone:`,e.zone.name,`; Task:`,e.task&&e.task.source,`; Value:`,t,t instanceof Error?t.stack:void 0):console.error(e)}},n.microtaskDrainDone=()=>{for(;s.length;){let e=s.shift();try{e.zone.runGuarded(()=>{throw e.throwOriginal?e.rejection:e})}catch(e){f(e)}}};let d=o(`unhandledPromiseRejectionHandler`);function f(e){n.onUnhandledError(e);try{let n=t[d];typeof n==`function`&&n.call(this,e)}catch{}}function p(e){return e&&typeof e.then==`function`}function m(e){return e}function h(e){return fe.reject(e)}let g=o(`state`),_=o(`value`),ee=o(`finally`),te=o(`parentPromiseValue`),ne=o(`parentPromiseState`);function re(e,t){return n=>{try{oe(e,t,n)}catch(t){oe(e,!1,t)}}}let ie=function(){let e=!1;return function(t){return function(){e||(e=!0,t.apply(null,arguments))}}},ae=o(`currentTaskTrace`);function oe(e,r,o){let l=ie();if(e===o)throw TypeError(`Promise resolved with itself`);if(e[g]===null){let u=null;try{(typeof o==`object`||typeof o==`function`)&&(u=o&&o.then)}catch(t){return l(()=>{oe(e,!1,t)})(),e}if(r!==!1&&o instanceof fe&&Object.hasOwn(o,g)&&Object.hasOwn(o,_)&&o[g]!==null)ce(o),oe(e,o[g],o[_]);else if(r!==!1&&typeof u==`function`)try{u.call(o,l(re(e,r)),l(re(e,!1)))}catch(t){l(()=>{oe(e,!1,t)})()}else{e[g]=r;let l=e[_];if(e[_]=o,e[ee]===ee&&r===!0&&(e[g]=e[ne],e[_]=e[te]),r===!1&&o instanceof Error){let e=t.currentTask&&t.currentTask.data&&t.currentTask.data.__creationTrace__;e&&i(o,ae,{configurable:!0,enumerable:!1,writable:!0,value:e})}for(let t=0;t<l.length;)le(e,l[t++],l[t++],l[t++],l[t++]);if(l.length==0&&r==0){e[g]=0;let r=o;try{throw Error(`Uncaught (in promise): `+a(o)+(o&&o.stack?`
 `+o.stack:``))}catch(e){r=e}c&&(r.throwOriginal=!0),r.rejection=o,r.promise=e,r.zone=t.current,r.task=t.currentTask,s.push(r),n.scheduleMicroTask()}}}return e}let se=o(`rejectionHandledHandler`);function ce(e){if(e[g]===0){try{let n=t[se];n&&typeof n==`function`&&n.call(this,{rejection:e[_],promise:e})}catch{}e[g]=!1;for(let t=0;t<s.length;t++)e===s[t].promise&&s.splice(t,1)}}function le(e,t,n,r,i){ce(e);let a=e[g],o=a?typeof r==`function`?r:m:typeof i==`function`?i:h;t.scheduleMicroTask(`Promise.then`,()=>{try{let r=e[_],i=!!n&&ee===n[ee];i&&(n[te]=r,n[ne]=a),oe(n,!0,t.run(o,void 0,i&&o!==h&&o!==m?[]:[r]))}catch(e){oe(n,!1,e)}},n)}let ue=function(){},de=e.AggregateError;class fe{static toString(){return`function ZoneAwarePromise() { [native code] }`}static resolve(e){return e instanceof fe?e:oe(new this(null),!0,e)}static reject(e){return oe(new this(null),!1,e)}static withResolvers(){let e={};return e.promise=new fe((t,n)=>{e.resolve=t,e.reject=n}),e}static any(e){if(!e||typeof e[Symbol.iterator]!=`function`)return Promise.reject(new de([],`All promises were rejected`));let t=[],n=0;try{for(let r of e)n++,t.push(fe.resolve(r))}catch{return Promise.reject(new de([],`All promises were rejected`))}if(n===0)return Promise.reject(new de([],`All promises were rejected`));let r=!1,i=[];return new fe((e,a)=>{for(let o=0;o<t.length;o++)t[o].then(t=>{r||(r=!0,e(t))},e=>{i.push(e),n--,n===0&&(r=!0,a(new de(i,`All promises were rejected`)))})})}static race(e){let t,n,r=new this((e,r)=>{t=e,n=r});function i(e){t(e)}function a(e){n(e)}for(let t of e)p(t)||(t=this.resolve(t)),t.then(i,a);return r}static all(e){return fe.allWithCallback(e)}static allSettled(e){return(this&&this.prototype instanceof fe?this:fe).allWithCallback(e,{thenCallback:e=>({status:`fulfilled`,value:e}),errorCallback:e=>({status:`rejected`,reason:e})})}static allWithCallback(e,t){let n,r,i=new this((e,t)=>{n=e,r=t}),a=2,o=0,s=[];for(let i of e){p(i)||(i=this.resolve(i));let e=o;try{i.then(r=>{s[e]=t?t.thenCallback(r):r,a--,a===0&&n(s)},i=>{t?(s[e]=t.errorCallback(i),a--,a===0&&n(s)):r(i)})}catch(e){r(e)}a++,o++}return a-=2,a===0&&n(s),i}constructor(e){let t=this;if(!(t instanceof fe))throw Error(`Must be an instanceof Promise.`);t[g]=null,t[_]=[];try{let n=ie();e&&e(n(re(t,!0)),n(re(t,!1)))}catch(e){oe(t,!1,e)}}get[Symbol.toStringTag](){return`Promise`}get[Symbol.species](){return fe}then(e,n){let r=this.constructor?.[Symbol.species];(!r||typeof r!=`function`)&&(r=this.constructor||fe);let i=new r(ue),a=t.current;return this[g]==null?this[_].push(a,i,e,n):le(this,a,i,e,n),i}catch(e){return this.then(null,e)}finally(e){let n=this.constructor?.[Symbol.species];(!n||typeof n!=`function`)&&(n=fe);let r=new n(ue);r[ee]=ee;let i=t.current;return this[g]==null?this[_].push(i,r,e,e):le(this,i,r,e,e),r}}fe.resolve=fe.resolve,fe.reject=fe.reject,fe.race=fe.race,fe.all=fe.all;let pe=e[l]=e.Promise;e.Promise=fe;let me=o(`thenPatched`);function he(e){let t=e.prototype,n=r(t,`then`);if(n&&(n.writable===!1||!n.configurable))return;let i=t.then;t[u]=i,e.prototype.then=function(e,t){return new fe((e,t)=>{i.call(this,e,t)}).then(e,t)},e[me]=!0}n.patchThen=he;function ge(e){return function(t,n){let r=e.apply(t,n);if(r instanceof fe)return r;let i=r.constructor;return i[me]||he(i),r}}if(pe){he(pe);let t=pe.try;t&&typeof t==`function`&&(fe.try=t),Ee(e,`fetch`,e=>ge(e))}return Promise[t.__symbol__(`uncaughtPromiseErrors`)]=s,fe})}function $e(e){e.__load_patch(`toString`,e=>{let t=Function.prototype.toString,n=se(`OriginalDelegate`),r=se(`Promise`),i=se(`Error`),a=function(){if(typeof this==`function`){let a=this[n];if(a)return typeof a==`function`?t.call(a):Object.prototype.toString.call(a);if(this===Promise){let n=e[r];if(n)return t.call(n)}if(this===Error){let n=e[i];if(n)return t.call(n)}}return t.call(this)};a[n]=t,Function.prototype.toString=a;let o=Object.prototype.toString;Object.prototype.toString=function(){return typeof Promise==`function`&&this instanceof Promise?`[object Promise]`:o.call(this)}})}function et(e,t,n,r,i){let a=Zone.__symbol__(r);if(t[a])return;let o=t[a]=t[r];t[r]=function(a,s,c){return s&&s.prototype&&i.forEach(function(t){let i=`${n}.${r}::`+t,a=s.prototype;try{if(Object.hasOwn(a,t)){let n=e.ObjectGetOwnPropertyDescriptor(a,t);n&&n.value?(n.value=e.wrapWithCurrentZone(n.value,i),e._redefineProperty(s.prototype,t,n)):a[t]&&(a[t]=e.wrapWithCurrentZone(a[t],i))}else a[t]&&(a[t]=e.wrapWithCurrentZone(a[t],i))}catch{}}),o.call(t,a,s,c)},e.attachOriginToPatched(t[r],o)}function tt(e){e.__load_patch(`util`,(e,t,n)=>{let r=Ye(e);n.patchOnProperties=Ce,n.patchMethod=Ee,n.bindArguments=fe,n.patchMacroTask=De;let i=t.__symbol__(`BLACK_LISTED_EVENTS`),a=t.__symbol__(`UNPATCHED_EVENTS`);e[a]&&(e[i]=e[a]),e[i]&&(t[i]=t[a]=e[i]),n.patchEventPrototype=Be,n.patchEventTarget=Re,n.ObjectDefineProperty=f,n.ObjectGetOwnPropertyDescriptor=d,n.ObjectCreate=m,n.ArraySlice=h,n.patchClass=Te,n.wrapWithCurrentZone=ae,n.filterProperties=qe,n.attachOriginToPatched=Oe,n._redefineProperty=Object.defineProperty,n.patchCallbacks=et,n.getGlobalObjects=()=>({globalSources:Ne,zoneSymbolEventNames:Me,eventNames:r,isBrowser:_e,isMix:ve,isNode:ge,TRUE_STR:ne,FALSE_STR:re,ZONE_SYMBOL_PREFIX:ie,ADD_EVENT_LISTENER_STR:g,REMOVE_EVENT_LISTENER_STR:_})})}function nt(e){Qe(e),$e(e),tt(e)}var rt=u();nt(rt),Ze(rt);var it=(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})(it||{}),at=(function(e){return e[e.None=0]=`None`,e[e.Const=1]=`Const`,e})(at||{}),ot=class{modifiers;constructor(e=at.None){this.modifiers=e}hasModifier(e){return(this.modifiers&e)!==0}},st=(function(e){return e[e.Dynamic=0]=`Dynamic`,e[e.Bool=1]=`Bool`,e[e.String=2]=`String`,e[e.Int=3]=`Int`,e[e.Number=4]=`Number`,e[e.Function=5]=`Function`,e[e.Inferred=6]=`Inferred`,e[e.None=7]=`None`,e})(st||{}),ct=class extends ot{name;constructor(e,t){super(t),this.name=e}visitType(e,t){return e.visitBuiltinType(this,t)}};st.Dynamic;var lt=new ct(st.Inferred);st.Bool,st.Int,st.Number,st.String,st.Function,st.None;var v=(function(e){return e[e.Equals=0]=`Equals`,e[e.NotEquals=1]=`NotEquals`,e[e.Assign=2]=`Assign`,e[e.Identical=3]=`Identical`,e[e.NotIdentical=4]=`NotIdentical`,e[e.Minus=5]=`Minus`,e[e.Plus=6]=`Plus`,e[e.Divide=7]=`Divide`,e[e.Multiply=8]=`Multiply`,e[e.Modulo=9]=`Modulo`,e[e.And=10]=`And`,e[e.Or=11]=`Or`,e[e.BitwiseOr=12]=`BitwiseOr`,e[e.BitwiseAnd=13]=`BitwiseAnd`,e[e.Lower=14]=`Lower`,e[e.LowerEquals=15]=`LowerEquals`,e[e.Bigger=16]=`Bigger`,e[e.BiggerEquals=17]=`BiggerEquals`,e[e.NullishCoalesce=18]=`NullishCoalesce`,e[e.Exponentiation=19]=`Exponentiation`,e[e.In=20]=`In`,e[e.InstanceOf=21]=`InstanceOf`,e[e.AdditionAssignment=22]=`AdditionAssignment`,e[e.SubtractionAssignment=23]=`SubtractionAssignment`,e[e.MultiplicationAssignment=24]=`MultiplicationAssignment`,e[e.DivisionAssignment=25]=`DivisionAssignment`,e[e.RemainderAssignment=26]=`RemainderAssignment`,e[e.ExponentiationAssignment=27]=`ExponentiationAssignment`,e[e.AndAssignment=28]=`AndAssignment`,e[e.OrAssignment=29]=`OrAssignment`,e[e.NullishCoalesceAssignment=30]=`NullishCoalesceAssignment`,e})(v||{});function ut(e,t){return e==null||t==null?e==t:e.isEquivalent(t)}function dt(e,t,n){let r=e.length;if(r!==t.length)return!1;for(let i=0;i<r;i++)if(!n(e[i],t[i]))return!1;return!0}function ft(e,t){return dt(e,t,(e,t)=>e.isEquivalent(t))}var pt=class{leadingComments;type;sourceSpan;constructor(e,t,n){this.leadingComments=n,this.type=e||null,this.sourceSpan=t||null}prop(e,t){return new Ct(this,e,null,t)}key(e,t,n){return new wt(this,e,t,n)}callFn(e,t,n,r){return new gt(this,e,null,t,n,r)}instantiate(e,t,n,r){return new _t(this,e,t,n)}conditional(e,t=null,n,r){return new xt(this,e,t,null,n)}equals(e,t){return new St(v.Equals,this,e,null,t)}notEquals(e,t){return new St(v.NotEquals,this,e,null,t)}identical(e,t){return new St(v.Identical,this,e,null,t)}notIdentical(e,t){return new St(v.NotIdentical,this,e,null,t)}minus(e,t){return new St(v.Minus,this,e,null,t)}plus(e,t){return new St(v.Plus,this,e,null,t)}divide(e,t){return new St(v.Divide,this,e,null,t)}multiply(e,t){return new St(v.Multiply,this,e,null,t)}modulo(e,t){return new St(v.Modulo,this,e,null,t)}power(e,t){return new St(v.Exponentiation,this,e,null,t)}and(e,t){return new St(v.And,this,e,null,t)}bitwiseOr(e,t){return new St(v.BitwiseOr,this,e,null,t)}bitwiseAnd(e,t){return new St(v.BitwiseAnd,this,e,null,t)}or(e,t){return new St(v.Or,this,e,null,t)}lower(e,t){return new St(v.Lower,this,e,null,t)}lowerEquals(e,t){return new St(v.LowerEquals,this,e,null,t)}bigger(e,t){return new St(v.Bigger,this,e,null,t)}biggerEquals(e,t){return new St(v.BiggerEquals,this,e,null,t)}isBlank(e){return this.equals(kt,e)}nullishCoalesce(e,t){return new St(v.NullishCoalesce,this,e,null,t)}toStmt(e){return new Mt(this,null,e)}},mt=class e extends pt{name;constructor(e,t,n,r){super(t,n,r),this.name=e}isEquivalent(t){return t instanceof e&&this.name===t.name}isConstant(){return!1}visitExpression(e,t){return e.visitReadVarExpr(this,t)}clone(){return new e(this.name,this.type,this.sourceSpan)}set(e){return new St(v.Assign,this,e,null,this.sourceSpan)}},ht=class e extends pt{expr;constructor(e,t,n,r){super(t,n,r),this.expr=e}visitExpression(e,t){return e.visitTypeofExpr(this,t)}isEquivalent(t){return t instanceof e&&t.expr.isEquivalent(this.expr)}isConstant(){return this.expr.isConstant()}clone(){return new e(this.expr.clone())}},gt=class e extends pt{fn;args;pure;isOptional;constructor(e,t,n,r,i=!1,a,o=!1){super(n,r,a),this.fn=e,this.args=t,this.pure=i,this.isOptional=o}get receiver(){return this.fn}isEquivalent(t){return t instanceof e&&this.fn.isEquivalent(t.fn)&&ft(this.args,t.args)&&this.pure===t.pure}isConstant(){return!1}visitExpression(e,t){return e.visitInvokeFunctionExpr(this,t)}clone(){return new e(this.fn.clone(),this.args.map(e=>e.clone()),this.type,this.sourceSpan,this.pure,[],this.isOptional)}},_t=class e extends pt{classExpr;args;constructor(e,t,n,r,i){super(n,r,i),this.classExpr=e,this.args=t}isEquivalent(t){return t instanceof e&&this.classExpr.isEquivalent(t.classExpr)&&ft(this.args,t.args)}isConstant(){return!1}visitExpression(e,t){return e.visitInstantiateExpr(this,t)}clone(){return new e(this.classExpr.clone(),this.args.map(e=>e.clone()),this.type,this.sourceSpan)}},vt=class e extends pt{body;flags;constructor(e,t,n,r){super(null,n,r),this.body=e,this.flags=t}isEquivalent(t){return t instanceof e&&this.body===t.body&&this.flags===t.flags}isConstant(){return!0}visitExpression(e,t){return e.visitRegularExpressionLiteral(this,t)}clone(){return new e(this.body,this.flags,this.sourceSpan)}},yt=class e extends pt{value;constructor(e,t,n,r){super(t,n,r),this.value=e}isEquivalent(t){return t instanceof e&&this.value===t.value}isConstant(){return!0}visitExpression(e,t){return e.visitLiteralExpr(this,t)}clone(){return new e(this.value,this.type,this.sourceSpan)}},bt=class e extends pt{value;typeParams;constructor(e,t,n=null,r,i){super(t,r,i),this.value=e,this.typeParams=n}isEquivalent(t){return t instanceof e&&this.value.name===t.value.name&&this.value.moduleName===t.value.moduleName}isConstant(){return!1}visitExpression(e,t){return e.visitExternalExpr(this,t)}clone(){return new e(this.value,this.type,this.typeParams,this.sourceSpan)}},xt=class e extends pt{condition;falseCase;trueCase;constructor(e,t,n=null,r,i,a){super(r||t.type,i,a),this.condition=e,this.falseCase=n,this.trueCase=t}isEquivalent(t){return t instanceof e&&this.condition.isEquivalent(t.condition)&&this.trueCase.isEquivalent(t.trueCase)&&ut(this.falseCase,t.falseCase)}isConstant(){return!1}visitExpression(e,t){return e.visitConditionalExpr(this,t)}clone(){return new e(this.condition.clone(),this.trueCase.clone(),this.falseCase?.clone(),this.type,this.sourceSpan)}},St=class e extends pt{operator;rhs;lhs;constructor(e,t,n,r,i,a){super(r||t.type,i,a),this.operator=e,this.rhs=n,this.lhs=t}isEquivalent(t){return t instanceof e&&this.operator===t.operator&&this.lhs.isEquivalent(t.lhs)&&this.rhs.isEquivalent(t.rhs)}isConstant(){return!1}visitExpression(e,t){return e.visitBinaryOperatorExpr(this,t)}clone(){return new e(this.operator,this.lhs.clone(),this.rhs.clone(),this.type,this.sourceSpan)}isAssignment(){let e=this.operator;return e===v.Assign||e===v.AdditionAssignment||e===v.SubtractionAssignment||e===v.MultiplicationAssignment||e===v.DivisionAssignment||e===v.RemainderAssignment||e===v.ExponentiationAssignment||e===v.AndAssignment||e===v.OrAssignment||e===v.NullishCoalesceAssignment}},Ct=class e extends pt{receiver;name;isOptional;constructor(e,t,n,r,i,a=!1){super(n,r,i),this.receiver=e,this.name=t,this.isOptional=a}get index(){return this.name}isEquivalent(t){return t instanceof e&&this.receiver.isEquivalent(t.receiver)&&this.name===t.name&&this.isOptional===t.isOptional}isConstant(){return!1}visitExpression(e,t){return e.visitReadPropExpr(this,t)}set(e){return new St(v.Assign,this.receiver.prop(this.name),e,null,this.sourceSpan)}clone(){return new e(this.receiver.clone(),this.name,this.type,this.sourceSpan,[],this.isOptional)}},wt=class e extends pt{receiver;index;isOptional;constructor(e,t,n,r,i,a=!1){super(n,r,i),this.receiver=e,this.index=t,this.isOptional=a}isEquivalent(t){return t instanceof e&&this.receiver.isEquivalent(t.receiver)&&this.index.isEquivalent(t.index)&&this.isOptional===t.isOptional}isConstant(){return!1}visitExpression(e,t){return e.visitReadKeyExpr(this,t)}set(e){return new St(v.Assign,this.receiver.key(this.index),e,null,this.sourceSpan)}clone(){return new e(this.receiver.clone(),this.index.clone(),this.type,this.sourceSpan,[],this.isOptional)}},Tt=class e extends pt{entries;constructor(e,t,n,r){super(t,n,r),this.entries=e}isConstant(){return this.entries.every(e=>e.isConstant())}isEquivalent(t){return t instanceof e&&ft(this.entries,t.entries)}visitExpression(e,t){return e.visitLiteralArrayExpr(this,t)}clone(){return new e(this.entries.map(e=>e.clone()),this.type,this.sourceSpan)}},Et=class e{expression;constructor(e){this.expression=e}isEquivalent(t){return t instanceof e&&this.expression.isEquivalent(t.expression)}clone(){return new e(this.expression.clone())}isConstant(){return this.expression.isConstant()}},Dt=class e extends pt{entries;valueType=null;constructor(e,t,n,r){super(t,n,r),this.entries=e,t&&(this.valueType=t.valueType)}isEquivalent(t){return t instanceof e&&ft(this.entries,t.entries)}isConstant(){return this.entries.every(e=>e.isConstant())}visitExpression(e,t){return e.visitLiteralMapExpr(this,t)}clone(){let t=this.entries.map(e=>e.clone());return new e(t,this.type,this.sourceSpan)}},Ot=class e extends pt{expression;constructor(e,t,n){super(null,t,n),this.expression=e}isEquivalent(t){return t instanceof e&&this.expression.isEquivalent(t.expression)}isConstant(){return this.expression.isConstant()}visitExpression(e,t){return e.visitSpreadElementExpr(this,t)}clone(){return new e(this.expression.clone(),this.sourceSpan)}},kt=new yt(null,lt,null),At=(function(e){return e[e.None=0]=`None`,e[e.Final=1]=`Final`,e[e.Private=2]=`Private`,e[e.Exported=4]=`Exported`,e[e.Static=8]=`Static`,e})(At||{}),jt=class{modifiers;sourceSpan;leadingComments;constructor(e=At.None,t=null,n){this.modifiers=e,this.sourceSpan=t,this.leadingComments=n}hasModifier(e){return(this.modifiers&e)!==0}addLeadingComment(e){this.leadingComments=this.leadingComments??[],this.leadingComments.push(e)}},Mt=class e extends jt{expr;constructor(e,t,n){super(At.None,t,n),this.expr=e}isEquivalent(t){return t instanceof e&&this.expr.isEquivalent(t.expr)}visitStatement(e,t){return e.visitExpressionStmt(this,t)}};(class e{static INSTANCE=new e;keyOf(e){if(e instanceof yt&&typeof e.value==`string`)return`"${e.value}"`;if(e instanceof yt)return String(e.value);if(e instanceof vt)return`/${e.body}/${e.flags??``}`;if(e instanceof Tt){let t=[];for(let n of e.entries)t.push(this.keyOf(n));return`[${t.join(`,`)}]`}if(e instanceof Dt){let t=[];for(let n of e.entries)if(n instanceof Et)t.push(`...`+this.keyOf(n.expression));else{let e=n.key;n.quoted&&(e=`"${e}"`),t.push(e+`:`+this.keyOf(n.value))}return`{${t.join(`,`)}}`}if(e instanceof bt)return`import("${e.value.moduleName}", ${e.value.name})`;if(e instanceof mt)return`read(${e.name})`;if(e instanceof ht)return`typeof(${this.keyOf(e.expr)})`;if(e instanceof Ot)return`...${this.keyOf(e.expression)}`;throw Error(`${this.constructor.name} does not handle expressions of type ${e.constructor.name}`)}});var y=`@angular/core`,b=(()=>{class e{static core={name:null,moduleName:y};static namespaceHTML={name:`ɵɵnamespaceHTML`,moduleName:y};static namespaceMathML={name:`ɵɵnamespaceMathML`,moduleName:y};static namespaceSVG={name:`ɵɵnamespaceSVG`,moduleName:y};static element={name:`ɵɵelement`,moduleName:y};static elementStart={name:`ɵɵelementStart`,moduleName:y};static elementEnd={name:`ɵɵelementEnd`,moduleName:y};static foreignComponent={name:`ɵɵforeignComponent`,moduleName:y};static foreignContent={name:`ɵɵforeignContent`,moduleName:y};static foreignContentFn={name:`ɵɵforeignContentFn`,moduleName:y};static domElement={name:`ɵɵdomElement`,moduleName:y};static domElementStart={name:`ɵɵdomElementStart`,moduleName:y};static domElementEnd={name:`ɵɵdomElementEnd`,moduleName:y};static domElementContainer={name:`ɵɵdomElementContainer`,moduleName:y};static domElementContainerStart={name:`ɵɵdomElementContainerStart`,moduleName:y};static domElementContainerEnd={name:`ɵɵdomElementContainerEnd`,moduleName:y};static domTemplate={name:`ɵɵdomTemplate`,moduleName:y};static domListener={name:`ɵɵdomListener`,moduleName:y};static advance={name:`ɵɵadvance`,moduleName:y};static syntheticHostProperty={name:`ɵɵsyntheticHostProperty`,moduleName:y};static syntheticHostListener={name:`ɵɵsyntheticHostListener`,moduleName:y};static attribute={name:`ɵɵattribute`,moduleName:y};static classProp={name:`ɵɵclassProp`,moduleName:y};static elementContainerStart={name:`ɵɵelementContainerStart`,moduleName:y};static elementContainerEnd={name:`ɵɵelementContainerEnd`,moduleName:y};static elementContainer={name:`ɵɵelementContainer`,moduleName:y};static styleMap={name:`ɵɵstyleMap`,moduleName:y};static classMap={name:`ɵɵclassMap`,moduleName:y};static styleProp={name:`ɵɵstyleProp`,moduleName:y};static interpolate={name:`ɵɵinterpolate`,moduleName:y};static interpolate1={name:`ɵɵinterpolate1`,moduleName:y};static interpolate2={name:`ɵɵinterpolate2`,moduleName:y};static interpolate3={name:`ɵɵinterpolate3`,moduleName:y};static interpolate4={name:`ɵɵinterpolate4`,moduleName:y};static interpolate5={name:`ɵɵinterpolate5`,moduleName:y};static interpolate6={name:`ɵɵinterpolate6`,moduleName:y};static interpolate7={name:`ɵɵinterpolate7`,moduleName:y};static interpolate8={name:`ɵɵinterpolate8`,moduleName:y};static interpolateV={name:`ɵɵinterpolateV`,moduleName:y};static nextContext={name:`ɵɵnextContext`,moduleName:y};static resetView={name:`ɵɵresetView`,moduleName:y};static templateCreate={name:`ɵɵtemplate`,moduleName:y};static defer={name:`ɵɵdefer`,moduleName:y};static deferWhen={name:`ɵɵdeferWhen`,moduleName:y};static deferOnIdle={name:`ɵɵdeferOnIdle`,moduleName:y};static deferOnImmediate={name:`ɵɵdeferOnImmediate`,moduleName:y};static deferOnTimer={name:`ɵɵdeferOnTimer`,moduleName:y};static deferOnHover={name:`ɵɵdeferOnHover`,moduleName:y};static deferOnInteraction={name:`ɵɵdeferOnInteraction`,moduleName:y};static deferOnViewport={name:`ɵɵdeferOnViewport`,moduleName:y};static deferPrefetchWhen={name:`ɵɵdeferPrefetchWhen`,moduleName:y};static deferPrefetchOnIdle={name:`ɵɵdeferPrefetchOnIdle`,moduleName:y};static deferPrefetchOnImmediate={name:`ɵɵdeferPrefetchOnImmediate`,moduleName:y};static deferPrefetchOnTimer={name:`ɵɵdeferPrefetchOnTimer`,moduleName:y};static deferPrefetchOnHover={name:`ɵɵdeferPrefetchOnHover`,moduleName:y};static deferPrefetchOnInteraction={name:`ɵɵdeferPrefetchOnInteraction`,moduleName:y};static deferPrefetchOnViewport={name:`ɵɵdeferPrefetchOnViewport`,moduleName:y};static deferHydrateWhen={name:`ɵɵdeferHydrateWhen`,moduleName:y};static deferHydrateNever={name:`ɵɵdeferHydrateNever`,moduleName:y};static deferHydrateOnIdle={name:`ɵɵdeferHydrateOnIdle`,moduleName:y};static deferHydrateOnImmediate={name:`ɵɵdeferHydrateOnImmediate`,moduleName:y};static deferHydrateOnTimer={name:`ɵɵdeferHydrateOnTimer`,moduleName:y};static deferHydrateOnHover={name:`ɵɵdeferHydrateOnHover`,moduleName:y};static deferHydrateOnInteraction={name:`ɵɵdeferHydrateOnInteraction`,moduleName:y};static deferHydrateOnViewport={name:`ɵɵdeferHydrateOnViewport`,moduleName:y};static deferEnableTimerScheduling={name:`ɵɵdeferEnableTimerScheduling`,moduleName:y};static enableIncrementalHydrationRuntime={name:`ɵɵenableIncrementalHydrationRuntime`,moduleName:y};static conditionalCreate={name:`ɵɵconditionalCreate`,moduleName:y};static conditionalBranchCreate={name:`ɵɵconditionalBranchCreate`,moduleName:y};static conditional={name:`ɵɵconditional`,moduleName:y};static repeater={name:`ɵɵrepeater`,moduleName:y};static repeaterCreate={name:`ɵɵrepeaterCreate`,moduleName:y};static repeaterTrackByIndex={name:`ɵɵrepeaterTrackByIndex`,moduleName:y};static repeaterTrackByIdentity={name:`ɵɵrepeaterTrackByIdentity`,moduleName:y};static componentInstance={name:`ɵɵcomponentInstance`,moduleName:y};static text={name:`ɵɵtext`,moduleName:y};static enableBindings={name:`ɵɵenableBindings`,moduleName:y};static disableBindings={name:`ɵɵdisableBindings`,moduleName:y};static getCurrentView={name:`ɵɵgetCurrentView`,moduleName:y};static textInterpolate={name:`ɵɵtextInterpolate`,moduleName:y};static textInterpolate1={name:`ɵɵtextInterpolate1`,moduleName:y};static textInterpolate2={name:`ɵɵtextInterpolate2`,moduleName:y};static textInterpolate3={name:`ɵɵtextInterpolate3`,moduleName:y};static textInterpolate4={name:`ɵɵtextInterpolate4`,moduleName:y};static textInterpolate5={name:`ɵɵtextInterpolate5`,moduleName:y};static textInterpolate6={name:`ɵɵtextInterpolate6`,moduleName:y};static textInterpolate7={name:`ɵɵtextInterpolate7`,moduleName:y};static textInterpolate8={name:`ɵɵtextInterpolate8`,moduleName:y};static textInterpolateV={name:`ɵɵtextInterpolateV`,moduleName:y};static restoreView={name:`ɵɵrestoreView`,moduleName:y};static pureFunction0={name:`ɵɵpureFunction0`,moduleName:y};static pureFunction1={name:`ɵɵpureFunction1`,moduleName:y};static pureFunction2={name:`ɵɵpureFunction2`,moduleName:y};static pureFunction3={name:`ɵɵpureFunction3`,moduleName:y};static pureFunction4={name:`ɵɵpureFunction4`,moduleName:y};static pureFunction5={name:`ɵɵpureFunction5`,moduleName:y};static pureFunction6={name:`ɵɵpureFunction6`,moduleName:y};static pureFunction7={name:`ɵɵpureFunction7`,moduleName:y};static pureFunction8={name:`ɵɵpureFunction8`,moduleName:y};static pureFunctionV={name:`ɵɵpureFunctionV`,moduleName:y};static pipeBind1={name:`ɵɵpipeBind1`,moduleName:y};static pipeBind2={name:`ɵɵpipeBind2`,moduleName:y};static pipeBind3={name:`ɵɵpipeBind3`,moduleName:y};static pipeBind4={name:`ɵɵpipeBind4`,moduleName:y};static pipeBindV={name:`ɵɵpipeBindV`,moduleName:y};static domProperty={name:`ɵɵdomProperty`,moduleName:y};static ariaProperty={name:`ɵɵariaProperty`,moduleName:y};static property={name:`ɵɵproperty`,moduleName:y};static control={name:`ɵɵcontrol`,moduleName:y};static controlCreate={name:`ɵɵcontrolCreate`,moduleName:y};static animationEnterListener={name:`ɵɵanimateEnterListener`,moduleName:y};static animationLeaveListener={name:`ɵɵanimateLeaveListener`,moduleName:y};static animationEnter={name:`ɵɵanimateEnter`,moduleName:y};static animationLeave={name:`ɵɵanimateLeave`,moduleName:y};static i18n={name:`ɵɵi18n`,moduleName:y};static i18nAttributes={name:`ɵɵi18nAttributes`,moduleName:y};static i18nExp={name:`ɵɵi18nExp`,moduleName:y};static i18nStart={name:`ɵɵi18nStart`,moduleName:y};static i18nEnd={name:`ɵɵi18nEnd`,moduleName:y};static i18nApply={name:`ɵɵi18nApply`,moduleName:y};static i18nPostprocess={name:`ɵɵi18nPostprocess`,moduleName:y};static pipe={name:`ɵɵpipe`,moduleName:y};static projection={name:`ɵɵprojection`,moduleName:y};static projectionDef={name:`ɵɵprojectionDef`,moduleName:y};static reference={name:`ɵɵreference`,moduleName:y};static inject={name:`ɵɵinject`,moduleName:y};static injectAttribute={name:`ɵɵinjectAttribute`,moduleName:y};static directiveInject={name:`ɵɵdirectiveInject`,moduleName:y};static invalidFactory={name:`ɵɵinvalidFactory`,moduleName:y};static invalidFactoryDep={name:`ɵɵinvalidFactoryDep`,moduleName:y};static templateRefExtractor={name:`ɵɵtemplateRefExtractor`,moduleName:y};static forwardRef={name:`forwardRef`,moduleName:y};static resolveForwardRef={name:`resolveForwardRef`,moduleName:y};static replaceMetadata={name:`ɵɵreplaceMetadata`,moduleName:y};static getReplaceMetadataURL={name:`ɵɵgetReplaceMetadataURL`,moduleName:y};static ɵɵdefineInjectable={name:`ɵɵdefineInjectable`,moduleName:y};static declareInjectable={name:`ɵɵngDeclareInjectable`,moduleName:y};static InjectableDeclaration={name:`ɵɵInjectableDeclaration`,moduleName:y};static defineService={name:`ɵɵdefineService`,moduleName:y};static declareService={name:`ɵɵngDeclareService`,moduleName:y};static resolveWindow={name:`ɵɵresolveWindow`,moduleName:y};static resolveDocument={name:`ɵɵresolveDocument`,moduleName:y};static resolveBody={name:`ɵɵresolveBody`,moduleName:y};static getComponentDepsFactory={name:`ɵɵgetComponentDepsFactory`,moduleName:y};static defineComponent={name:`ɵɵdefineComponent`,moduleName:y};static declareComponent={name:`ɵɵngDeclareComponent`,moduleName:y};static setComponentScope={name:`ɵɵsetComponentScope`,moduleName:y};static ChangeDetectionStrategy={name:`ChangeDetectionStrategy`,moduleName:y};static ViewEncapsulation={name:`ViewEncapsulation`,moduleName:y};static ComponentDeclaration={name:`ɵɵComponentDeclaration`,moduleName:y};static FactoryDeclaration={name:`ɵɵFactoryDeclaration`,moduleName:y};static declareFactory={name:`ɵɵngDeclareFactory`,moduleName:y};static FactoryTarget={name:`ɵɵFactoryTarget`,moduleName:y};static defineDirective={name:`ɵɵdefineDirective`,moduleName:y};static declareDirective={name:`ɵɵngDeclareDirective`,moduleName:y};static DirectiveDeclaration={name:`ɵɵDirectiveDeclaration`,moduleName:y};static InjectorDef={name:`ɵɵInjectorDef`,moduleName:y};static InjectorDeclaration={name:`ɵɵInjectorDeclaration`,moduleName:y};static defineInjector={name:`ɵɵdefineInjector`,moduleName:y};static declareInjector={name:`ɵɵngDeclareInjector`,moduleName:y};static NgModuleDeclaration={name:`ɵɵNgModuleDeclaration`,moduleName:y};static ModuleWithProviders={name:`ModuleWithProviders`,moduleName:y};static defineNgModule={name:`ɵɵdefineNgModule`,moduleName:y};static declareNgModule={name:`ɵɵngDeclareNgModule`,moduleName:y};static setNgModuleScope={name:`ɵɵsetNgModuleScope`,moduleName:y};static registerNgModuleType={name:`ɵɵregisterNgModuleType`,moduleName:y};static PipeDeclaration={name:`ɵɵPipeDeclaration`,moduleName:y};static definePipe={name:`ɵɵdefinePipe`,moduleName:y};static declarePipe={name:`ɵɵngDeclarePipe`,moduleName:y};static declareClassMetadata={name:`ɵɵngDeclareClassMetadata`,moduleName:y};static declareClassMetadataAsync={name:`ɵɵngDeclareClassMetadataAsync`,moduleName:y};static setClassMetadata={name:`ɵsetClassMetadata`,moduleName:y};static setClassMetadataAsync={name:`ɵsetClassMetadataAsync`,moduleName:y};static setClassDebugInfo={name:`ɵsetClassDebugInfo`,moduleName:y};static queryRefresh={name:`ɵɵqueryRefresh`,moduleName:y};static viewQuery={name:`ɵɵviewQuery`,moduleName:y};static loadQuery={name:`ɵɵloadQuery`,moduleName:y};static contentQuery={name:`ɵɵcontentQuery`,moduleName:y};static viewQuerySignal={name:`ɵɵviewQuerySignal`,moduleName:y};static contentQuerySignal={name:`ɵɵcontentQuerySignal`,moduleName:y};static queryAdvance={name:`ɵɵqueryAdvance`,moduleName:y};static twoWayProperty={name:`ɵɵtwoWayProperty`,moduleName:y};static twoWayBindingSet={name:`ɵɵtwoWayBindingSet`,moduleName:y};static twoWayListener={name:`ɵɵtwoWayListener`,moduleName:y};static declareLet={name:`ɵɵdeclareLet`,moduleName:y};static storeLet={name:`ɵɵstoreLet`,moduleName:y};static readContextLet={name:`ɵɵreadContextLet`,moduleName:y};static arrowFunction={name:`ɵɵarrowFunction`,moduleName:y};static attachSourceLocations={name:`ɵɵattachSourceLocations`,moduleName:y};static NgOnChangesFeature={name:`ɵɵNgOnChangesFeature`,moduleName:y};static ControlFeature={name:`ɵɵControlFeature`,moduleName:y};static InheritDefinitionFeature={name:`ɵɵInheritDefinitionFeature`,moduleName:y};static ProvidersFeature={name:`ɵɵProvidersFeature`,moduleName:y};static HostDirectivesFeature={name:`ɵɵHostDirectivesFeature`,moduleName:y};static ExternalStylesFeature={name:`ɵɵExternalStylesFeature`,moduleName:y};static listener={name:`ɵɵlistener`,moduleName:y};static getInheritedFactory={name:`ɵɵgetInheritedFactory`,moduleName:y};static sanitizeHtml={name:`ɵɵsanitizeHtml`,moduleName:y};static sanitizeStyle={name:`ɵɵsanitizeStyle`,moduleName:y};static validateAttribute={name:`ɵɵvalidateAttribute`,moduleName:y};static sanitizeResourceUrl={name:`ɵɵsanitizeResourceUrl`,moduleName:y};static sanitizeScript={name:`ɵɵsanitizeScript`,moduleName:y};static sanitizeUrl={name:`ɵɵsanitizeUrl`,moduleName:y};static sanitizeUrlOrResourceUrl={name:`ɵɵsanitizeUrlOrResourceUrl`,moduleName:y};static trustConstantHtml={name:`ɵɵtrustConstantHtml`,moduleName:y};static trustConstantResourceUrl={name:`ɵɵtrustConstantResourceUrl`,moduleName:y};static inputDecorator={name:`Input`,moduleName:y};static outputDecorator={name:`Output`,moduleName:y};static viewChildDecorator={name:`ViewChild`,moduleName:y};static viewChildrenDecorator={name:`ViewChildren`,moduleName:y};static contentChildDecorator={name:`ContentChild`,moduleName:y};static contentChildrenDecorator={name:`ContentChildren`,moduleName:y};static InputSignalBrandWriteType={name:`ɵINPUT_SIGNAL_BRAND_WRITE_TYPE`,moduleName:y};static UnwrapDirectiveSignalInputs={name:`ɵUnwrapDirectiveSignalInputs`,moduleName:y};static unwrapWritableSignal={name:`ɵunwrapWritableSignal`,moduleName:y};static assertType={name:`ɵassertType`,moduleName:y}}return e})();v.And,v.Bigger,v.BiggerEquals,v.BitwiseOr,v.BitwiseAnd,v.Divide,v.Assign,v.Equals,v.Identical,v.Lower,v.LowerEquals,v.Minus,v.Modulo,v.Exponentiation,v.Multiply,v.NotEquals,v.NotIdentical,v.NullishCoalesce,v.Or,v.Plus,v.In,v.InstanceOf,v.AdditionAssignment,v.SubtractionAssignment,v.MultiplicationAssignment,v.DivisionAssignment,v.RemainderAssignment,v.ExponentiationAssignment,v.AndAssignment,v.OrAssignment,v.NullishCoalesceAssignment;var Nt=class{span;sourceSpan;constructor(e,t){this.span=e,this.sourceSpan=t}toString(){return`AST`}},Pt=class extends Nt{receiver;args;argumentSpan;constructor(e,t,n,r,i){super(e,t),this.receiver=n,this.args=r,this.argumentSpan=i}visit(e,t=null){return e.visitCall(this,t)}},Ft=(function(e){return e[e.Property=0]=`Property`,e[e.Attribute=1]=`Attribute`,e[e.Class=2]=`Class`,e[e.Style=3]=`Style`,e[e.LegacyAnimation=4]=`LegacyAnimation`,e[e.TwoWay=5]=`TwoWay`,e[e.Animation=6]=`Animation`,e})(Ft||{}),It=`(:(where|is)\\()?`,Lt=`-shadowcsshost`,Rt=`-shadowcsscontext`,zt=`[^)(]*`,Bt=String.raw`(?:\(${zt}\)|${zt})+?`,Vt=String.raw`(?:\(${Bt}\)|${zt})+?`,Ht=String.raw`(?:\((${Vt})\))`;String.raw`(:nth-[-\w]+)`+Ht,Lt+Ht+``,`${It}`,Rt+Ht+``;var x=(function(e){return e[e.ListEnd=0]=`ListEnd`,e[e.Statement=1]=`Statement`,e[e.Variable=2]=`Variable`,e[e.ElementStart=3]=`ElementStart`,e[e.Element=4]=`Element`,e[e.ForeignComponent=5]=`ForeignComponent`,e[e.Template=6]=`Template`,e[e.ElementEnd=7]=`ElementEnd`,e[e.ContainerStart=8]=`ContainerStart`,e[e.Container=9]=`Container`,e[e.ContainerEnd=10]=`ContainerEnd`,e[e.DisableBindings=11]=`DisableBindings`,e[e.ConditionalCreate=12]=`ConditionalCreate`,e[e.ConditionalBranchCreate=13]=`ConditionalBranchCreate`,e[e.Conditional=14]=`Conditional`,e[e.EnableBindings=15]=`EnableBindings`,e[e.Text=16]=`Text`,e[e.Listener=17]=`Listener`,e[e.InterpolateText=18]=`InterpolateText`,e[e.Binding=19]=`Binding`,e[e.Property=20]=`Property`,e[e.StyleProp=21]=`StyleProp`,e[e.ClassProp=22]=`ClassProp`,e[e.StyleMap=23]=`StyleMap`,e[e.ClassMap=24]=`ClassMap`,e[e.Advance=25]=`Advance`,e[e.Pipe=26]=`Pipe`,e[e.Attribute=27]=`Attribute`,e[e.ExtractedAttribute=28]=`ExtractedAttribute`,e[e.Defer=29]=`Defer`,e[e.DeferOn=30]=`DeferOn`,e[e.DeferWhen=31]=`DeferWhen`,e[e.I18nMessage=32]=`I18nMessage`,e[e.DomProperty=33]=`DomProperty`,e[e.Namespace=34]=`Namespace`,e[e.ProjectionDef=35]=`ProjectionDef`,e[e.EnableIncrementalHydrationRuntime=36]=`EnableIncrementalHydrationRuntime`,e[e.Projection=37]=`Projection`,e[e.Content=38]=`Content`,e[e.RepeaterCreate=39]=`RepeaterCreate`,e[e.Repeater=40]=`Repeater`,e[e.TwoWayProperty=41]=`TwoWayProperty`,e[e.TwoWayListener=42]=`TwoWayListener`,e[e.DeclareLet=43]=`DeclareLet`,e[e.StoreLet=44]=`StoreLet`,e[e.I18nStart=45]=`I18nStart`,e[e.I18n=46]=`I18n`,e[e.I18nEnd=47]=`I18nEnd`,e[e.I18nExpression=48]=`I18nExpression`,e[e.I18nApply=49]=`I18nApply`,e[e.IcuStart=50]=`IcuStart`,e[e.IcuEnd=51]=`IcuEnd`,e[e.IcuPlaceholder=52]=`IcuPlaceholder`,e[e.I18nContext=53]=`I18nContext`,e[e.I18nAttributes=54]=`I18nAttributes`,e[e.SourceLocation=55]=`SourceLocation`,e[e.Animation=56]=`Animation`,e[e.AnimationString=57]=`AnimationString`,e[e.AnimationBinding=58]=`AnimationBinding`,e[e.AnimationListener=59]=`AnimationListener`,e[e.Control=60]=`Control`,e[e.ControlCreate=61]=`ControlCreate`,e})(x||{}),Ut=(function(e){return e[e.LexicalRead=0]=`LexicalRead`,e[e.Context=1]=`Context`,e[e.TrackContext=2]=`TrackContext`,e[e.ReadVariable=3]=`ReadVariable`,e[e.NextContext=4]=`NextContext`,e[e.Reference=5]=`Reference`,e[e.StoreLet=6]=`StoreLet`,e[e.ContextLetReference=7]=`ContextLetReference`,e[e.GetCurrentView=8]=`GetCurrentView`,e[e.RestoreView=9]=`RestoreView`,e[e.ResetView=10]=`ResetView`,e[e.PureFunctionExpr=11]=`PureFunctionExpr`,e[e.PureFunctionParameterExpr=12]=`PureFunctionParameterExpr`,e[e.PipeBinding=13]=`PipeBinding`,e[e.PipeBindingVariadic=14]=`PipeBindingVariadic`,e[e.SafePropertyRead=15]=`SafePropertyRead`,e[e.SafeKeyedRead=16]=`SafeKeyedRead`,e[e.SafeNavigationMigration=17]=`SafeNavigationMigration`,e[e.SafeTernaryExpr=18]=`SafeTernaryExpr`,e[e.EmptyExpr=19]=`EmptyExpr`,e[e.AssignTemporaryExpr=20]=`AssignTemporaryExpr`,e[e.ReadTemporaryExpr=21]=`ReadTemporaryExpr`,e[e.SlotLiteralExpr=22]=`SlotLiteralExpr`,e[e.ConditionalCase=23]=`ConditionalCase`,e[e.ConstCollected=24]=`ConstCollected`,e[e.TwoWayBindingSet=25]=`TwoWayBindingSet`,e[e.ForeignContent=26]=`ForeignContent`,e[e.ArrowFunction=27]=`ArrowFunction`,e})(Ut||{}),Wt=(function(e){return e[e.None=0]=`None`,e[e.AlwaysInline=1]=`AlwaysInline`,e})(Wt||{}),Gt=(function(e){return e[e.Context=0]=`Context`,e[e.Identifier=1]=`Identifier`,e[e.SavedView=2]=`SavedView`,e[e.Alias=3]=`Alias`,e})(Gt||{}),Kt=(function(e){return e[e.Attribute=0]=`Attribute`,e[e.ClassName=1]=`ClassName`,e[e.StyleProperty=2]=`StyleProperty`,e[e.Property=3]=`Property`,e[e.Template=4]=`Template`,e[e.I18n=5]=`I18n`,e[e.LegacyAnimation=6]=`LegacyAnimation`,e[e.TwoWayProperty=7]=`TwoWayProperty`,e[e.Animation=8]=`Animation`,e})(Kt||{}),qt=(function(e){return e[e.Creation=0]=`Creation`,e[e.Postproccessing=1]=`Postproccessing`,e})(qt||{}),Jt=(function(e){return e[e.I18nText=0]=`I18nText`,e[e.I18nAttribute=1]=`I18nAttribute`,e})(Jt||{}),Yt=(function(e){return e[e.None=0]=`None`,e[e.ElementTag=1]=`ElementTag`,e[e.TemplateTag=2]=`TemplateTag`,e[e.OpenTag=4]=`OpenTag`,e[e.CloseTag=8]=`CloseTag`,e[e.ExpressionIndex=16]=`ExpressionIndex`,e})(Yt||{}),Xt=(function(e){return e[e.HTML=0]=`HTML`,e[e.SVG=1]=`SVG`,e[e.Math=2]=`Math`,e})(Xt||{}),Zt=(function(e){return e[e.Idle=0]=`Idle`,e[e.Immediate=1]=`Immediate`,e[e.Timer=2]=`Timer`,e[e.Hover=3]=`Hover`,e[e.Interaction=4]=`Interaction`,e[e.Viewport=5]=`Viewport`,e[e.Never=6]=`Never`,e})(Zt||{}),Qt=(function(e){return e[e.RootI18n=0]=`RootI18n`,e[e.Icu=1]=`Icu`,e[e.Attr=2]=`Attr`,e})(Qt||{}),$t=(function(e){return e[e.NgTemplate=0]=`NgTemplate`,e[e.Structural=1]=`Structural`,e[e.Block=2]=`Block`,e})($t||{}),en=(function(e){return e[e.None=0]=`None`,e[e.InChildOperation=1]=`InChildOperation`,e[e.InArrowFunctionOperation=2]=`InArrowFunctionOperation`,e[e.InSafeNavigationMigration=4]=`InSafeNavigationMigration`,e})(en||{});x.Element,x.ElementStart,x.Container,x.ContainerStart,x.Template,x.RepeaterCreate,x.ConditionalCreate,x.ConditionalBranchCreate;var S=(function(e){return e[e.Tmpl=0]=`Tmpl`,e[e.Host=1]=`Host`,e[e.Both=2]=`Both`,e})(S||{}),tn=(function(e){return e[e.Full=0]=`Full`,e[e.DomOnly=1]=`DomOnly`,e})(tn||{});b.ariaProperty,b.ariaProperty,b.attribute,b.attribute,b.classProp,b.classProp,b.element,b.element,b.elementContainer,b.elementContainer,b.elementContainerEnd,b.elementContainerEnd,b.elementContainerStart,b.elementContainerStart,b.elementEnd,b.elementEnd,b.elementStart,b.elementStart,b.domProperty,b.domProperty,b.i18nExp,b.i18nExp,b.listener,b.listener,b.listener,b.listener,b.property,b.property,b.styleProp,b.styleProp,b.syntheticHostListener,b.syntheticHostListener,b.syntheticHostProperty,b.syntheticHostProperty,b.templateCreate,b.templateCreate,b.twoWayProperty,b.twoWayProperty,b.twoWayListener,b.twoWayListener,b.declareLet,b.declareLet,b.conditionalCreate,b.conditionalBranchCreate,b.conditionalBranchCreate,b.conditionalBranchCreate,b.domElement,b.domElement,b.domElementStart,b.domElementStart,b.domElementEnd,b.domElementEnd,b.domElementContainer,b.domElementContainer,b.domElementContainerStart,b.domElementContainerStart,b.domElementContainerEnd,b.domElementContainerEnd,b.domListener,b.domListener,b.domTemplate,b.domTemplate,b.animationEnter,b.animationEnter,b.animationLeave,b.animationLeave,b.animationEnterListener,b.animationEnterListener,b.animationLeaveListener,b.animationLeaveListener,v.And,v.Bigger,v.BiggerEquals,v.BitwiseOr,v.BitwiseAnd,v.Divide,v.Assign,v.Equals,v.Identical,v.Lower,v.LowerEquals,v.Minus,v.Modulo,v.Exponentiation,v.Multiply,v.NotEquals,v.NotIdentical,v.NullishCoalesce,v.Or,v.Plus,v.In,v.InstanceOf,v.AdditionAssignment,v.SubtractionAssignment,v.MultiplicationAssignment,v.DivisionAssignment,v.RemainderAssignment,v.ExponentiationAssignment,v.AndAssignment,v.OrAssignment,v.NullishCoalesceAssignment,x.Property,x.Property,x.Property,x.Attribute,x.Attribute,x.Property,x.TwoWayProperty,x.Container,x.ContainerStart,x.ContainerEnd,x.Element,x.ElementStart,x.ElementEnd,x.Template,x.ElementEnd,x.ElementStart,x.Element,x.ContainerEnd,x.ContainerStart,x.Container,x.I18nEnd,x.I18nStart,x.I18n,x.Pipe;var nn=` \f
-\r	\v ᠎ - \u2028\u2029  　`;`${nn}`,`${nn}`;var rn=(function(e){return e[e.Character=0]=`Character`,e[e.Identifier=1]=`Identifier`,e[e.PrivateIdentifier=2]=`PrivateIdentifier`,e[e.Keyword=3]=`Keyword`,e[e.String=4]=`String`,e[e.Operator=5]=`Operator`,e[e.Number=6]=`Number`,e[e.RegExpBody=7]=`RegExpBody`,e[e.RegExpFlags=8]=`RegExpFlags`,e[e.Error=9]=`Error`,e})(rn||{}),an=(function(e){return e[e.Plain=0]=`Plain`,e[e.TemplateLiteralPart=1]=`TemplateLiteralPart`,e[e.TemplateLiteralEnd=2]=`TemplateLiteralEnd`,e})(an||{});rn.Character,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Attribute,x.Property,x.Attribute,x.Control,x.DomProperty,x.DomProperty,x.Attribute,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Listener,x.TwoWayListener,x.AnimationListener,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Property,x.TwoWayProperty,x.DomProperty,x.Attribute,x.Animation,x.Control,Zt.Idle,b.deferOnIdle,b.deferPrefetchOnIdle,b.deferHydrateOnIdle,Zt.Immediate,b.deferOnImmediate,b.deferPrefetchOnImmediate,b.deferHydrateOnImmediate,Zt.Timer,b.deferOnTimer,b.deferPrefetchOnTimer,b.deferHydrateOnTimer,Zt.Hover,b.deferOnHover,b.deferPrefetchOnHover,b.deferHydrateOnHover,Zt.Interaction,b.deferOnInteraction,b.deferPrefetchOnInteraction,b.deferHydrateOnInteraction,Zt.Viewport,b.deferOnViewport,b.deferPrefetchOnViewport,b.deferHydrateOnViewport,Zt.Never,b.deferHydrateNever,b.deferHydrateNever,b.deferHydrateNever,b.pipeBind1,b.pipeBind2,b.pipeBind3,b.pipeBind4,b.textInterpolate,b.textInterpolate1,b.textInterpolate2,b.textInterpolate3,b.textInterpolate4,b.textInterpolate5,b.textInterpolate6,b.textInterpolate7,b.textInterpolate8,b.textInterpolateV,b.interpolate,b.interpolate1,b.interpolate2,b.interpolate3,b.interpolate4,b.interpolate5,b.interpolate6,b.interpolate7,b.interpolate8,b.interpolateV,b.pureFunction0,b.pureFunction1,b.pureFunction2,b.pureFunction3,b.pureFunction4,b.pureFunction5,b.pureFunction6,b.pureFunction7,b.pureFunction8,b.pureFunctionV,b.resolveWindow,b.resolveDocument,b.resolveBody,it.HTML,b.sanitizeHtml,it.RESOURCE_URL,b.sanitizeResourceUrl,it.SCRIPT,b.sanitizeScript,it.STYLE,b.sanitizeStyle,it.URL,b.sanitizeUrl,it.ATTRIBUTE_NO_BINDING,b.validateAttribute,it.HTML,b.trustConstantHtml,it.RESOURCE_URL,b.trustConstantResourceUrl;var on=(function(e){return e[e.None=0]=`None`,e[e.ViewContextRead=1]=`ViewContextRead`,e[e.ViewContextWrite=2]=`ViewContextWrite`,e[e.SideEffectful=4]=`SideEffectful`,e})(on||{});S.Tmpl,S.Tmpl,S.Both,S.Host,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Both,S.Both,S.Both,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,Ft.Property,Kt.Property,Ft.TwoWay,Kt.TwoWayProperty,Ft.Attribute,Kt.Attribute,Ft.Class,Kt.ClassName,Ft.Style,Kt.StyleProperty,Ft.LegacyAnimation,Kt.LegacyAnimation,Ft.Animation,Kt.Animation;var sn=`%COMP%`;`${sn}`,`${sn}`,class e{static SINGLETON=new e;static veWillInferAnyFor(t){let n=e.SINGLETON;return t instanceof Pt?t.visit(n):t.receiver.visit(n)}visitUnary(e){return e.expr.visit(this)}visitBinary(e){return e.left.visit(this)||e.right.visit(this)}visitChain(){return!1}visitConditional(e){return e.condition.visit(this)||e.trueExp.visit(this)||e.falseExp.visit(this)}visitCall(){return!0}visitSafeCall(){return!1}visitImplicitReceiver(){return!1}visitThisReceiver(){return!1}visitInterpolation(e){return e.expressions.some(e=>e.visit(this))}visitKeyedRead(){return!1}visitLiteralArray(){return!0}visitLiteralMap(){return!0}visitLiteralPrimitive(){return!1}visitPipe(){return!0}visitPrefixNot(e){return e.expression.visit(this)}visitTypeofExpression(e){return e.expression.visit(this)}visitVoidExpression(e){return e.expression.visit(this)}visitNonNullAssert(e){return e.expression.visit(this)}visitPropertyRead(){return!1}visitSafePropertyRead(){return!1}visitSafeKeyedRead(){return!1}visitTemplateLiteral(){return!1}visitTemplateLiteralElement(){return!1}visitTaggedTemplateLiteral(){return!1}visitParenthesizedExpression(e){return e.expression.visit(this)}visitRegularExpressionLiteral(){return!1}visitSpreadElement(e){return e.expression.visit(this)}visitArrowFunction(e,t){return!1}};var cn=null,ln=!1,un=1,dn=null,fn=Symbol(`SIGNAL`);function C(e){let t=cn;return cn=e,t}function pn(){return cn}var mn={version:0,lastCleanEpoch:0,dirty:!1,producers:void 0,producersTail:void 0,consumers:void 0,consumersTail:void 0,recomputing:!1,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,kind:`unknown`,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function hn(e){if(ln)throw Error(``);if(cn===null)return;cn.consumerOnSignalRead(e);let t=cn.producersTail;if(t!==void 0&&t.producer===e)return;let n,r=cn.recomputing;if(r&&(n=t===void 0?cn.producers:t.nextProducer,n!==void 0&&n.producer===e)){cn.producersTail=n,n.lastReadVersion=e.version,n.knownValidAtEpoch=un;return}let i=e.consumersTail;if(i!==void 0&&i.consumer===cn&&(!r||i.knownValidAtEpoch===un))return;let a=An(cn),o={producer:e,consumer:cn,nextProducer:n,prevConsumer:void 0,knownValidAtEpoch:un,lastReadVersion:e.version,nextConsumer:void 0};cn.producersTail=o,t===void 0?cn.producers=o:t.nextProducer=o,a&&On(e,o)}function gn(){un++}function _n(e){if((!An(e)||e.dirty)&&(e.dirty||e.lastCleanEpoch!==un)){if(!e.producerMustRecompute(e)&&!En(e)){xn(e);return}e.producerRecomputeValue(e),xn(e)}}function vn(e){if(e.consumers===void 0)return;let t=ln;ln=!0;try{for(let t=e.consumers;t!==void 0;t=t.nextConsumer){let e=t.consumer;e.dirty||bn(e)}}finally{ln=t}}function yn(){return cn?.consumerAllowSignalWrites!==!1}function bn(e){e.dirty=!0,vn(e),e.consumerMarkedDirty?.(e)}function xn(e){e.dirty=!1,e.lastCleanEpoch=un}function Sn(e){return e&&Cn(e),C(e)}function Cn(e){if(e.producersTail?.knownValidAtEpoch===un){let t=e.producers;for(;t!==void 0;)t.knownValidAtEpoch=null,t=t.nextProducer}e.producersTail=void 0,e.recomputing=!0}function wn(e,t){C(t),e&&Tn(e)}function Tn(e){e.recomputing=!1;let t=e.producersTail,n=t===void 0?e.producers:t.nextProducer;if(n!==void 0){if(An(e))do n=kn(n);while(n!==void 0);t===void 0?e.producers=void 0:t.nextProducer=void 0}}function En(e){for(let t=e.producers;t!==void 0;t=t.nextProducer){let e=t.producer,n=t.lastReadVersion;if(n!==e.version||(_n(e),n!==e.version))return!0}return!1}function Dn(e){if(An(e)){let t=e.producers;for(;t!==void 0;)t=kn(t)}e.producers=void 0,e.producersTail=void 0,e.consumers=void 0,e.consumersTail=void 0}function On(e,t){let n=e.consumersTail,r=An(e);if(n===void 0?(t.nextConsumer=void 0,e.consumers=t):(t.nextConsumer=n.nextConsumer,n.nextConsumer=t),t.prevConsumer=n,e.consumersTail=t,!r)for(let t=e.producers;t!==void 0;t=t.nextProducer)On(t.producer,t)}function kn(e){let t=e.producer,n=e.nextProducer,r=e.nextConsumer,i=e.prevConsumer;if(e.nextConsumer=void 0,e.prevConsumer=void 0,r===void 0?t.consumersTail=i:r.prevConsumer=i,i!==void 0)i.nextConsumer=r;else if(t.consumers=r,!An(t)){let e=t.producers;for(;e!==void 0;)e=kn(e)}return n}function An(e){return e.consumerIsAlwaysLive||e.consumers!==void 0}function jn(e){dn?.(e)}function Mn(e,t){return Object.is(e,t)}function Nn(e,t){let n=Object.create(Ln);n.computation=e,t!==void 0&&(n.equal=t);let r=()=>{if(_n(n),hn(n),n.value===In)throw n.error;return n.value};return r[fn]=n,jn(n),r}var Pn=Symbol(`UNSET`),Fn=Symbol(`COMPUTING`),In=Symbol(`ERRORED`),Ln={...mn,value:Pn,dirty:!0,error:null,equal:Mn,kind:`computed`,producerMustRecompute(e){return e.value===Pn||e.value===Fn},producerRecomputeValue(e){if(e.value===Fn)throw Error(``);let t=e.value;e.value=Fn;let n=Sn(e),r,i=!1;try{r=e.computation(),C(null),i=t!==Pn&&t!==In&&r!==In&&e.equal(t,r)}catch(t){r=In,e.error=t}finally{wn(e,n)}if(i){e.value=t;return}e.value=r,e.version++}};function Rn(){throw Error()}var zn=Rn;function Bn(e){zn(e)}function Vn(e){zn=e}var Hn=null;function Un(e,t){let n=Object.create(qn);n.value=e,t!==void 0&&(n.equal=t);let r=()=>Wn(n);return r[fn]=n,jn(n),[r,e=>Gn(n,e),e=>Kn(n,e)]}function Wn(e){return hn(e),e.value}function Gn(e,t){yn()||Bn(e),e.equal(e.value,t)||(e.value=t,Jn(e))}function Kn(e,t){yn()||Bn(e),Gn(e,t(e.value))}var qn={...mn,equal:Mn,value:void 0,kind:`signal`};function Jn(e){e.version++,gn(),vn(e),Hn?.(e)}var Yn={...mn,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,dirty:!0,kind:`effect`};function Xn(e){if(e.dirty=!1,e.version>0&&!En(e))return;e.version++;let t=Sn(e);try{e.cleanup(),e.fn()}finally{wn(e,t)}}var Zn=void 0;function Qn(){return Zn}function $n(e){let t=Zn;return Zn=e,t}var er=Symbol(`NotFound`);function tr(e){return e===er||e?.name===`ɵNotFound`}function nr(e,t,n){let r=Object.create(ar);r.source=e,r.computation=t,n!=null&&(r.equal=n);let i=()=>{if(_n(r),hn(r),r.value===In)throw r.error;return r.value};return i[fn]=r,jn(r),i}function rr(e,t){_n(e),Gn(e,t),xn(e)}function ir(e,t){if(_n(e),e.value===In)throw e.error;Kn(e,t),xn(e)}var ar={...mn,value:Pn,dirty:!0,error:null,equal:Mn,kind:`linkedSignal`,producerMustRecompute(e){return e.value===Pn||e.value===Fn},producerRecomputeValue(e){if(e.value===Fn)throw Error(``);let t=e.value;e.value=Fn;let n=Sn(e),r,i=!1;try{let n=e.source(),a=t!==Pn&&t!==In,o=a?{source:e.sourceValue,value:t}:void 0;r=e.computation(n,o),e.sourceValue=n,C(null),i=a&&r!==In&&e.equal(t,r)}catch(t){r=In,e.error=t}finally{wn(e,n)}if(i){e.value=t;return}e.value=r,e.version++}};function or(e){let t=C(null);try{return e()}finally{C(t)}}var sr=function(e,t){return sr=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},sr(e,t)};function cr(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);sr(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}function lr(e){var t=typeof Symbol==`function`&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&typeof e.length==`number`)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw TypeError(t?`Object is not iterable.`:`Symbol.iterator is not defined.`)}function ur(e,t){var n=typeof Symbol==`function`&&e[Symbol.iterator];if(!n)return e;var r=n.call(e),i,a=[],o;try{for(;(t===void 0||t-->0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function dr(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||=Array.prototype.slice.call(t,0,r),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}function fr(e){return typeof e==`function`}function pr(e){var t=e(function(e){Error.call(e),e.stack=Error().stack});return t.prototype=Object.create(Error.prototype),t.prototype.constructor=t,t}var mr=pr(function(e){return function(t){e(this),this.message=t?t.length+` errors occurred during unsubscription:
+\r	\v ᠎ - \u2028\u2029  　`;`${nn}`,`${nn}`;var rn=(function(e){return e[e.Character=0]=`Character`,e[e.Identifier=1]=`Identifier`,e[e.PrivateIdentifier=2]=`PrivateIdentifier`,e[e.Keyword=3]=`Keyword`,e[e.String=4]=`String`,e[e.Operator=5]=`Operator`,e[e.Number=6]=`Number`,e[e.RegExpBody=7]=`RegExpBody`,e[e.RegExpFlags=8]=`RegExpFlags`,e[e.Error=9]=`Error`,e})(rn||{}),an=(function(e){return e[e.Plain=0]=`Plain`,e[e.TemplateLiteralPart=1]=`TemplateLiteralPart`,e[e.TemplateLiteralEnd=2]=`TemplateLiteralEnd`,e})(an||{});rn.Character,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Attribute,x.Property,x.Attribute,x.Control,x.DomProperty,x.DomProperty,x.Attribute,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Listener,x.TwoWayListener,x.AnimationListener,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Property,x.TwoWayProperty,x.DomProperty,x.Attribute,x.Animation,x.Control,Zt.Idle,b.deferOnIdle,b.deferPrefetchOnIdle,b.deferHydrateOnIdle,Zt.Immediate,b.deferOnImmediate,b.deferPrefetchOnImmediate,b.deferHydrateOnImmediate,Zt.Timer,b.deferOnTimer,b.deferPrefetchOnTimer,b.deferHydrateOnTimer,Zt.Hover,b.deferOnHover,b.deferPrefetchOnHover,b.deferHydrateOnHover,Zt.Interaction,b.deferOnInteraction,b.deferPrefetchOnInteraction,b.deferHydrateOnInteraction,Zt.Viewport,b.deferOnViewport,b.deferPrefetchOnViewport,b.deferHydrateOnViewport,Zt.Never,b.deferHydrateNever,b.deferHydrateNever,b.deferHydrateNever,b.pipeBind1,b.pipeBind2,b.pipeBind3,b.pipeBind4,b.textInterpolate,b.textInterpolate1,b.textInterpolate2,b.textInterpolate3,b.textInterpolate4,b.textInterpolate5,b.textInterpolate6,b.textInterpolate7,b.textInterpolate8,b.textInterpolateV,b.interpolate,b.interpolate1,b.interpolate2,b.interpolate3,b.interpolate4,b.interpolate5,b.interpolate6,b.interpolate7,b.interpolate8,b.interpolateV,b.pureFunction0,b.pureFunction1,b.pureFunction2,b.pureFunction3,b.pureFunction4,b.pureFunction5,b.pureFunction6,b.pureFunction7,b.pureFunction8,b.pureFunctionV,b.resolveWindow,b.resolveDocument,b.resolveBody,it.HTML,b.sanitizeHtml,it.RESOURCE_URL,b.sanitizeResourceUrl,it.SCRIPT,b.sanitizeScript,it.STYLE,b.sanitizeStyle,it.URL,b.sanitizeUrl,it.ATTRIBUTE_NO_BINDING,b.validateAttribute,it.HTML,b.trustConstantHtml,it.RESOURCE_URL,b.trustConstantResourceUrl;var on=(function(e){return e[e.None=0]=`None`,e[e.ViewContextRead=1]=`ViewContextRead`,e[e.ViewContextWrite=2]=`ViewContextWrite`,e[e.SideEffectful=4]=`SideEffectful`,e})(on||{});S.Tmpl,S.Tmpl,S.Both,S.Host,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Both,S.Both,S.Both,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,Ft.Property,Kt.Property,Ft.TwoWay,Kt.TwoWayProperty,Ft.Attribute,Kt.Attribute,Ft.Class,Kt.ClassName,Ft.Style,Kt.StyleProperty,Ft.LegacyAnimation,Kt.LegacyAnimation,Ft.Animation,Kt.Animation;var sn=`%COMP%`;`${sn}`,`${sn}`,class e{static SINGLETON=new e;static veWillInferAnyFor(t){let n=e.SINGLETON;return t instanceof Pt?t.visit(n):t.receiver.visit(n)}visitUnary(e){return e.expr.visit(this)}visitBinary(e){return e.left.visit(this)||e.right.visit(this)}visitChain(){return!1}visitConditional(e){return e.condition.visit(this)||e.trueExp.visit(this)||e.falseExp.visit(this)}visitCall(){return!0}visitSafeCall(){return!1}visitImplicitReceiver(){return!1}visitThisReceiver(){return!1}visitInterpolation(e){return e.expressions.some(e=>e.visit(this))}visitKeyedRead(){return!1}visitLiteralArray(){return!0}visitLiteralMap(){return!0}visitLiteralPrimitive(){return!1}visitPipe(){return!0}visitPrefixNot(e){return e.expression.visit(this)}visitTypeofExpression(e){return e.expression.visit(this)}visitVoidExpression(e){return e.expression.visit(this)}visitNonNullAssert(e){return e.expression.visit(this)}visitPropertyRead(){return!1}visitSafePropertyRead(){return!1}visitSafeKeyedRead(){return!1}visitTemplateLiteral(){return!1}visitTemplateLiteralElement(){return!1}visitTaggedTemplateLiteral(){return!1}visitParenthesizedExpression(e){return e.expression.visit(this)}visitRegularExpressionLiteral(){return!1}visitSpreadElement(e){return e.expression.visit(this)}visitArrowFunction(e,t){return!1}};var cn=null,ln=!1,un=1,dn=null,fn=Symbol(`SIGNAL`);function pn(e){let t=cn;return cn=e,t}function mn(){return cn}var hn={version:0,lastCleanEpoch:0,dirty:!1,producers:void 0,producersTail:void 0,consumers:void 0,consumersTail:void 0,recomputing:!1,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,kind:`unknown`,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function gn(e){if(ln)throw Error(``);if(cn===null)return;cn.consumerOnSignalRead(e);let t=cn.producersTail;if(t!==void 0&&t.producer===e)return;let n,r=cn.recomputing;if(r&&(n=t===void 0?cn.producers:t.nextProducer,n!==void 0&&n.producer===e)){cn.producersTail=n,n.lastReadVersion=e.version,n.knownValidAtEpoch=un;return}let i=e.consumersTail;if(i!==void 0&&i.consumer===cn&&(!r||i.knownValidAtEpoch===un))return;let a=jn(cn),o={producer:e,consumer:cn,nextProducer:n,prevConsumer:void 0,knownValidAtEpoch:un,lastReadVersion:e.version,nextConsumer:void 0};cn.producersTail=o,t===void 0?cn.producers=o:t.nextProducer=o,a&&kn(e,o)}function _n(){un++}function vn(e){if((!jn(e)||e.dirty)&&(e.dirty||e.lastCleanEpoch!==un)){if(!e.producerMustRecompute(e)&&!Dn(e)){Sn(e);return}e.producerRecomputeValue(e),Sn(e)}}function yn(e){if(e.consumers===void 0)return;let t=ln;ln=!0;try{for(let t=e.consumers;t!==void 0;t=t.nextConsumer){let e=t.consumer;e.dirty||xn(e)}}finally{ln=t}}function bn(){return cn?.consumerAllowSignalWrites!==!1}function xn(e){e.dirty=!0,yn(e),e.consumerMarkedDirty?.(e)}function Sn(e){e.dirty=!1,e.lastCleanEpoch=un}function Cn(e){return e&&wn(e),pn(e)}function wn(e){if(e.producersTail?.knownValidAtEpoch===un){let t=e.producers;for(;t!==void 0;)t.knownValidAtEpoch=null,t=t.nextProducer}e.producersTail=void 0,e.recomputing=!0}function Tn(e,t){pn(t),e&&En(e)}function En(e){e.recomputing=!1;let t=e.producersTail,n=t===void 0?e.producers:t.nextProducer;if(n!==void 0){if(jn(e))do n=An(n);while(n!==void 0);t===void 0?e.producers=void 0:t.nextProducer=void 0}}function Dn(e){for(let t=e.producers;t!==void 0;t=t.nextProducer){let e=t.producer,n=t.lastReadVersion;if(n!==e.version||(vn(e),n!==e.version))return!0}return!1}function On(e){if(jn(e)){let t=e.producers;for(;t!==void 0;)t=An(t)}e.producers=void 0,e.producersTail=void 0,e.consumers=void 0,e.consumersTail=void 0}function kn(e,t){let n=e.consumersTail,r=jn(e);if(n===void 0?(t.nextConsumer=void 0,e.consumers=t):(t.nextConsumer=n.nextConsumer,n.nextConsumer=t),t.prevConsumer=n,e.consumersTail=t,!r)for(let t=e.producers;t!==void 0;t=t.nextProducer)kn(t.producer,t)}function An(e){let t=e.producer,n=e.nextProducer,r=e.nextConsumer,i=e.prevConsumer;if(e.nextConsumer=void 0,e.prevConsumer=void 0,r===void 0?t.consumersTail=i:r.prevConsumer=i,i!==void 0)i.nextConsumer=r;else if(t.consumers=r,!jn(t)){let e=t.producers;for(;e!==void 0;)e=An(e)}return n}function jn(e){return e.consumerIsAlwaysLive||e.consumers!==void 0}function Mn(e){dn?.(e)}function Nn(e,t){return Object.is(e,t)}function Pn(e,t){let n=Object.create(Rn);n.computation=e,t!==void 0&&(n.equal=t);let r=()=>{if(vn(n),gn(n),n.value===Ln)throw n.error;return n.value};return r[fn]=n,Mn(n),r}var Fn=Symbol(`UNSET`),In=Symbol(`COMPUTING`),Ln=Symbol(`ERRORED`),Rn={...hn,value:Fn,dirty:!0,error:null,equal:Nn,kind:`computed`,producerMustRecompute(e){return e.value===Fn||e.value===In},producerRecomputeValue(e){if(e.value===In)throw Error(``);let t=e.value;e.value=In;let n=Cn(e),r,i=!1;try{r=e.computation(),pn(null),i=t!==Fn&&t!==Ln&&r!==Ln&&e.equal(t,r)}catch(t){r=Ln,e.error=t}finally{Tn(e,n)}if(i){e.value=t;return}e.value=r,e.version++}};function zn(){throw Error()}var Bn=zn;function Vn(e){Bn(e)}function Hn(e){Bn=e}var Un=null;function Wn(e,t){let n=Object.create(Jn);n.value=e,t!==void 0&&(n.equal=t);let r=()=>Gn(n);return r[fn]=n,Mn(n),[r,e=>Kn(n,e),e=>qn(n,e)]}function Gn(e){return gn(e),e.value}function Kn(e,t){bn()||Vn(e),e.equal(e.value,t)||(e.value=t,Yn(e))}function qn(e,t){bn()||Vn(e),Kn(e,t(e.value))}var Jn={...hn,equal:Nn,value:void 0,kind:`signal`};function Yn(e){e.version++,_n(),yn(e),Un?.(e)}var Xn={...hn,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,dirty:!0,kind:`effect`};function Zn(e){if(e.dirty=!1,e.version>0&&!Dn(e))return;e.version++;let t=Cn(e);try{e.cleanup(),e.fn()}finally{Tn(e,t)}}var Qn=void 0;function $n(){return Qn}function er(e){let t=Qn;return Qn=e,t}var tr=Symbol(`NotFound`);function nr(e){return e===tr||e?.name===`ɵNotFound`}function rr(e,t,n){let r=Object.create(or);r.source=e,r.computation=t,n!=null&&(r.equal=n);let i=()=>{if(vn(r),gn(r),r.value===Ln)throw r.error;return r.value};return i[fn]=r,Mn(r),i}function ir(e,t){vn(e),Kn(e,t),Sn(e)}function ar(e,t){if(vn(e),e.value===Ln)throw e.error;qn(e,t),Sn(e)}var or={...hn,value:Fn,dirty:!0,error:null,equal:Nn,kind:`linkedSignal`,producerMustRecompute(e){return e.value===Fn||e.value===In},producerRecomputeValue(e){if(e.value===In)throw Error(``);let t=e.value;e.value=In;let n=Cn(e),r,i=!1;try{let n=e.source(),a=t!==Fn&&t!==Ln,o=a?{source:e.sourceValue,value:t}:void 0;r=e.computation(n,o),e.sourceValue=n,pn(null),i=a&&r!==Ln&&e.equal(t,r)}catch(t){r=Ln,e.error=t}finally{Tn(e,n)}if(i){e.value=t;return}e.value=r,e.version++}};function sr(e){let t=pn(null);try{return e()}finally{pn(t)}}var cr=function(e,t){return cr=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},cr(e,t)};function lr(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);cr(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}function ur(e){var t=typeof Symbol==`function`&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&typeof e.length==`number`)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw TypeError(t?`Object is not iterable.`:`Symbol.iterator is not defined.`)}function dr(e,t){var n=typeof Symbol==`function`&&e[Symbol.iterator];if(!n)return e;var r=n.call(e),i,a=[],o;try{for(;(t===void 0||t-->0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function fr(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||=Array.prototype.slice.call(t,0,r),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}function pr(e){return typeof e==`function`}function mr(e){var t=e(function(e){Error.call(e),e.stack=Error().stack});return t.prototype=Object.create(Error.prototype),t.prototype.constructor=t,t}var hr=mr(function(e){return function(t){e(this),this.message=t?t.length+` errors occurred during unsubscription:
 `+t.map(function(e,t){return t+1+`) `+e.toString()}).join(`
-  `):``,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)}}function oy(e){return typeof e==`boolean`?e:e!=null&&e!==`false`}var sy=Symbol(`NOT_SET`),cy=new Set,ly={...qn,kind:`afterRenderEffectPhase`,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,value:sy,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!==sy&&!En(this)))return this.signal;try{for(let e of this.cleanup??cy)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===sy||!this.equal(this.value,r))&&(this.value=r,this.version++),this.signal}},uy=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(ly);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??cy)t()}finally{Dn(e)}}};function dy(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 uy(i.impl,[o.earlyRead,o.write,o.mixedReadWrite,o.read],s?.view,r,n,a?.snapshot(null));return i.impl.register(c),c}var fy=null;function py(){return fy}function my(e){fy??=e}var hy=class{},gy=(function(e){return e[e.Format=0]=`Format`,e[e.Standalone=1]=`Standalone`,e})(gy||{}),_y=(function(e){return e[e.Narrow=0]=`Narrow`,e[e.Abbreviated=1]=`Abbreviated`,e[e.Wide=2]=`Wide`,e[e.Short=3]=`Short`,e})(_y||{}),vy=(function(e){return e[e.Short=0]=`Short`,e[e.Medium=1]=`Medium`,e[e.Long=2]=`Long`,e[e.Full=3]=`Full`,e})(vy||{}),yy={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 by(e){return Qg(e)[e_.LocaleId]}function xy(e,t,n){let r=Qg(e);return My(My([r[e_.DayPeriodsFormat],r[e_.DayPeriodsStandalone]],t),n)}function Sy(e,t,n){let r=Qg(e);return My(My([r[e_.DaysFormat],r[e_.DaysStandalone]],t),n)}function Cy(e,t,n){let r=Qg(e);return My(My([r[e_.MonthsFormat],r[e_.MonthsStandalone]],t),n)}function wy(e,t){let n=Qg(e)[e_.Eras];return My(n,t)}function Ty(e,t){return My(Qg(e)[e_.DateFormat],t)}function Ey(e,t){return My(Qg(e)[e_.TimeFormat],t)}function Dy(e,t){let n=Qg(e)[e_.DateTimeFormat];return My(n,t)}function Oy(e,t){let n=Qg(e),r=n[e_.NumberSymbols][t];if(r===void 0){if(t===yy.CurrencyDecimal)return n[e_.NumberSymbols][yy.Decimal];if(t===yy.CurrencyGroup)return n[e_.NumberSymbols][yy.Group]}return r}function ky(e){if(!e[e_.ExtraData])throw new ri(2303,!1)}function Ay(e){let t=Qg(e);return ky(t),(t[e_.ExtraData][2]||[]).map(e=>typeof e==`string`?Ny(e):[Ny(e[0]),Ny(e[1])])}function jy(e,t,n){let r=Qg(e);return ky(r),My(My([r[e_.ExtraData][0],r[e_.ExtraData][1]],t)||[],n)||[]}function My(e,t){for(let n=t;n>-1;n--)if(e[n]!==void 0)return e[n];throw new ri(2304,!1)}function Ny(e){let[t,n]=e.split(`:`);return{hours:+t,minutes:+n}}var Py=/^(\d{4,})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,Fy=Object.create(null),Iy=/((?:[^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]*)/,Ly=256;function Ry(e,t,n,r){let i=sb(e);zy(t),t=Vy(n,t)||t;let a=[],o;for(;t;)if(o=Iy.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=ib(r,s),i=ob(i,r));let c=``;return a.forEach(e=>{let t=rb(e);c+=t?t(i,n,s):e===`''`?`'`:e.replace(/(^'|'$)/g,``).replace(/''/g,`'`)}),c}function zy(e){if(e.length>Ly)throw new ri(2300,!1)}function By(e,t,n){let r=new Date(0);return r.setFullYear(e,t,n),r.setHours(0,0,0),r}function Vy(e,t){let n=by(e);if(Fy[n]??=Object.create(null),Fy[n][t])return Fy[n][t];let r=``;switch(t){case`shortDate`:r=Ty(e,vy.Short);break;case`mediumDate`:r=Ty(e,vy.Medium);break;case`longDate`:r=Ty(e,vy.Long);break;case`fullDate`:r=Ty(e,vy.Full);break;case`shortTime`:r=Ey(e,vy.Short);break;case`mediumTime`:r=Ey(e,vy.Medium);break;case`longTime`:r=Ey(e,vy.Long);break;case`fullTime`:r=Ey(e,vy.Full);break;case`short`:let t=Vy(e,`shortTime`),n=Vy(e,`shortDate`);r=Hy(Dy(e,vy.Short),[t,n]);break;case`medium`:let i=Vy(e,`mediumTime`),a=Vy(e,`mediumDate`);r=Hy(Dy(e,vy.Medium),[i,a]);break;case`long`:let o=Vy(e,`longTime`),s=Vy(e,`longDate`);r=Hy(Dy(e,vy.Long),[o,s]);break;case`full`:let c=Vy(e,`fullTime`),l=Vy(e,`fullDate`);r=Hy(Dy(e,vy.Full),[c,l])}return r&&(Fy[n][t]=r),r}function Hy(e,t){return t&&(e=e.replace(/\{([^}]+)}/g,function(e,n){return Object.hasOwn(t,n)?t[n]:e})),e}function Uy(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 Wy(e,t){return Uy(e,3).substring(0,t)}function Gy(e,t,n=0,r=!1,i=!1){return function(a,o){let s=Ky(e,a);if((n>0||s>-n)&&(s+=n),e===3)s===0&&n===-12&&(s=12);else if(e===6)return Wy(s,t);let c=Oy(o,yy.MinusSign);return Uy(s,t,c,r,i)}}function Ky(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 qy(e,t,n=gy.Format,r=!1){return function(i,a){return Jy(i,a,e,t,n,r)}}function Jy(e,t,n,r,i,a){switch(n){case 2:return Cy(t,i,r)[e.getMonth()];case 1:return Sy(t,i,r)[e.getDay()];case 0:let n=e.getHours(),o=e.getMinutes();if(a){let e=Ay(t),a=jy(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 xy(t,i,r)[n<12?0:1];case 3:return wy(t,r)[e.getFullYear()<=0?0:1];default:throw new ri(2302,!1)}}function Yy(e){return function(t,n,r){let i=-1*r,a=Oy(n,yy.MinusSign),o=i>0?Math.floor(i/60):Math.ceil(i/60);switch(e){case 0:return(i>=0?`+`:``)+Uy(o,2,a)+Uy(Math.abs(i%60),2,a);case 1:return`GMT`+(i>=0?`+`:``)+Uy(o,1,a);case 2:return`GMT`+(i>=0?`+`:``)+Uy(o,2,a)+`:`+Uy(Math.abs(i%60),2,a);case 3:return r===0?`Z`:(i>=0?`+`:``)+Uy(o,2,a)+`:`+Uy(Math.abs(i%60),2,a);default:throw new ri(2310,!1)}}}var Xy=0,Zy=4;function Qy(e){let t=By(e,Xy,1).getDay();return By(e,0,1+(t<=Zy?Zy:11)-t)}function $y(e){let t=e.getDay(),n=t===0?-3:Zy-t;return By(e.getFullYear(),e.getMonth(),e.getDate()+n)}function eb(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=$y(n),t=Qy(e.getFullYear()),r=e.getTime()-t.getTime();i=1+Math.round(r/6048e5)}return Uy(i,e,Oy(r,yy.MinusSign))}}function tb(e,t=!1){return function(n,r){return Uy($y(n).getFullYear(),e,Oy(r,yy.MinusSign),t)}}var nb=Object.create(null);function rb(e){if(nb[e])return nb[e];let t;switch(e){case`G`:case`GG`:case`GGG`:t=qy(3,_y.Abbreviated);break;case`GGGG`:t=qy(3,_y.Wide);break;case`GGGGG`:t=qy(3,_y.Narrow);break;case`y`:t=Gy(0,1,0,!1,!0);break;case`yy`:t=Gy(0,2,0,!0,!0);break;case`yyy`:t=Gy(0,3,0,!1,!0);break;case`yyyy`:t=Gy(0,4,0,!1,!0);break;case`Y`:t=tb(1);break;case`YY`:t=tb(2,!0);break;case`YYY`:t=tb(3);break;case`YYYY`:t=tb(4);break;case`M`:case`L`:t=Gy(1,1,1);break;case`MM`:case`LL`:t=Gy(1,2,1);break;case`MMM`:t=qy(2,_y.Abbreviated);break;case`MMMM`:t=qy(2,_y.Wide);break;case`MMMMM`:t=qy(2,_y.Narrow);break;case`LLL`:t=qy(2,_y.Abbreviated,gy.Standalone);break;case`LLLL`:t=qy(2,_y.Wide,gy.Standalone);break;case`LLLLL`:t=qy(2,_y.Narrow,gy.Standalone);break;case`w`:t=eb(1);break;case`ww`:t=eb(2);break;case`W`:t=eb(1,!0);break;case`d`:t=Gy(2,1);break;case`dd`:t=Gy(2,2);break;case`c`:case`cc`:t=Gy(7,1);break;case`ccc`:t=qy(1,_y.Abbreviated,gy.Standalone);break;case`cccc`:t=qy(1,_y.Wide,gy.Standalone);break;case`ccccc`:t=qy(1,_y.Narrow,gy.Standalone);break;case`cccccc`:t=qy(1,_y.Short,gy.Standalone);break;case`E`:case`EE`:case`EEE`:t=qy(1,_y.Abbreviated);break;case`EEEE`:t=qy(1,_y.Wide);break;case`EEEEE`:t=qy(1,_y.Narrow);break;case`EEEEEE`:t=qy(1,_y.Short);break;case`a`:case`aa`:case`aaa`:t=qy(0,_y.Abbreviated);break;case`aaaa`:t=qy(0,_y.Wide);break;case`aaaaa`:t=qy(0,_y.Narrow);break;case`b`:case`bb`:case`bbb`:t=qy(0,_y.Abbreviated,gy.Standalone,!0);break;case`bbbb`:t=qy(0,_y.Wide,gy.Standalone,!0);break;case`bbbbb`:t=qy(0,_y.Narrow,gy.Standalone,!0);break;case`B`:case`BB`:case`BBB`:t=qy(0,_y.Abbreviated,gy.Format,!0);break;case`BBBB`:t=qy(0,_y.Wide,gy.Format,!0);break;case`BBBBB`:t=qy(0,_y.Narrow,gy.Format,!0);break;case`h`:t=Gy(3,1,-12);break;case`hh`:t=Gy(3,2,-12);break;case`H`:t=Gy(3,1);break;case`HH`:t=Gy(3,2);break;case`m`:t=Gy(4,1);break;case`mm`:t=Gy(4,2);break;case`s`:t=Gy(5,1);break;case`ss`:t=Gy(5,2);break;case`S`:t=Gy(6,1);break;case`SS`:t=Gy(6,2);break;case`SSS`:t=Gy(6,3);break;case`Z`:case`ZZ`:case`ZZZ`:t=Yy(0);break;case`ZZZZZ`:t=Yy(3);break;case`O`:case`OO`:case`OOO`:case`z`:case`zz`:case`zzz`:t=Yy(1);break;case`OOOO`:case`ZZZZ`:case`zzzz`:t=Yy(2);break;default:return null}return nb[e]=t,t}function ib(e,t){e=e.replace(/:/g,``);let n=Date.parse(`Jan 01, 1970 00:00:00 `+e)/6e4;return isNaN(n)?t:n}function ab(e,t){return e=new Date(e.getTime()),e.setMinutes(e.getMinutes()+t),e}function ob(e,t,n){let r=e.getTimezoneOffset();return ab(e,-1*(ib(t,r)-r))}function sb(e){if(lb(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 By(t,n-1,r)}let t=parseFloat(e);if(!isNaN(e-t))return new Date(t);let n;if(n=e.match(Py))return cb(n)}let t=new Date(e);if(!lb(t))throw new ri(2311,!1);return t}function cb(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 lb(e){return e instanceof Date&&!isNaN(e.valueOf())}var ub=(()=>{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 db(e,t){return new ri(2100,!1)}var fb=`mediumDate`,pb=new bi(``),mb=new bi(``),hb=(()=>{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??fb,a=r??this.defaultOptions?.timezone??this.defaultTimezone??void 0;return Ry(t,e,i||this.locale,a)}catch(t){throw db(e,t.message)}}static ɵfac=function(t){return new(t||e)(Em(Av,16),Em(pb,24),Em(mb,24))};static ɵpipe=Zh({name:`date`,type:e,pure:!0})}return e})(),gb=(()=>{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 _b(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 vb=`browser`,yb=class{_doc;constructor(e){this._doc=e}manager},bb=(()=>{class e extends yb{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})(),xb=new bi(``),Sb=(()=>{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 bb));this._plugins=n.slice().reverse();let r=e.find(e=>e instanceof bb);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(xb),Yi(Rs))};static ɵprov=pi({token:e,factory:e.ɵfac})}return e})(),Cb=`ng-app-id`;function wb(e){for(let t of e)t.remove()}function Tb(e,t){let n=t.createElement(`style`);return n.textContent=e,n}function Eb(e,t,n,r){let i=e.head?.querySelectorAll(`style[${Cb}="${t}"],link[${Cb}="${t}"]`);if(!i||i.length===0)return!1;for(let e of i)e.removeAttribute(Cb),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 Db(e,t){let n=t.createElement(`link`);return n.setAttribute(`rel`,`stylesheet`),n.setAttribute(`href`,e),n}var Ob=(()=>{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,Eb(e,t,this.inline,this.external)&&this.hosts.add(e.head)}addStyles(e,t){for(let t of e)this.addUsage(t,this.inline,Tb);t?.forEach(e=>this.addUsage(e,this.external,Db))}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&&(wb(n.elements),t.delete(e)))}ngOnDestroy(){for(let[,{elements:e}]of[...this.inline,...this.external])wb(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,Tb(t,this.doc)));for(let[t,{elements:n}]of this.external)n.push(this.addElement(e,Db(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})(),kb={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`},Ab=/%COMP%/g,jb=`%COMP%`,Mb=`_nghost-${jb}`,Nb=`_ngcontent-${jb}`,Pb=!0,Fb=new bi(``,{factory:()=>Pb}),Ib=new bi(``);function Lb(e){return Nb.replace(Ab,e)}function Rb(e){return Mb.replace(Ab,e)}function zb(e,t){return t.map(t=>t.replace(Ab,e))}var Bb=(()=>{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 Vb(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 Gb?n.applyToHost(e):n instanceof Wb&&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 Gb(o,s,t,this.appId,c,i,a,l,this.cssVarNamespace);break;case uu.ShadowDom:return new Ub(o,e,t,i,a,this.nonce,l,this.cssVarNamespace,s);case uu.ExperimentalIsolatedShadowDom:return new Ub(o,e,t,i,a,this.nonce,l,this.cssVarNamespace);default:r=new Wb(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(Sb),Yi(wm),Yi(ec),Yi(Fb),Yi(Ts),Yi(Rs),Yi(ic),Yi(Pd,8),Yi(Ib,8))};static ɵprov=pi({token:e,factory:e.ɵfac})}return e})(),Vb=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(kb[t]||t,e):this.doc.createElement(e)}createComment(e){return this.doc.createComment(e)}createText(e){return this.doc.createTextNode(e)}appendChild(e,t){(Hb(e)?e.content:e).appendChild(t)}insertBefore(e,t,n){if(e){let r=Hb(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=kb[r];i?e.setAttributeNS(i,t,n):e.setAttribute(t,n)}else e.setAttribute(t,n)}removeAttribute(e,t,n){if(n){let r=kb[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=py().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 Hb(e){return e.tagName===`TEMPLATE`&&e.content!==void 0}var Ub=class extends Vb{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=zb(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=Db(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)}},Wb=class extends Vb{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?zb(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)}},Gb=class extends Wb{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=Lb(l),this.hostAttr=Rb(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}},Kb=class e extends hy{supportsDOMEvents=!0;static makeCurrent(){my(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=Jb();return t==null?null:Yb(t)}resetBaseElement(){qb=null}getUserAgent(){return window.navigator.userAgent}getCookie(e){return _b(document.cookie,e)}},qb=null;function Jb(){return qb||=document.head.querySelector(`base`),qb?qb.getAttribute(`href`):null}function Yb(e){return new URL(e,document.baseURI).pathname}var Xb=[`alt`,`control`,`meta`,`shift`],Zb={"\b":`Backspace`,"	":`Tab`,"":`Delete`,"\x1B":`Escape`,Del:`Delete`,Esc:`Escape`,Left:`ArrowLeft`,Right:`ArrowRight`,Up:`ArrowUp`,Down:`ArrowDown`,Menu:`ContextMenu`,Scroll:`ScrollLock`,Win:`OS`},Qb={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey},$b=(()=>{class e extends yb{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(()=>py().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.`),Xb.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=Zb[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`),Xb.forEach(t=>{if(t!==n){let n=Qb[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 ex(e,t,n){return ay({rootComponent:e,...tx(t,n)})}function tx(e,t){return{platformRef:t?.platformRef,appProviders:[...ox,...e?.providers??[]],platformProviders:ax}}function nx(){Kb.makeCurrent()}function rx(){return new Xs}function ix(){return Ql(document),document}var ax=[{provide:rc,useValue:vb},{provide:nc,useValue:nx,multi:!0},{provide:Ts,useFactory:ix}],ox=[{provide:Oa,useValue:`root`},{provide:Xs,useFactory:rx},{provide:xb,useClass:bb,multi:!0},{provide:xb,useClass:$b,multi:!0},Bb,{provide:wm,useClass:Ob},{provide:Ob,useExisting:wm},Sb,{provide:am,useExisting:Bb},[]];function sx(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 cx={blue:sx(34,39),cyan:sx(36,39),gray:sx(90,39),green:sx(32,39),red:sx(31,39),yellow:sx(33,39),bold:sx(1,22),dim:sx(2,22),reset:sx(0,0),underline:sx(4,24)};function lx(e,...t){return typeof e==`function`?e(...t):e}var ux=Error.captureStackTrace,dx=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,ux?.(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 fx(e,t){return typeof e==`string`?`${e}/${t.toLowerCase()}`:e?.(t)}function px(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||fx(r,i),s=(e={},n={})=>{let r=new dx({code:i,why:lx(a.why,e),fix:lx(a.fix,e),docs:o,cause:e.cause,sources:e.sources,data:lx(a.data,e)},s);for(let e of t)e(r,n);return r};n[i]=s}return n}function mx(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(`
+  `):``,this.name=`UnsubscriptionError`,this.errors=t}});function gr(e,t){if(e){var n=e.indexOf(t);0<=n&&e.splice(n,1)}}var _r=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=ur(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(pr(c))try{c()}catch(e){i=e instanceof hr?e.errors:[e]}var l=this._finalizers;if(l){this._finalizers=null;try{for(var u=ur(l),d=u.next();!d.done;d=u.next()){var f=d.value;try{br(f)}catch(e){i??=[],e instanceof hr?i=fr(fr([],dr(i)),dr(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 hr(i)}},e.prototype.add=function(t){if(t&&t!==this){if(this.closed)br(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)&&gr(t,e)},e.prototype.remove=function(t){var n=this._finalizers;n&&gr(n,t),t instanceof e&&t._removeParent(this)},e.EMPTY=(function(){var t=new e;return t.closed=!0,t})(),e}(),vr=_r.EMPTY;function yr(e){return e instanceof _r||e&&`closed`in e&&pr(e.remove)&&pr(e.add)&&pr(e.unsubscribe)}function br(e){pr(e)?e():e.unsubscribe()}var xr={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},Sr={setTimeout:function(e,t){var n=[...arguments].slice(2),r=Sr.delegate;return r?.setTimeout?r.setTimeout.apply(r,fr([e,t],dr(n))):setTimeout.apply(void 0,fr([e,t],dr(n)))},clearTimeout:function(e){return(Sr.delegate?.clearTimeout||clearTimeout)(e)},delegate:void 0};function Cr(e){Sr.setTimeout(function(){var t=xr.onUnhandledError;if(t)t(e);else throw e})}function wr(){}var Tr=(function(){return Or(`C`,void 0,void 0)})();function Er(e){return Or(`E`,void 0,e)}function Dr(e){return Or(`N`,e,void 0)}function Or(e,t,n){return{kind:e,value:t,error:n}}var kr=null;function Ar(e){if(xr.useDeprecatedSynchronousErrorHandling){var t=!kr;if(t&&(kr={errorThrown:!1,error:null}),e(),t){var n=kr,r=n.errorThrown,i=n.error;if(kr=null,r)throw i}}else e()}function jr(e){xr.useDeprecatedSynchronousErrorHandling&&kr&&(kr.errorThrown=!0,kr.error=e)}var Mr=function(e){lr(t,e);function t(t){var n=e.call(this)||this;return n.isStopped=!1,t?(n.destination=t,yr(t)&&t.add(n)):n.destination=Br,n}return t.create=function(e,t,n){return new Ir(e,t,n)},t.prototype.next=function(e){this.isStopped?zr(Dr(e),this):this._next(e)},t.prototype.error=function(e){this.isStopped?zr(Er(e),this):(this.isStopped=!0,this._error(e))},t.prototype.complete=function(){this.isStopped?zr(Tr,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}(_r),Nr=Function.prototype.bind;function Pr(e,t){return Nr.call(e,t)}var Fr=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){Lr(e)}},e.prototype.error=function(e){var t=this.partialObserver;if(t.error)try{t.error(e)}catch(e){Lr(e)}else Lr(e)},e.prototype.complete=function(){var e=this.partialObserver;if(e.complete)try{e.complete()}catch(e){Lr(e)}},e}(),Ir=function(e){lr(t,e);function t(t,n,r){var i=e.call(this)||this,a;if(pr(t)||!t)a={next:t??void 0,error:n??void 0,complete:r??void 0};else{var o;i&&xr.useDeprecatedNextContext?(o=Object.create(t),o.unsubscribe=function(){return i.unsubscribe()},a={next:t.next&&Pr(t.next,o),error:t.error&&Pr(t.error,o),complete:t.complete&&Pr(t.complete,o)}):a=t}return i.destination=new Fr(a),i}return t}(Mr);function Lr(e){xr.useDeprecatedSynchronousErrorHandling?jr(e):Cr(e)}function Rr(e){throw e}function zr(e,t){var n=xr.onStoppedNotification;n&&Sr.setTimeout(function(){return n(e,t)})}var Br={closed:!0,next:wr,error:Rr,complete:wr},Vr=(function(){return typeof Symbol==`function`&&Symbol.observable||`@@observable`})();function Hr(e){return e}function Ur(e){return e.length===0?Hr:e.length===1?e[0]:function(t){return e.reduce(function(e,t){return t(e)},t)}}var Wr=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=qr(e)?e:new Ir(e,t,n);return Ar(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=Gr(t),new t(function(t,r){var i=new Ir({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[Vr]=function(){return this},e.prototype.pipe=function(){return Ur([...arguments])(this)},e.prototype.toPromise=function(e){var t=this;return e=Gr(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 Gr(e){return e??xr.Promise??Promise}function Kr(e){return e&&pr(e.next)&&pr(e.error)&&pr(e.complete)}function qr(e){return e&&e instanceof Mr||Kr(e)&&yr(e)}function Jr(e){return pr(e?.lift)}function Yr(e){return function(t){if(Jr(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 Xr(e,t,n,r,i){return new Zr(e,t,n,r,i)}var Zr=function(e){lr(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}(Mr),Qr=mr(function(e){return function(){e(this),this.name=`ObjectUnsubscribedError`,this.message=`object unsubscribed`}}),$r=function(e){lr(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 ei(this,this);return t.operator=e,t},t.prototype._throwIfClosed=function(){if(this.closed)throw new Qr},t.prototype.next=function(e){var t=this;Ar(function(){var n,r;if(t._throwIfClosed(),!t.isStopped){t.currentObservers||=Array.from(t.observers);try{for(var i=ur(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;Ar(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;Ar(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?vr:(this.currentObservers=null,a.push(e),new _r(function(){t.currentObservers=null,gr(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 Wr;return e.source=this,e},t.create=function(e,t){return new ei(e,t)},t}(Wr),ei=function(e){lr(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)??vr},t}($r),ti=function(e){lr(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}($r);function ni(e,t){return Yr(function(n,r){var i=0;n.subscribe(Xr(r,function(n){r.next(e.call(t,n,i++))}))})}var ri=`https://angular.dev/best-practices/security#preventing-cross-site-scripting-xss`,ii=class extends Error{code;constructor(e,t){super(oi(e,t)),this.code=e}};function ai(e){return`NG0${Math.abs(e)}`}function oi(e,t){return`${ai(e)}${t?`: `+t:``}`}function si(e){for(let t in e)if(e[t]===si)return t;throw Error(``)}function ci(e){if(typeof e==`string`)return e;if(Array.isArray(e))return`[${e.map(ci).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 li(e,t){return e?t?`${e} ${t}`:e:t||``}var ui=si({__forward_ref__:si});function di(e){return e.__forward_ref__=di,e}function fi(e){return pi(e)?e():e}function pi(e){return typeof e==`function`&&Object.hasOwn(e,ui)&&e.__forward_ref__===di}function mi(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function hi(e){return gi(e,yi)}function gi(e,t){return Object.hasOwn(e,t)&&e[t]||null}function _i(e){return(e?.[yi]??null)||null}function vi(e){return e&&Object.hasOwn(e,bi)?e[bi]:null}var yi=si({ɵprov:si}),bi=si({ɵinj:si}),xi=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=mi({token:this,providedIn:t.providedIn||`root`,factory:t.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}};function Si(e){return e&&!!e.ɵproviders}var Ci=si({ɵcmp:si}),wi=si({ɵdir:si}),Ti=si({ɵpipe:si}),Ei=si({ɵfac:si}),Di=si({__NG_ELEMENT_ID__:si}),Oi=si({__NG_ENV_ID__:si});function ki(e){return Mi(e,`@Component`),e[Ci]||null}function Ai(e){return Mi(e,`@Directive`),e[wi]||null}function ji(e){return Mi(e,`@Pipe`),e[Ti]||null}function Mi(e,t){if(e==null)throw new ii(-919,!1)}function Ni(e){return typeof e==`string`?e:e==null?``:String(e)}var Pi=si({ngErrorCode:si}),Fi=si({ngErrorMessage:si}),Ii=si({ngTokenPath:si});function Li(e,t){return zi(``,-200,t)}function Ri(e,t){throw new ii(-201,!1)}function zi(e,t,n){let r=new ii(t,e);return r[Pi]=t,r[Fi]=e,n&&(r[Ii]=n),r}function Bi(e){return e[Pi]}var Vi;function Hi(){return Vi}function Ui(e){let t=Vi;return Vi=e,t}function Wi(e,t,n){let r=hi(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;Ri(e,``)}var Gi=globalThis,Ki={},qi=`__NG_DI_FLAG__`,Ji=class{injector;constructor(e){this.injector=e}retrieve(e,t){let n=Zi(t)||0;try{return this.injector.get(e,n&8?null:Ki,n)}catch(e){if(nr(e))return e;throw e}}};function Yi(e,t=0){let n=$n();if(n===void 0)throw new ii(-203,!1);if(n===null)return Wi(e,void 0,t);{let r=Qi(t),i=n.retrieve(e,r);if(nr(i)){if(r.optional)return null;throw i}return i}}function Xi(e,t=0){return(Hi()||Yi)(fi(e),t)}function C(e,t){return Xi(e,Zi(t))}function Zi(e){return e===void 0||typeof e==`number`?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function Qi(e){return{optional:!!(e&8),host:!!(e&1),self:!!(e&2),skipSelf:!!(e&4)}}function $i(e){let t=[];for(let n=0;n<e.length;n++){let r=fi(e[n]);if(Array.isArray(r)){if(r.length===0)throw new ii(900,!1);let e,n=0;for(let t=0;t<r.length;t++){let i=r[t],a=ea(i);typeof a==`number`?a===-1?e=i.token:n|=a:e=i}t.push(Xi(e,n))}else t.push(Xi(r))}return t}function ea(e){return e[qi]}function ta(e,t){return Object.hasOwn(e,Ei)?e[Ei]:null}function na(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 ra(e){return e.flat(1/0)}function ia(e,t){e.forEach(e=>Array.isArray(e)?ia(e,t):t(e))}function aa(e,t,n){t>=e.length?e.push(n):e.splice(t,0,n)}function oa(e,t){return t>=e.length-1?e.pop():e.splice(t,1)[0]}function sa(e,t){let n=[];for(let r=0;r<e;r++)n.push(t);return n}function ca(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 la(e,t,n){let r=da(e,t);return r>=0?e[r|1]=n:(r=~r,ca(e,r,t,n)),r}function ua(e,t){let n=da(e,t);if(n>=0)return e[n|1]}function da(e,t){return fa(e,t,1)}function fa(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 pa={},ma=[],ha=new xi(``),ga=new xi(``,-1),_a=new xi(``),va=class{get(e,t=Ki){if(t===Ki){let e=zi(``,-201);throw e.name=`ɵNotFound`,e}return t}};function ya(...e){return{ɵproviders:ba(!0,e),ɵfromNgModule:!0}}function ba(e,...t){let n=[],r=new Set,i,a=e=>{n.push(e)};return ia(t,e=>{let t=e;Sa(t,a,[],r)&&(i||=[],i.push(t))}),i!==void 0&&xa(i,a),n}function xa(e,t){for(let n=0;n<e.length;n++){let{ngModule:r,providers:i}=e[n];Ca(i,e=>{t(e,r)})}}function Sa(e,t,n,r){if(e=fi(e),!e)return!1;let i=null,a=vi(e),o=!a&&ki(e);if(!a&&!o){let t=e.ngModule;if(a=vi(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)Sa(i,t,n,r)}}else if(a){if(a.imports!=null&&!s){r.add(i);let e;try{ia(a.imports,i=>{Sa(i,t,n,r)&&(e||=[],e.push(i))})}finally{}e!==void 0&&xa(e,t)}if(!s){let e=ta(i)||(()=>new i);t({provide:i,useFactory:e,deps:ma},i),t({provide:_a,useValue:i,multi:!0},i),t({provide:ha,useValue:()=>Xi(i),multi:!0},i)}let o=a.providers;if(o!=null&&!s){let n=e;Ca(o,e=>{t(e,n)})}}else return!1;return i!==e&&e.providers!==void 0}function Ca(e,t){for(let n of e)Si(n)&&(n=n.ɵproviders),Array.isArray(n)?Ca(n,t):t(n)}var wa=si({provide:String,useValue:si});function Ta(e){return typeof e==`object`&&!!e&&wa in e}function Ea(e){return!!(e&&e.useExisting)}function Da(e){return!!(e&&e.useFactory)}function Oa(e){return typeof e==`function`}var ka=new xi(``),Aa={},ja={},Ma=void 0;function Na(){return Ma===void 0&&(Ma=new va),Ma}var Pa=class{},Fa=class extends Pa{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,Ga(e,e=>this.processProvider(e)),this.records.set(ga,Va(void 0,this)),r.has(`environment`)&&this.records.set(Pa,Va(void 0,this));let i=this.records.get(ka);i!=null&&typeof i.value==`string`&&this.scopes.add(i.value),this.injectorDefTypes=new Set(this.get(_a,ma,{self:!0}))}retrieve(e,t){let n=Zi(t)||0;try{return this.get(e,Ki,n)}catch(e){if(nr(e))return e;throw e}}destroy(){Ba(this),this._destroyed=!0;let e=pn(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(),pn(e)}}onDestroy(e){return Ba(this),this._onDestroyHooks.push(e),()=>this.removeOnDestroy(e)}runInContext(e){Ba(this);let t=er(this),n=Ui(void 0);try{return e()}finally{er(t),Ui(n)}}get(e,t=Ki,n){if(Ba(this),Object.hasOwn(e,Oi))return e[Oi](this);let r=Zi(n),i=er(this),a=Ui(void 0);try{if(!(r&4)){let t=this.records.get(e);if(t===void 0){let n=Wa(e)&&hi(e);t=n&&this.injectableDefInScope(n)?Va(Ia(e),Aa):null,this.records.set(e,t)}if(t!=null)return this.hydrate(e,t,r)}let n=r&2?Na():this.parent;return t=r&8&&t===Ki?null:t,n.get(e,t)}catch(e){let t=Bi(e);throw t===-200||t===-201?new ii(t,null):e}finally{Ui(a),er(i)}}resolveInjectorInitializers(){let e=pn(null),t=er(this),n=Ui(void 0);try{let e=this.get(ha,ma,{self:!0});for(let t of e)t()}finally{er(t),Ui(n),pn(e)}}toString(){return`R3Injector[...]`}processProvider(e){e=fi(e);let t=Oa(e)?e:fi(e&&e.provide),n=Ra(e);if(!Oa(e)&&e.multi===!0){let n=this.records.get(t);n||(n=Va(void 0,Aa,!0),n.factory=()=>$i(n.multi),this.records.set(t,n)),t=e,n.multi.push(e)}this.records.set(t,n)}hydrate(e,t,n){let r=pn(null);try{if(t.value===ja)throw Li(``);return t.value===Aa&&(t.value=ja,t.value=t.factory(void 0,n)),typeof t.value==`object`&&t.value&&Ua(t.value)&&this._ngOnDestroyHooks.add(t.value),t.value}finally{pn(r)}}injectableDefInScope(e){if(!e.providedIn)return!1;let t=fi(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 Ia(e){let t=hi(e),n=t===null?ta(e):t.factory;if(n!==null)return n;if(e instanceof xi)throw new ii(-204,!1);if(e instanceof Function)return La(e);throw new ii(-204,!1)}function La(e){if(e.length>0)throw new ii(-204,!1);let t=_i(e);return t===null?()=>new e:()=>t.factory(e)}function Ra(e){return Ta(e)?Va(void 0,e.useValue):Va(za(e),Aa)}function za(e,t,n){let r;if(Oa(e)){let t=fi(e);return ta(t)||Ia(t)}if(Ta(e))r=()=>fi(e.useValue);else if(Da(e))r=()=>e.useFactory(...$i(e.deps||[]));else if(Ea(e))r=(t,n)=>Xi(fi(e.useExisting),n!==void 0&&n&8?8:void 0);else{let t=fi(e&&(e.useClass||e.provide));if(Ha(e))r=()=>new t(...$i(e.deps));else return ta(t)||Ia(t)}return r}function Ba(e){if(e.destroyed)throw new ii(-205,!1)}function Va(e,t,n=!1){return{factory:e,value:t,multi:n?[]:void 0}}function Ha(e){return!!e.deps}function Ua(e){return typeof e==`object`&&!!e&&typeof e.ngOnDestroy==`function`}function Wa(e){return typeof e==`function`||typeof e==`object`&&e.ngMetadataName===`InjectionToken`}function Ga(e,t){for(let n of e)Array.isArray(n)?Ga(n,t):n&&Si(n)?Ga(n.ɵproviders,t):t(n)}function Ka(e,t){let n;e instanceof Fa?(Ba(e),n=e):n=new Ji(e);let r=er(n),i=Ui(void 0);try{return t()}finally{er(r),Ui(i)}}function qa(){return Hi()!==void 0||$n()!=null}var Ja=1;function Ya(e){return Array.isArray(e)&&typeof e[Ja]==`object`}function Xa(e){return Array.isArray(e)&&e[Ja]===!0}function Za(e){return!!(e.flags&4)}function Qa(e){return e.componentOffset>-1}function $a(e){return(e.flags&1)==1}function eo(e){return!!e.template}function to(e){return!!(e[2]&512)}function no(e){return(e[2]&256)==256}var ro=(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})(ro||{}),io=`math`;function ao(e){for(;Array.isArray(e);)e=e[0];return e}function oo(e,t){return ao(t[e])}function so(e,t){return ao(t[e.index])}function co(e,t){return e.data[t]}function lo(e,t){return e[t]}function uo(e,t,n,r){n>=e.data.length&&(e.data[n]=null,e.blueprint[n]=null),t[n]=r}function fo(e,t){let n=t[e];return Ya(n)?n:n[0]}function po(e){return(e[2]&128)==128}function mo(e){return Xa(e[3])}function ho(e,t){return t==null?null:e[t]}function go(e){e[17]=0}function _o(e){e[2]&1024||(e[2]|=1024,po(e)&&xo(e))}function vo(e,t){for(;e>0;)t=t[14],e--;return t}function yo(e){return!!(e[2]&9216||e[24]?.dirty)}function bo(e){e[10].changeDetectionScheduler?.notify(8),e[2]&64&&(e[2]|=1024),yo(e)&&xo(e)}function xo(e){e[10].changeDetectionScheduler?.notify(0);let t=wo(e);for(;t!==null&&!(t[2]&8192||(t[2]|=8192,!po(t)));)t=wo(t)}function So(e,t){if(no(e))throw new ii(911,!1);e[21]===null&&(e[21]=[]),e[21].push(t)}function Co(e,t){if(e[21]===null)return;let n=e[21].indexOf(t);n!==-1&&e[21].splice(n,1)}function wo(e){let t=e[3];return Xa(t)?t[3]:t}function To(e){return e[7]??=[]}function Eo(e){return e.cleanup??=[]}function Do(e,t,n,r){let i=To(t);i.push(n),e.firstCreatePass&&Eo(e).push(r,i.length-1)}var Oo={lFrame:ls(null),bindingsEnabled:!0,skipHydrationRootTNode:null},ko=!1;function Ao(){return Oo.lFrame.elementDepthCount}function jo(){Oo.lFrame.elementDepthCount++}function Mo(){Oo.lFrame.elementDepthCount--}function No(){return Oo.bindingsEnabled}function Po(){return Oo.skipHydrationRootTNode!==null}function Fo(e){return Oo.skipHydrationRootTNode===e}function Io(){Oo.skipHydrationRootTNode=null}function w(){return Oo.lFrame.lView}function Lo(){return Oo.lFrame.tView}function T(e){return Oo.lFrame.contextLView=e,e[8]}function E(e){return Oo.lFrame.contextLView=null,e}function Ro(){let e=zo();for(;e!==null&&e.type===64;)e=e.parent;return e}function zo(){return Oo.lFrame.currentTNode}function Bo(){let e=Oo.lFrame,t=e.currentTNode;return e.isParent?t:t.parent}function Vo(e,t){let n=Oo.lFrame;n.currentTNode=e,n.isParent=t}function Ho(){return Oo.lFrame.isParent}function Uo(){Oo.lFrame.isParent=!1}function Wo(){return Oo.lFrame.contextLView}function Go(){return ko}function Ko(e){let t=ko;return ko=e,t}function qo(){let e=Oo.lFrame,t=e.bindingRootIndex;return t===-1&&(t=e.bindingRootIndex=e.tView.bindingStartIndex),t}function Jo(){return Oo.lFrame.bindingIndex}function Yo(e){return Oo.lFrame.bindingIndex=e}function Xo(){return Oo.lFrame.bindingIndex++}function Zo(e){let t=Oo.lFrame,n=t.bindingIndex;return t.bindingIndex+=e,n}function Qo(){return Oo.lFrame.inI18n}function $o(e,t){let n=Oo.lFrame;n.bindingIndex=n.bindingRootIndex=e,ts(t)}function es(){return Oo.lFrame.currentDirectiveIndex}function ts(e){Oo.lFrame.currentDirectiveIndex=e}function ns(e){let t=Oo.lFrame.currentDirectiveIndex;return t===-1?null:e[t]}function rs(){return Oo.lFrame.currentQueryIndex}function is(e){Oo.lFrame.currentQueryIndex=e}function as(e){let t=e[1];return t.type===2?t.declTNode:t.type===1?e[5]:null}function os(e,t,n){if(n&4){let r=t,i=e;for(;r=r.parent,r===null&&!(n&1)&&(r=as(i),!(r===null||(i=i[14],r.type&10))););if(r===null)return!1;t=r,e=i}let r=Oo.lFrame=cs();return r.currentTNode=t,r.lView=e,!0}function ss(e){let t=cs(),n=e[1];Oo.lFrame=t,t.currentTNode=n.firstChild,t.lView=e,t.tView=n,t.contextLView=e,t.bindingIndex=n.bindingStartIndex,t.inI18n=!1}function cs(){let e=Oo.lFrame,t=e===null?null:e.child;return t===null?ls(e):t}function ls(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 us(){let e=Oo.lFrame;return Oo.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}var ds=us;function fs(){let e=us();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 ps(e){return(Oo.lFrame.contextLView=vo(e,Oo.lFrame.contextLView))[8]}function ms(){return Oo.lFrame.selectedIndex}function hs(e){Oo.lFrame.selectedIndex=e}function gs(){let e=Oo.lFrame;return co(e.tView,e.selectedIndex)}function D(){Oo.lFrame.currentNamespace=`svg`}function _s(){vs()}function vs(){Oo.lFrame.currentNamespace=null}function ys(){return Oo.lFrame.currentNamespace}var bs=!0;function xs(){return bs}function Ss(e){bs=e}function Cs(e,t=null,n=null,r){let i=ws(e,t,n,r);return i.resolveInjectorInitializers(),i}function ws(e,t=null,n=null,r,i=new Set){return new Fa([n||ma,ya(e)],t||Na(),null,i)}var Ts=class e{static THROW_IF_NOT_FOUND=Ki;static NULL=new va;static create(e,t){if(Array.isArray(e))return Cs({name:``},t,e,``);{let t=e.name??``;return Cs({name:t},e.parent,e.providers,t)}}static ɵprov=mi({token:e,providedIn:`any`,factory:()=>Xi(ga)});static __NG_ELEMENT_ID__=-1},Es=new xi(``),Ds=class{static __NG_ELEMENT_ID__=ks;static __NG_ENV_ID__=e=>e},Os=class extends Ds{_lView;constructor(e){super(),this._lView=e}get destroyed(){return no(this._lView)}onDestroy(e){let t=this._lView;return So(t,e),()=>Co(t,e)}};function ks(){return new Os(w())}var As=new xi(``),js=(()=>{class e{taskId=0;pendingTasks=new Set;destroyed=!1;pendingTask=new ti(!1);debugTaskTracker=C(As,{optional:!0});get hasPendingTasks(){return!this.destroyed&&this.pendingTask.value}get hasPendingTasksObservable(){return this.destroyed?new Wr(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=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Ms=class extends $r{__isAsync;destroyRef=void 0;pendingTasks=void 0;constructor(e=!1){super(),this.__isAsync=e,qa()&&(this.destroyRef=C(Ds,{optional:!0})??void 0,this.pendingTasks=C(js,{optional:!0})??void 0)}emit(e){let t=pn(null);try{super.next(e)}finally{pn(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 _r&&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 Ns(...e){}function Ps(e){let t,n;function r(){e=Ns;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 Fs(e){return queueMicrotask(()=>e()),()=>{e=Ns}}var Is=`isAngularZone`,Ls=`isAngularZone_ID`,Rs=0,zs=class e{hasPendingMacrotasks=!1;hasPendingMicrotasks=!1;isStable=!0;onUnstable=new Ms(!1);onMicrotaskEmpty=new Ms(!1);onStable=new Ms(!1);onError=new Ms(!1);constructor(e){let{enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:n=!1,shouldCoalesceRunChangeDetection:r=!1,scheduleInRootZone:i=!1}=e;if(typeof Zone>`u`)throw new ii(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,Us(a)}static isInAngularZone(){return typeof Zone<`u`&&Zone.current.get(Is)===!0}static assertInAngularZone(){if(!e.isInAngularZone())throw new ii(909,!1)}static assertNotInAngularZone(){if(e.isInAngularZone())throw new ii(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,Bs,Ns,Ns);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)}},Bs={};function Vs(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 Hs(e){if(e.isCheckStableRunning||e.callbackScheduled)return;e.callbackScheduled=!0;function t(){Ps(()=>{e.callbackScheduled=!1,Ws(e),e.isCheckStableRunning=!0,Vs(e),e.isCheckStableRunning=!1})}e.scheduleInRootZone?Zone.root.run(()=>{t()}):e._outer.run(()=>{t()}),Ws(e)}function Us(e){let t=()=>{Hs(e)},n=Rs++;e._inner=e._inner.fork({name:`angular`,properties:{[Is]:!0,[Ls]:n,[Ls+n]:!0},onInvokeTask:(n,r,i,a,o,s)=>{if(Js(s))return n.invokeTask(i,a,o,s);try{return Gs(e),n.invokeTask(i,a,o,s)}finally{(e.shouldCoalesceEventChangeDetection&&a.type===`eventTask`||e.shouldCoalesceRunChangeDetection)&&t(),Ks(e)}},onInvoke:(n,r,i,a,o,s,c)=>{try{return Gs(e),n.invoke(i,a,o,s,c)}finally{e.shouldCoalesceRunChangeDetection&&!e.callbackScheduled&&!Ys(s)&&t(),Ks(e)}},onHasTask:(t,n,r,i)=>{t.hasTask(r,i),n===r&&(i.change==`microTask`?(e._hasPendingMicrotasks=i.microTask,Ws(e),Vs(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 Ws(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&e.callbackScheduled===!0)}function Gs(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function Ks(e){e._nesting--,Vs(e)}var qs=class{hasPendingMicrotasks=!1;hasPendingMacrotasks=!1;isStable=!0;onUnstable=new Ms;onMicrotaskEmpty=new Ms;onStable=new Ms;onError=new Ms;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 Js(e){return Xs(e,`__ignore_ng_zone__`)}function Ys(e){return Xs(e,`__scheduler_tick__`)}function Xs(e,t){return!Array.isArray(e)||e.length!==1?!1:e[0]?.data?.[t]===!0}var Zs=class{_console=console;handleError(e){this._console.error(`ERROR`,e)}},Qs=new xi(``,{factory:()=>{let e=C(zs),t=C(Pa),n;return r=>{e.runOutsideAngular(()=>{t.destroyed&&!n?setTimeout(()=>{throw r}):(n??=t.get(Zs),n.handleError(r))})}}}),$s={provide:ha,useValue:()=>{C(Zs,{optional:!0})},multi:!0};function O(e,t){let[n,r,i]=Wn(e,t?.equal),a=n;return a[fn],a.set=r,a.update=i,a.asReadonly=ec.bind(a),a}function ec(){let e=this[fn];if(e.readonlyFn===void 0){let t=()=>this();t[fn]=e,e.readonlyFn=t}return e.readonlyFn}var tc=new xi(``,{factory:()=>nc}),nc=`ng`,rc=new xi(``),ic=new xi(``,{providedIn:`platform`,factory:()=>`unknown`}),ac=new xi(``,{factory:()=>C(Es).body?.querySelector(`[ngCspNonce]`)?.getAttribute(`ngCspNonce`)||null}),oc=(()=>{class e{view;node;constructor(e,t){this.view=e,this.node=t}static __NG_ELEMENT_ID__=sc}return e})();function sc(){return new oc(w(),Ro())}var cc=class{},lc=new xi(``,{factory:()=>!0}),uc=new xi(``),dc=(()=>{class e{static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new fc})}return e})(),fc=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}},pc=class{[fn];constructor(e){this[fn]=e}destroy(){this[fn].destroy()}};function mc(e,t){let n=t?.injector??C(Ts),r=t?.manualCleanup===!0?null:n.get(Ds),i,a=n.get(oc,null,{optional:!0}),o=n.get(cc);return a===null?i=yc(e,n.get(dc),o):(i=vc(a.view,o,e),r instanceof Os&&r._lView===a.view&&(r=null)),i.injector=n,r!==null&&(i.onDestroyFns=[r.onDestroy(()=>i.destroy())]),new pc(i)}var hc={...Xn,cleanupFns:void 0,zone:null,onDestroyFns:null,run(){let e=Ko(!1);try{Zn(this)}finally{Ko(e)}},cleanup(){if(!this.cleanupFns?.length)return;let e=pn(null);try{for(;this.cleanupFns.length;)this.cleanupFns.pop()()}finally{this.cleanupFns=[],pn(e)}}},gc={...hc,consumerMarkedDirty(){this.scheduler.schedule(this),this.notifier.notify(12)},destroy(){if(On(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.scheduler.remove(this)}},_c={...hc,consumerMarkedDirty(){this.view[2]|=8192,xo(this.view),this.notifier.notify(13)},destroy(){if(On(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.view[23]?.delete(this)}};function vc(e,t,n){let r=Object.create(_c);return r.view=e,r.zone=typeof Zone<`u`?Zone.current:null,r.notifier=t,r.fn=bc(r,n),e[23]??=new Set,e[23].add(r),r.consumerMarkedDirty(r),r}function yc(e,t,n){let r=Object.create(gc);return r.fn=bc(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 bc(e,t){return()=>{t(t=>(e.cleanupFns??=[]).push(t))}}function xc(e){return typeof e==`function`&&e[fn]!==void 0}function Sc(e){return xc(e)&&typeof e.set==`function`}var Cc=Symbol(`InputSignalNode#UNSET`),wc={...Jn,transformFn:void 0,applyValueToInputSignal(e,t){Kn(e,t)}};function Tc(e){return{toString:e}.toString()}var Ec=(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})(Ec||{}),Dc=class{previousValue;currentValue;firstChange;constructor(e,t,n){this.previousValue=e,this.currentValue=t,this.firstChange=n}isFirstChange(){return this.firstChange}};function Oc(e,t,n,r){t===null?e[n]=r:t.applyValueToInputSignal(t,r)}var kc=null,Ac=(()=>{kc=Mc;let e=()=>Mc;return e.ngInherit=!0,e})();function jc(){return kc}function Mc(e){return e.type.prototype.ngOnChanges&&(e.setInput=Pc),Nc}function Nc(){let e=Ic(this),t=e?.current;if(t){let n=e.previous;if(n===pa)e.previous=t;else for(let e in t)n[e]=t[e];e.current=null,this.ngOnChanges(t)}}function Pc(e,t,n,r,i){let a=this.declaredInputs[r],o=Ic(e)||Lc(e,{previous:pa,current:null}),s=o.current||={},c=o.previous,l=c[a];s[a]=new Dc(l&&l.currentValue,n,c===pa),Oc(e,t,i,n)}var Fc=`__ngSimpleChanges__`;function Ic(e){return Object.hasOwn(e,Fc)&&e[Fc]||null}function Lc(e,t){return e[Fc]=t}var Rc=[],zc=function(e,t=null,n){for(let r=0;r<Rc.length;r++){let i=Rc[r];i(e,t,n)}};function Bc(e,t,n){let{ngOnChanges:r,ngOnInit:i,ngDoCheck:a}=t.type.prototype;if(r){let r=jc()(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 Vc(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 Hc(e,t,n){Gc(e,t,3,n)}function Uc(e,t,n,r){(e[2]&3)===n&&Gc(e,t,n,r)}function Wc(e,t){let n=e[2];(n&3)===t&&(n&=16383,n+=1,e[2]=n)}function Gc(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)&&(qc(e,n,t,c),e[17]=(e[17]&4294901760)+c+2),c++}function Kc(e,t){zc(Ec.LifecycleHookStart,e,t);let n=pn(null);try{t.call(e)}finally{pn(n),zc(Ec.LifecycleHookEnd,e,t)}}function qc(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,Kc(o,a)):Kc(o,a)}var Jc=-1,Yc=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 Xc(e){return!!(e.flags&8)}function Zc(e){return!!(e.flags&16)}function Qc(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];el(a)?e.setProperty(t,a,o):e.setAttribute(t,a,o),r++}}return r}function $c(e){return e===3||e===4||e===6}function el(e){return e.charCodeAt(0)===64}function tl(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?nl(e,n,i,null,t[++r]):nl(e,n,i,null,null))}}}return e}function nl(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 rl(e){return e!==Jc}function il(e){return e&32767}function al(e){return e>>16}function ol(e,t){let n=al(e),r=t;for(;n>0;)r=r[14],n--;return r}var sl=!0;function cl(e){let t=sl;return sl=e,t}var ll=255,ul=5,dl=0,fl={};function pl(e,t,n){let r;typeof n==`string`?r=n.charCodeAt(0)||0:Object.hasOwn(n,Di)&&(r=n[Di]),r??=n[Di]=dl++;let i=r&ll,a=1<<i;t.data[e+(i>>ul)]|=a}function ml(e,t){let n=gl(e,t);if(n!==-1)return n;let r=t[1];r.firstCreatePass&&(e.injectorIndex=t.length,hl(r.data,e),hl(t,null),hl(r.blueprint,null));let i=_l(e,t),a=e.injectorIndex;if(rl(i)){let e=il(i),n=ol(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 hl(e,t){e.push(0,0,0,0,0,0,0,0,t)}function gl(e,t){return e.injectorIndex===-1||e.parent&&e.parent.injectorIndex===e.injectorIndex||t[e.injectorIndex+8]===null?-1:e.injectorIndex}function _l(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=Ml(i),r===null)return Jc;if(n++,i=i[14],r.injectorIndex!==-1)return r.injectorIndex|n<<16}return Jc}function vl(e,t,n){pl(e,t,n)}function yl(e,t,n){if(n&8||e!==void 0)return e;Ri(t,`NodeInjector`)}function bl(e,t,n,r){if(n&8&&r===void 0&&(r=null),!(n&3)){let i=e[9],a=Ui(void 0);try{return i?i.get(t,r,n&8):Wi(t,r,n&8)}finally{Ui(a)}}return yl(r,t,n)}function xl(e,t,n,r=0,i){if(e!==null){if(t[2]&2048&&!(r&2)){let i=jl(e,t,n,r,fl);if(i!==fl)return i}let i=Sl(e,t,n,r,fl);if(i!==fl)return i}return bl(t,n,r,i)}function Sl(e,t,n,r,i){let a=El(n);if(typeof a==`function`){if(!os(t,e,r))return r&1?yl(i,n,r):bl(t,n,r,i);try{let e;if(e=a(r),e==null&&!(r&8))Ri(n);else return e}finally{ds()}}else if(typeof a==`number`){let i=null,o=gl(e,t),s=Jc,c=r&1?t[15][5]:null;for((o===-1||r&4)&&(s=o===-1?_l(e,t):t[o+8],s===Jc||!Ol(r,!1)?o=-1:(i=t[1],o=il(s),t=ol(s,t)));o!==-1;){let e=t[1];if(Dl(a,o,e.data)){let e=Cl(o,t,n,i,r,c);if(e!==fl)return e}s=t[o+8],s!==Jc&&Ol(r,t[1].data[o+8]===c)&&Dl(a,o,t)?(i=e,o=il(s),t=ol(s,t)):o=-1}}return i}function Cl(e,t,n,r,i,a){let o=t[1],s=o.data[e+8],c=wl(s,o,n,r==null?Qa(s)&&sl:r!=o&&!!(s.type&3),i&1&&a===s);return c===null?fl:Tl(t,o,c,s,i)}function wl(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&&eo(e)&&e.type===n)return c}return null}function Tl(e,t,n,r,i){let a=e[n],o=t.data;if(a instanceof Yc){let s=a;if(s.resolving)throw Li(``);let c=cl(s.canSeeViewProviders);s.resolving=!0,o[n].type||o[n];let l=s.injectImpl?Ui(s.injectImpl):null;os(e,r,0);try{a=e[n]=s.factory(void 0,i,o,e,r),t.firstCreatePass&&n>=r.directiveStart&&Bc(n,o[n],t)}finally{l!==null&&Ui(l),cl(c),s.resolving=!1,ds()}}return a}function El(e){if(typeof e==`string`)return e.charCodeAt(0)||0;let t=Object.hasOwn(e,Di)?e[Di]:void 0;return typeof t==`number`?t>=0?t&ll:Al:t}function Dl(e,t,n){let r=1<<e;return!!(n[t+(e>>ul)]&r)}function Ol(e,t){return!(e&2)&&!(e&1&&t)}var kl=class{_tNode;_lView;constructor(e,t){this._tNode=e,this._lView=t}get(e,t,n){return xl(this._tNode,this._lView,e,Zi(n),t)}};function Al(){return new kl(Ro(),w())}function jl(e,t,n,r,i){let a=e,o=t;for(;a!==null&&o!==null&&o[2]&2048&&!to(o);){let e=Sl(a,o,n,r|2,fl);if(e!==fl)return e;r&=-5;let t=a.parent;if(!t){let e=o[20];if(e){let t=e.get(n,fl,r);if(t!==fl)return t}t=Ml(o),o=o[14]}a=t}return i}function Ml(e){let t=e[1],n=t.type;return n===2?t.declTNode:n===1?e[5]:null}function Nl(e){return{token:e.token,providedIn:e.autoProvided===!1?null:`root`,factory:e.factory,value:void 0}}function Pl(){return Fl(Ro(),w())}function Fl(e,t){return new Il(so(e,t))}var Il=(()=>{class e{nativeElement;constructor(e){this.nativeElement=e}static __NG_ELEMENT_ID__=Pl}return e})();function Ll(e){return e instanceof Il?e.nativeElement:e}function Rl(){return this._results[Symbol.iterator]()}var zl=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 $r}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=ra(e);(this._changesDetected=!na(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]=Rl};function Bl(e){return(e.flags&128)==128}var Vl=(function(e){return e[e.OnPush=0]=`OnPush`,e[e.Eager=1]=`Eager`,e[e.Default=1]=`Default`,e})(Vl||{}),Hl=new Map,Ul=0;function Wl(){return Ul++}function Gl(e){Hl.set(e[19],e)}function Kl(e){Hl.delete(e[19])}var ql=`__ngContext__`;function Jl(e,t){Ya(t)?(e[ql]=t[19],Gl(t)):e[ql]=t}function Yl(e){return Zl(e[12])}function Xl(e){return Zl(e[4])}function Zl(e){for(;e!==null&&!Xa(e);)e=e[4];return e}var Ql=void 0;function $l(e){Ql=e}function eu(){if(Ql!==void 0)return Ql;if(typeof document<`u`)return document;throw new ii(210,!1)}var tu=!1,nu=new xi(``,{factory:()=>tu}),ru=new WeakMap;function iu(e,t){if(typeof e!=`object`||!e)return;let n=ru.get(e);n||(n=new WeakSet,ru.set(e,n)),n.add(t)}function au(e){return(e.flags&32)==32}var ou=()=>null;function su(e,t,n=!1){return ou(e,t,n)}function cu(e,t){let n=e.contentQueries;if(n!==null){let r=pn(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];is(i),n.contentQueries(2,t[a],a)}}}finally{pn(r)}}}function lu(e,t,n){is(0);let r=pn(null);try{t(e,n)}finally{pn(r)}}function uu(e,t,n){if(Za(t)){let r=pn(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{pn(r)}}}var du=(function(e){return e[e.Emulated=0]=`Emulated`,e[e.None=2]=`None`,e[e.ShadowDom=3]=`ShadowDom`,e[e.ExperimentalIsolatedShadowDom=4]=`ExperimentalIsolatedShadowDom`,e})(du||{}),fu=class{changingThisBreaksApplicationSecurity;constructor(e){this.changingThisBreaksApplicationSecurity=e}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${ri})`}};function pu(e){return e instanceof fu?e.changingThisBreaksApplicationSecurity:e}function mu(e,t){let n=hu(e);if(n!=null&&n!==t){if(n===`ResourceURL`&&t===`URL`)return!0;throw Error(`Required a safe ${t}, got a ${n} (see ${ri})`)}return n===t}function hu(e){return e instanceof fu&&e.getTypeName()||null}var gu=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function _u(e){return e=String(e),e.match(gu)?e:`unsafe:`+e}var vu=/^>|^->|<!--|-->|--!>|<!-$/g,yu=/(<|>)/g,bu=`​$1​`;function xu(e){return e.replace(vu,e=>e.replace(yu,bu))}function Su(e,t){return e.createText(t)}function Cu(e,t,n){e.setValue(t,n)}function wu(e,t){return e.createComment(xu(t))}function Tu(e,t,n){return e.createElement(t,n)}function Eu(e,t,n,r,i){e.insertBefore(t,n,r,i)}function Du(e,t,n){e.appendChild(t,n)}function Ou(e,t,n,r,i){r===null?Du(e,t,n):Eu(e,t,n,r,i)}function ku(e,t,n,r){e.removeChild(null,t,n,r)}function Au(e,t,n){e.setAttribute(t,`style`,n)}function ju(e,t,n){n===``?e.removeAttribute(t,`class`):e.setAttribute(t,`class`,n)}function Mu(e,t,n){let{mergedAttrs:r,classes:i,styles:a}=n;r!==null&&Qc(e,t,r),i!==null&&ju(e,t,i),a!==null&&Au(e,t,a)}function Nu(e){let t=Pu();return t?t.sanitize(ro.URL,e)||``:mu(e,`URL`)?pu(e):_u(Ni(e))}function Pu(){let e=w();return e&&e[10].sanitizer}function Fu(e){return e.ownerDocument.defaultView}function Iu(e){return e.ownerDocument}function Lu(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 Ru=`ng-template`;function zu(e,t,n,r){let i=0;if(r){for(;i<t.length&&typeof t[i]==`string`;i+=2)if(t[i]===`class`&&Lu(t[i+1].toLowerCase(),n,0)!==-1)return!0}else if(Bu(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 Bu(e){return e.type===4&&e.value!==Ru}function Vu(e,t,n){return t===(e.type===4&&!n?Ru:e.value)}function Hu(e,t,n){let r=4,i=e.attrs,a=i===null?0:qu(i),o=!1;for(let s=0;s<t.length;s++){let c=t[s];if(typeof c==`number`){if(!o&&!Uu(r)&&!Uu(c))return!1;if(o&&Uu(c))continue;o=!1,r=c|r&1;continue}if(!o){if(r&4){if(r=2|r&1,c!==``&&!Vu(e,c,n)||c===``&&t.length===1){if(Uu(r))return!1;o=!0}}else if(r&8){if(i===null||!zu(e,i,c,n)){if(Uu(r))return!1;o=!0}}else{let l=t[++s],u=Wu(c,i,Bu(e),n);if(u===-1){if(Uu(r))return!1;o=!0;continue}if(l!==``){let e;if(e=u>a?``:i[u+1].toLowerCase(),r&2&&l!==e){if(Uu(r))return!1;o=!0}}}}}return Uu(r)||o}function Uu(e){return!(e&1)}function Wu(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 Ju(t,e)}function Gu(e,t,n=!1){for(let r=0;r<t.length;r++)if(Hu(e,t[r],n))return!0;return!1}function Ku(e){let t=e.attrs;if(t!=null){let e=t.indexOf(5);if(!(e&1))return t[e+1]}return null}function qu(e){for(let t=0;t<e.length;t++){let n=e[t];if($c(n))return t}return e.length}function Ju(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 Yu(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 Xu(e,t){return e?`:not(`+t.trim()+`)`:t}function Zu(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!==``&&!Uu(o)&&(t+=Xu(a,i),i=``),r=o,a||=!Uu(r);n++}return i!==``&&(t+=Xu(a,i)),t}function Qu(e){return e.map(Zu).join(`,`)}function $u(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(!Uu(i))break;i=a}r++}return n.length&&t.push(1,...n),t}var ed={},td=(function(e){return e[e.Important=1]=`Important`,e[e.DashCase=2]=`DashCase`,e})(td||{}),nd;function rd(e,t){return nd(e,t)}var id=new xi(``,{factory:()=>!1});function ad(e){if(!e)return 0;let t=e.toLowerCase().indexOf(`ms`)>-1?1:1e3;return parseFloat(e)*t}function od(e,t){return e.getPropertyValue(t).split(`,`).map(e=>e.trim())}function sd(e){let t=od(e,`transition-property`),n=od(e,`transition-duration`),r=od(e,`transition-delay`),i={propertyName:``,duration:0,animationName:void 0};for(let e=0;e<t.length;e++){let a=ad(r[e])+ad(n[e]);a>i.duration&&(i.propertyName=t[e],i.duration=a)}return i}function cd(e){let t=od(e,`animation-name`),n=od(e,`animation-delay`),r=od(e,`animation-duration`),i=od(e,`animation-iteration-count`),a={animationName:``,propertyName:void 0,duration:0};for(let e=0;e<t.length;e++){let o=ad(n[e])+ad(r[e]),s=i[e];o>a.duration&&s!==`infinite`&&(a.animationName=t[e],a.duration=o)}return a}function ld(e,t){return e!==void 0&&e.duration>t.duration}function ud(e){return(e.animationName!=null||e.propertyName!=null)&&e.duration>0}function dd(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 fd(e,t){let n=getComputedStyle(e),r=cd(n),i=sd(n),a=r.duration>i.duration?r:i;ld(t.get(e),a)||ud(a)&&t.set(e,a)}function pd(e,t,n){if(!n)return;let r=e.getAnimations();return r.length===0?fd(e,t):md(e,t,r)}function md(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=dd(e)??0,n,i;e.animationName?i=e.animationName:n=e.transitionProperty,t>=r.duration&&(r={animationName:i,propertyName:n,duration:t})}ld(t.get(e),r)||ud(r)&&t.set(e,r)}var hd=new Set,gd=!1,_d=1,vd=typeof document<`u`&&typeof document?.documentElement?.getAnimations==`function`;function yd(e){return e[9].get(id,gd)}function bd(e,t,n){let r=Sd.get(e);if(r){for(let e of t)r.classList.push(e);for(let e of n)r.cleanupFns.push(e)}else Sd.set(e,{classList:t,cleanupFns:n})}function xd(e){let t=Sd.get(e);if(t){for(let e of t.cleanupFns)e();Sd.delete(e)}Cd.delete(e)}var Sd=new WeakMap,Cd=new WeakMap,wd=new WeakMap;function Td(e){return e?e[14]??e:null}var Ed=new WeakSet;function Dd(e,t,n){let r=wd.get(e);if(!r||r.length===0)return;let i=t.parentNode,a=t.previousSibling,o=Td(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),Ed.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 Od(e,t,n){let r=Td(n),i=wd.get(e);i?i.some(e=>e.el===t)||i.push({el:t,declarationView:r}):wd.set(e,[{el:t,declarationView:r}])}function kd(e){let t=e[26]??={};return t.enter??=new Map}function Ad(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 jd(e){return e.composedPath?e.composedPath()[0]:e.target}function Md(e,t){let n=Cd.get(t);if(n===void 0)return!0;if(t!==jd(e))return!1;let r=e.animation;if(r){let e=dd(r);if(e!==void 0&&e+_d<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 Nd(e,t,n){let r=e.get(t.index)??{animateFns:[]};r.animateFns.push(n),e.set(t.index,r)}var Pd=(function(e){return e[e.CHANGE_DETECTION=0]=`CHANGE_DETECTION`,e[e.AFTER_NEXT_RENDER=1]=`AFTER_NEXT_RENDER`,e})(Pd||{}),Fd=new xi(``),Id=new Set;function Ld(e){Id.has(e)||(Id.add(e),performance?.mark?.(`mark_feature_usage`,{detail:{feature:e}}))}var Rd=(()=>{class e{impl=null;execute(){this.impl?.execute()}static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),zd=[0,1,2,3],Bd=(()=>{class e{ngZone=C(zs);scheduler=C(cc);errorHandler=C(Zs,{optional:!0});sequences=new Set;deferredRegistrations=new Set;executing=!1;constructor(){C(Fd,{optional:!0})}execute(){let e=this.sequences.size>0;e&&zc(Ec.AfterRenderHooksStart),this.executing=!0;for(let e of zd)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&&zc(Ec.AfterRenderHooksEnd)}register(e){let{view:t}=e;t===void 0?this.executing?this.deferredRegistrations.add(e):this.addSequence(e):((t[25]??=[]).push(e),xo(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(Pd.AFTER_NEXT_RENDER,e):e()}static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Vd=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 Hd(e,t){let n=t?.injector??C(Ts);return Ld(`NgAfterNextRender`),Wd(e,n,t,!0)}function Ud(e){return e instanceof Function?[void 0,void 0,e,void 0]:[e.earlyRead,e.write,e.mixedReadWrite,e.read]}function Wd(e,t,n,r){let i=t.get(Rd);i.impl??=t.get(Bd);let a=t.get(Fd,null,{optional:!0}),o=n?.manualCleanup===!0?null:t.get(Ds),s=t.get(oc,null,{optional:!0}),c=new Vd(i.impl,Ud(e),s?.view,r,o,a?.snapshot(null));return i.impl.register(c),c}var Gd=new xi(``,{factory:()=>{let e=C(Pa),t=new Set;return e.onDestroy(()=>t.clear()),{queue:t,isScheduled:!1,scheduler:null,injector:e}}});function Kd(e,t,n){let r=e.get(Gd);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 qd(e,t){let n=e.get(Gd);if(Array.isArray(t))for(let e of t)n.queue.delete(e);else n.queue.delete(t)}function Jd(e,t){let n=e.get(Gd);if(t.detachedLeaveAnimationFns){for(let e of t.detachedLeaveAnimationFns)n.queue.delete(e);t.detachedLeaveAnimationFns=void 0}}function Yd(e){let t=e.get(Gd);t.isScheduled||=(Hd(()=>{t.isScheduled=!1;for(let e of t.queue)e();t.queue.clear()},{injector:t.injector}),!0)}function Xd(e){let t=e.get(Gd);t.scheduler=Yd,t.scheduler(e)}function Zd(e,t){for(let[n,r]of t)Kd(e,r.animateFns)}function Qd(e,t,n,r){let i=e?.[26]?.enter;t!==null&&i&&i.has(n.index)&&Zd(r,i)}function $d(e,t,n,r){try{n.get(ga)}catch{return r(!1)}let i=e?.[26];i?.enter?.has(t.index)&&qd(n,i.enter.get(t.index).animateFns);let a=ef(e,t,i);if(a.size===0){let n=!1;if(e){let r=[];nf(e,t,r),n=r.length>0}if(!n)return r(!1)}e&&hd.add(e[19]),Kd(n,()=>tf(e,t,i||void 0,a,r),i||void 0)}function ef(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 tf(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&&nf(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),af(e,t.running,i)}else Promise.allSettled(a).then(()=>{e&&hd.delete(e[19]),i(!0)})}else e&&hd.delete(e[19]),i(!1)}function nf(e,t,n){if(t.type&12){let r=e[t.index];if(Xa(r))for(let e=10;e<r.length;e++){let t=r[e];t[1].type===2&&rf(t,n)}}let r=t.child;for(;r;)nf(e,r,n),r=r.next}function rf(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;)nf(e,r,t),r=r.next}function af(e,t,n){t.then(()=>{e[26]?.running===t&&(e[26].running=void 0,hd.delete(e[19])),n(!0)})}function of(e,t,n,r,i,a,o,s){if(i!=null){let c,l=!1;Xa(i)?c=i:Ya(i)&&(l=!0,i=i[0]);let u=ao(i);e===0&&r!==null?(Qd(s,r,a,n),o==null?Du(t,r,u):Eu(t,r,u,o||null,!0)):e===1&&r!==null?(Qd(s,r,a,n),Eu(t,r,u,o||null,!0),Dd(a,u,s)):e===2?(s?.[26]?.leave?.has(a.index)&&Od(a,u,s),Ed.delete(u),$d(s,a,n,e=>{if(Ed.has(u)){Ed.delete(u);return}ku(t,u,l,e)})):e===3&&(Ed.delete(u),$d(s,a,n,()=>{t.destroyNode(u)})),c!=null&&Af(t,e,n,c,a,r,o)}}function sf(e,t){lf(e,t),t[0]=null,t[5]=null}function cf(e,t,n,r,i,a){r[0]=i,r[5]=t,Ef(e,r,n,1,i,a)}function lf(e,t){t[10].changeDetectionScheduler?.notify(9),Ef(e,t,t[11],2,null,null)}function uf(e){let t=e[12];if(!t)return pf(e[1],e);for(;t;){let n=null;if(Ya(t))n=t[12];else{let e=t[10];e&&(n=e)}if(!n){for(;t&&!t[4]&&t!==e;)Ya(t)&&pf(t[1],t),t=t[3];t===null&&(t=e),Ya(t)&&pf(t[1],t),n=t&&t[4]}t=n}}function df(e,t){let n=e[9],r=n.indexOf(t);n.splice(r,1)}function ff(e,t){if(no(t))return;let n=t[11];n.destroyNode&&Ef(e,t,n,3,null,null),uf(t)}function pf(e,t){if(no(t))return;let n=pn(null);try{t[2]&=-129,t[2]|=256,t[24]&&On(t[24]),hf(e,t),mf(e,t),t[1].type===1&&t[11].destroy();let n=t[16];if(n!==null&&Xa(t[3])){n!==t[3]&&df(n,t);let r=t[18];r!==null&&r.detachView(e)}Kl(t)}finally{pn(n)}}function mf(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 hf(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 Yc)){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];zc(Ec.LifecycleHookStart,n,i);try{i.call(n)}finally{zc(Ec.LifecycleHookEnd,n,i)}}else{zc(Ec.LifecycleHookStart,r,t);try{t.call(r)}finally{zc(Ec.LifecycleHookEnd,r,t)}}}}}function gf(e,t,n){if(t===null)throw new ii(510,!1);return _f(e,t.parent,n)}function _f(e,t,n){let r=t;for(;r!==null&&r.type&168;)t=r,r=t.parent;if(r===null)return n[0];if(Qa(r)){let{encapsulation:t}=e.data[r.directiveStart+r.componentOffset];if(t===du.None||t===du.Emulated)return null}return so(r,n)}function vf(e,t,n){return bf(e,t,n)}function yf(e,t,n){return e.type&40?so(e,n):null}var bf=yf;function xf(e,t,n,r){let i=gf(e,r,t),a=t[11],o=vf(r.parent||t[5],r,t);if(i!=null){if(Array.isArray(n))for(let e=0;e<n.length;e++)Ou(a,i,n[e],o,!1);else Ou(a,i,n,o,!1)}}function Sf(e,t){if(t!==null){let n=t.type;if(n&3)return so(t,e);if(n&4)return wf(-1,e[t.index]);if(n&8){let n=t.child;if(n!==null)return Sf(e,n);{let n=e[t.index];return Xa(n)?wf(-1,n):ao(n)}}if(n&128)return Sf(e,t.next);if(n&32)return rd(t,e)()||ao(e[t.index]);{let n=Cf(e,t);return n===null?Sf(e,t.next):Array.isArray(n)?n[0]:Sf(wo(e[15]),n)}}return null}function Cf(e,t){if(t!==null){let n=e[15][5],r=t.projection;return n.projection[r]}return null}function wf(e,t){let n=10+e+1;if(n<t.length){let e=t[n],r=e[1].firstChild;if(r!==null)return Sf(e,r)}return t[7]}function Tf(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&&Jl(ao(c),r),n.flags|=2),!au(n)){if(l&8)Tf(e,t,n.child,r,i,a,!1),of(t,e,s,i,c,n,a,r);else if(l&32){let o=rd(n,r),l;for(;l=o();)of(t,e,s,i,l,n,a,r);of(t,e,s,i,c,n,a,r)}else l&16?kf(e,t,r,n,i,a):of(t,e,s,i,c,n,a,r)}n=o?n.projectionNext:n.next}}function Ef(e,t,n,r,i,a){e.type===3?Df(n,r,t,i,a):Tf(n,r,e.firstChild,t,i,a,!1)}function Df(e,t,n,r,i){let a=n[1].firstChild,o=a.next,s=ao(n[a.index]),c=ao(n[o.index]),l=o.index+1,u=n[l];if(t===1||t===0)r!==null&&(u&&u.hasChildNodes()?Eu(e,r,u,i,!0):(Eu(e,r,s,i,!0),Eu(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 Of(e,t,n){let r=t[11];kf(r,0,t,n,gf(e,n,t),vf(n.parent||t[5],n,t))}function kf(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];of(t,e,n[9],i,c,r,a,n)}else{let n=s,c=o[3];Bl(r)&&(n.flags|=128),Tf(e,t,n,c,i,a,!0)}}function Af(e,t,n,r,i,a,o){let s=r[7];if(s!==ao(r)&&of(t,e,n,a,s,i,o),!(r[2]&4))for(let n=10;n<r.length;n++){let i=r[n];Ef(i[1],i,e,t,a,s)}}function jf(e,t,n,r,i){if(t)i?e.addClass(n,r):e.removeClass(n,r);else{let t=r.indexOf(`-`)===-1?void 0:td.DashCase;i==null?e.removeStyle(n,r,t):(typeof i==`string`&&i.endsWith(`!important`)&&(i=i.slice(0,-10),t|=td.Important),e.setStyle(n,r,i,t))}}function Mf(e,t,n,r,i,a,o,s,c,l,u){let d=27+r,f=d+i,p=Nf(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 Nf(e,t){let n=[];for(let r=0;r<t;r++)n.push(r<e?null:ed);return n}function Pf(e){let t=e.tView;return t===null||t.incompleteFirstPass?e.tView=Mf(1,null,e.template,e.decls,e.vars,e.directiveDefs,e.pipeDefs,e.viewQuery,e.schemas,e.consts,e.id):t}function Ff(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),go(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]=Wl(),d[6]=u,d[20]=l,d[15]=t.type==2?e[15]:d,d}function If(e,t,n){let r=so(t,e),i=Pf(n),a=e[10].rendererFactory,o=zf(e,Ff(e,i,null,Lf(n),r,t,null,a.createRenderer(r,n),null,null,null));return e[t.index]=o}function Lf(e){let t=16;return e.signals?t=4096:e.onPush&&(t=64),t}function Rf(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 zf(e,t){return e[12]?e[13][4]=t:e[12]=t,e[13]=t,t}function k(e=1){Bf(Lo(),w(),ms()+e,!1)}function Bf(e,t,n,r){if(!r){if((t[2]&3)==3){let r=e.preOrderCheckHooks;r!==null&&Hc(t,r,n)}else{let r=e.preOrderHooks;r!==null&&Uc(t,r,0,n)}}hs(n)}var Vf=(function(e){return e[e.None=0]=`None`,e[e.SignalBased=1]=`SignalBased`,e[e.HasDecoratorInputTransform=2]=`HasDecoratorInputTransform`,e})(Vf||{});function Hf(e,t,n,r){let i=pn(null);try{let[i,a,o]=e.inputs[n],s=null;(a&Vf.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?Oc(t,s,i,r):e.setInput(t,s,r,n,i)}finally{pn(i)}}function Uf(e,t,n,r,i){let a=ms(),o=r&2;try{hs(-1),o&&t.length>27&&Bf(e,t,27,!1),zc(o?Ec.TemplateUpdateStart:Ec.TemplateCreateStart,i,n),n(r,i)}finally{hs(a),zc(o?Ec.TemplateUpdateEnd:Ec.TemplateCreateEnd,i,n)}}function Wf(e,t,n){Zf(e,t,n),(n.flags&64)==64&&Qf(e,t,n)}function Gf(e,t,n=so){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 Kf(e,t,n,r){let i=r.get(nu,tu)||n===du.ShadowDom||n===du.ExperimentalIsolatedShadowDom;return e.selectRootElement(t,i)}function qf(e){return e===`class`?`className`:e===`for`?`htmlFor`:e===`formaction`?`formAction`:e===`innerHtml`?`innerHTML`:e===`readonly`?`readOnly`:e===`tabindex`?`tabIndex`:e}function Jf(e,t,n,r,i,a){let o=t[1];if(sp(e,o,t,n,r)){Qa(e)&&Xf(t,e.index);return}e.type&3&&(n=qf(n)),Yf(e,t,n,r,i,a)}function Yf(e,t,n,r,i,a){if(e.type&3){let o=so(e,t);r=a==null?r:a(r,e.value||``,n),i.setProperty(o,n,r)}else e.type&12}function Xf(e,t){let n=fo(t,e);n[2]&16||(n[2]|=64)}function Zf(e,t,n){let r=n.directiveStart,i=n.directiveEnd;Qa(n)&&If(t,n,e.data[r+n.componentOffset]),e.firstCreatePass||ml(n,t);let a=n.initialInputs;for(let o=r;o<i;o++){let i=e.data[o],s=Tl(t,e,o,n);if(Jl(s,t),a!==null&&rp(t,o-r,s,i,n,a),eo(i)){let r=fo(n.index,t);r[8]=Tl(t,e,o,n)}}}function Qf(e,t,n){let r=n.directiveStart,i=n.directiveEnd,a=n.index,o=es();try{hs(a);for(let n=r;n<i;n++){let r=e.data[n],i=t[n];ts(n),(r.hostBindings!==null||r.hostVars!==0||r.hostAttrs!==null)&&$f(r,i)}}finally{hs(-1),ts(o)}}function $f(e,t){e.hostBindings!==null&&e.hostBindings(1,t)}function ep(e,t){let n=e.directiveRegistry,r=null;if(n)for(let e=0;e<n.length;e++){let i=n[e];Gu(t,i.selectors,!1)&&(r??=[],eo(i)?r.unshift(i):r.push(i))}return r}function tp(e,t,n,r,i,a){let o=so(e,t);np(t[11],o,a,e.value,n,r,i)}function np(e,t,n,r,i,a,o){if(a==null)o?.(a,r||``,i),e.removeAttribute(t,i,n);else{let s=o==null?Ni(a):o(a,r||``,i);e.setAttribute(t,i,s,n)}}function rp(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];Hf(r,n,t,i)}}function ip(e,t,n,r,i){let a=27+n,o=t[1],s=i(o,t,e,r,n);t[a]=s,Vo(e,!0);let c=e.type===2;return c?(Mu(t[11],s,e),(Ao()===0||$a(e))&&Jl(s,t),jo()):Jl(s,t),xs()&&(!c||!au(e))&&xf(o,t,s,e),e}function ap(e){let t=e;return Ho()?Uo():(t=t.parent,Vo(t,!1)),t}function op(e,t){let n=e[9];if(!n)return;let r;try{r=n.get(Qs,null)}catch{r=null}r?.(t)}function sp(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];Hf(c,n[r],a,i),s=!0}if(a)for(let e of a){let a=n[e],o=t.data[e];Hf(o,a,r,i),s=!0}return s}function cp(e,t){let n=fo(t,e),r=n[1];lp(r,n);let i=n[0];i!==null&&n[6]===null&&(n[6]=su(i,n[9])),zc(Ec.ComponentStart);try{up(r,n,n[8])}finally{zc(Ec.ComponentEnd,n[8])}}function lp(e,t){for(let n=t.length;n<e.blueprint.length;n++)t.push(e.blueprint[n])}function up(e,t,n){ss(t);try{let r=e.viewQuery;r!==null&&lu(1,r,n);let i=e.template;i!==null&&Uf(e,t,i,1,n),e.firstCreatePass&&=!1,t[18]?.finishViewCreation(e),e.staticContentQueries&&cu(e,t),e.staticViewQueries&&lu(2,e.viewQuery,n);let a=e.components;a!==null&&dp(t,a)}catch(t){throw e.firstCreatePass&&=(e.incompleteFirstPass=!0,!1),t}finally{t[2]&=-5,fs()}}function dp(e,t){for(let n=0;n<t.length;n++)cp(e,t[n])}function fp(e,t,n,r){let i=pn(null);try{let i=t.tView,a=Ff(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)),up(i,a,n),a}finally{pn(i)}}function pp(e,t){return!t||t.firstChild===null||Bl(e)}function mp(e,t,n,r,i=!1){if(e.type===3){let n=e.firstChild,i=n.next,a=ao(t[n.index]),o=ao(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(Xa(a)){let e=a[7];e!==a[0]&&r.push(ao(a)),a[2]&4||hp(a,r),r.push(e)}else r.push(ao(a))}let o=n.type;if(o&8)mp(e,t,n.child,r);else if(o&32){let e=rd(n,t),i;for(;i=e();)r.push(i)}else if(o&16){let e=Cf(t,n);if(Array.isArray(e))r.push(...e);else{let n=wo(t[15]);mp(n[1],n,e,r,!0)}}n=i?n.projectionNext:n.next}return r}function hp(e,t){for(let n=10;n<e.length;n++){let r=e[n],i=r[1].firstChild;i!==null&&mp(r[1],r,i,t)}}function gp(e){if(e[25]!==null){for(let t of e[25])t.impl.addSequence(t);e[25].length=0}}var _p=[];function vp(e){return e[24]??yp(e)}function yp(e){let t=_p.pop()??Object.create(xp);return t.lView=e,t}function bp(e){e.lView[24]!==e&&(e.lView=null,_p.push(e))}var xp={...hn,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{xo(e.lView)},consumerOnSignalRead(){this.lView[24]=this}};function Sp(e){let t=e[24]??Object.create(Cp);return t.lView=e,t}var Cp={...hn,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{let t=wo(e.lView);for(;t&&!wp(t[1]);)t=wo(t);t&&_o(t)},consumerOnSignalRead(){this.lView[24]=this}};function wp(e){return e.type!==2}function Tp(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 Ep=100;function Dp(e,t=0){let n=e[10].rendererFactory;n.begin?.();try{Op(e,t)}finally{n.end?.()}}function Op(e,t){let n=Go();try{Ko(!0),Pp(e,t);let n=0;for(;yo(e);){if(n===Ep)throw new ii(103,!1);n++,Pp(e,1)}}finally{Ko(n)}}function kp(e,t,n,r){if(no(t))return;let i=t[2];ss(t);let a=!0,o=null,s=null;wp(e)?(s=vp(t),o=Cn(s)):mn()===null?(a=!1,s=Sp(t),o=Cn(s)):t[24]&&=(On(t[24]),null);try{go(t),Yo(e.bindingStartIndex),n!==null&&Uf(e,t,n,2,r);let a=(i&3)==3;if(a){let n=e.preOrderCheckHooks;n!==null&&Hc(t,n,null)}else{let n=e.preOrderHooks;n!==null&&Uc(t,n,0,null),Wc(t,0)}if(jp(t),Tp(t),Ap(t,0),e.contentQueries!==null&&cu(e,t),a){let n=e.contentCheckHooks;n!==null&&Hc(t,n)}else{let n=e.contentHooks;n!==null&&Uc(t,n,1),Wc(t,1)}Ip(e,t);let o=e.components;o!==null&&Fp(t,o,0);let s=e.viewQuery;if(s!==null&&lu(2,s,r),a){let n=e.viewCheckHooks;n!==null&&Hc(t,n)}else{let n=e.viewHooks;n!==null&&Uc(t,n,2),Wc(t,2)}if(e.firstUpdatePass===!0&&(e.firstUpdatePass=!1),t[22]){for(let e of t[22])e();t[22]=null}gp(t),t[2]&=-73}catch(e){throw xo(t),e}finally{s!==null&&(Tn(s,o),a&&bp(s)),fs()}}function Ap(e,t){for(let n=Yl(e);n!==null;n=Xl(n))for(let e=10;e<n.length;e++){let r=n[e];Np(r,t)}}function jp(e){for(let t=Yl(e);t!==null;t=Xl(t)){if(!(t[2]&2))continue;let e=t[9];for(let t=0;t<e.length;t++){let n=e[t];_o(n)}}}function Mp(e,t,n){zc(Ec.ComponentStart);let r=fo(t,e);try{Np(r,n)}finally{zc(Ec.ComponentEnd,r[8])}}function Np(e,t){po(e)&&Pp(e,t)}function Pp(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&&Dn(i)),a||=!1,i&&(i.dirty=!1),e[2]&=-9217,a)kp(n,e,n.template,e[8]);else if(r&8192){let t=pn(null);try{Tp(e),Ap(e,1);let t=n.components;t!==null&&Fp(e,t,1),gp(e)}finally{pn(t)}}}function Fp(e,t,n){for(let r=0;r<t.length;r++)Mp(e,t[r],n)}function Ip(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)hs(~r);else{let i=r,a=n[++e],o=n[++e];$o(a,i);let s=t[i];zc(Ec.HostBindingsUpdateStart,s);try{o(2,s)}finally{zc(Ec.HostBindingsUpdateEnd,s)}}}}finally{hs(-1)}}function Lp(e,t){let n=Go()?64:1088;for(e[10].changeDetectionScheduler?.notify(t);e;){e[2]|=n;let t=wo(e);if(to(e)&&!t)return e;e=t}return null}function Rp(e,t,n,r){return[e,!0,0,t,null,r,null,n,null,null]}function zp(e,t){let n=10+t;if(n<e.length)return e[n]}function Bp(e,t,n,r=!0){let i=t[1];if(Up(i,t,e,n),r){let r=wf(n,e),a=t[11],o=a.parentNode(e[7]);o!==null&&cf(i,e[5],a,t,o,r)}let a=t[6];a!==null&&a.firstChild!==null&&(a.firstChild=null)}function Vp(e,t){let n=Hp(e,t);return n!==void 0&&ff(n[1],n),n}function Hp(e,t){if(e.length<=10)return;let n=10+t,r=e[n];if(r){let i=r[16];i!==null&&i!==e&&df(i,r),t>0&&(e[n-1][4]=r[4]);let a=oa(e,10+t);sf(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 Up(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],aa(n,10+r,t)):(n.push(t),t[4]=null),t[3]=n;let o=t[16];o!==null&&n!==o&&Wp(o,t);let s=t[18];s!==null&&s.insertView(e),bo(t),t[2]|=128}function Wp(e,t){let n=e[9],r=t[3];if(Ya(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 Gp=class{_lView;_cdRefInjectingView;_appRef=null;_attachedToViewContainer=!1;exhaustive;get rootNodes(){let e=this._lView,t=e[1];return mp(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 no(this._lView)}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){let e=this._lView[3];if(Xa(e)){let t=e[8],n=t?t.indexOf(this):-1;n>-1&&(Hp(e,n),oa(t,n))}this._attachedToViewContainer=!1}ff(this._lView[1],this._lView)}onDestroy(e){So(this._lView,e)}markForCheck(){Lp(this._cdRefInjectingView||this._lView,4)}detach(){this._lView[2]&=-129}reattach(){bo(this._lView),this._lView[2]|=128}detectChanges(){this._lView[2]|=1024,Dp(this._lView)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new ii(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null;let e=to(this._lView),t=this._lView[16];t!==null&&!e&&df(t,this._lView),lf(this._lView[1],this._lView)}attachToAppRef(e){if(this._attachedToViewContainer)throw new ii(902,!1);this._appRef=e;let t=to(this._lView),n=this._lView[16];n!==null&&!t&&Wp(n,this._lView),bo(this._lView)}},Kp=(()=>{class e{_declarationLView;_declarationTContainer;elementRef;static __NG_ELEMENT_ID__=qp;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 Gp(fp(this._declarationLView,this._declarationTContainer,e,{embeddedViewInjector:t,dehydratedView:n}))}}return e})();function qp(){return Jp(Ro(),w())}function Jp(e,t){return e.type&4?new Kp(t,e,Fl(e,t)):null}function Yp(e,t,n,r,i){let a=e.data[t];if(a===null)a=Xp(e,t,n,r,i),Qo()&&(a.flags|=32);else if(a.type&64){a.type=n,a.value=r,a.attrs=i;let e=Bo();a.injectorIndex=e===null?-1:e.injectorIndex}return Vo(a,!0),a}function Xp(e,t,n,r,i){let a=zo(),o=Ho(),s=o?a:a&&a.parent,c=e.data[t]=Qp(e,s,n,t,r,i);return Zp(e,c,a,o),c}function Zp(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 Qp(e,t,n,r,i,a){let o=t?t.injectorIndex:-1,s=0;return Po()&&(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:ys(),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 $p(e){let t=e[6]??[],n=e[3][11],r=[];for(let e of t)e.data.di===void 0?em(e,n):r.push(e);e[6]=r}function em(e,t){let n=0,r=e.firstChild;if(r){let i=e.data.r;for(;n<i;){let e=r.nextSibling;ku(t,r,!1),r=e,n++}}}var tm=()=>null,nm=()=>null;function rm(e,t){return tm(e,t)}function im(e,t,n){return nm(e,t,n)}var am=class{},om=class{},sm=(()=>{class e{static ɵprov=mi({token:e,providedIn:`root`,factory:()=>null})}return e})();function cm(e){return e.debugInfo?.className||e.type.name||null}var lm={},um=class{injector;parentInjector;constructor(e,t){this.injector=e,this.parentInjector=t}get(e,t,n){let r=this.injector.get(e,lm,n);return r!==lm||t===lm?r:this.parentInjector.get(e,t,n)}};function dm(e,t,n){return e[t]=n}function fm(e,t){return e[t]}function pm(e,t,n){if(n===ed)return!1;let r=e[t];return!Object.is(r,n)&&(e[t]=n,!0)}function mm(e,t,n,r){let i=pm(e,t,n);return pm(e,t+1,r)||i}function hm(e,t,n,r,i){let a=mm(e,t,n,r);return pm(e,t+2,i)||a}function gm(e,t,n,r,i,a){let o=mm(e,t,n,r);return mm(e,t+2,i,a)||o}function _m(e,t,n){return function r(i){let a=r.__ngNativeEl__;a!==void 0&&iu(i,a),Lp(Qa(e)?fo(e.index,t):t,5);let o=t[8],s=vm(t,o,n,i),c=r.__ngNextListenerFn__;for(;c;)s=vm(t,o,c,i)&&s,c=c.__ngNextListenerFn__;return s}}function vm(e,t,n,r){let i=pn(null);try{return zc(Ec.OutputStart,t,n),n(r)!==!1}catch(t){return op(e,t),!1}finally{zc(Ec.OutputEnd,t,n),pn(i)}}function ym(e,t,n,r,i,a,o,s){let c=$a(e),l=!1,u=null;if(!r&&c&&(u=xm(t,n,a,e.index)),u!==null){let e=u.__ngLastListenerFn__||u;e.__ngNextListenerFn__=o,u.__ngLastListenerFn__=o,l=!0}else{let o=so(e,n),c=r?r(o):o;r||(s.__ngNativeEl__=o);let l=i.listen(c,a,s);bm(a)||Sm(r?t=>r(ao(t[e.index])):e.index,t,n,a,s,l,!1)}return l}function bm(e){return e.startsWith(`animation`)||e.startsWith(`transition`)}function xm(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 Sm(e,t,n,r,i,a,o){let s=t.firstCreatePass?Eo(t):null,c=To(n),l=c.length;c.push(i,a),s&&s.push(r,e,l,(l+1)*(o?-1:1))}function Cm(e,t,n,r,i,a){let o=t[n],s=t[1],c=o[s.data[n].outputs[r]].subscribe(a);Sm(e.index,s,t,i,a,c,!0)}var wm=Symbol(`BINDING`),Tm=new xi(``);function Em(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=li(i,n);else if(a==2){let i=n,a=t[++e];r=li(r,i+`: `+a+`;`)}}n?e.styles=r:e.stylesWithoutHost=r,n?e.classes=i:e.classesWithoutHost=i}function Dm(e,t=0){let n=w();return n===null?Xi(e,t):xl(Ro(),n,fi(e),t)}function Om(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}jm(e,t,n,r,a,i,s)}a!==null&&r!==null&&km(n,r,a)}function km(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 ii(-301,!1);r.push(t[e],i)}}function Am(e,t,n){t.componentOffset=n,(e.components??=[]).push(t.index)}function jm(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&&eo(a)&&(c=a,Am(e,n,i)),vl(ml(n,t),e,a.type)}Vm(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=Rf(e,t,s,null);s>0&&(n.directiveToIndex=new Map);for(let c=0;c<s;c++){let s=r[c];if(n.mergedAttrs=tl(n.mergedAttrs,s.hostAttrs),Lm(e,n,t,d,s),Bm(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++}Mm(e,n,a)}function Mm(e,t,n){for(let r=t.directiveStart;r<t.directiveEnd;r++){let i=e.data[r];if(n===null||!n.has(i))Nm(0,t,i,r),Nm(1,t,i,r),Im(t,r,!1);else{let e=n.get(i);Pm(0,t,e,r),Pm(1,t,e,r),Im(t,r,!0)}}}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 i;i=e===0?t.inputs??={}:t.outputs??={},i[n]??=[],i[n].push(r),Fm(t,n)}}function Pm(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),Fm(t,a)}}function Fm(e,t){t===`class`?e.flags|=8:t===`style`&&(e.flags|=16)}function Im(e,t,n){let{attrs:r,inputs:i,hostDirectiveInputs:a}=e;if(r===null||!n&&i===null||n&&a===null||Bu(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 Lm(e,t,n,r,i){e.data[r]=i;let a=new Yc(i.factory||=ta(i.type,!0),eo(i),Dm,null);e.blueprint[r]=a,n[r]=a,Rm(e,t,r,Rf(e,n,i.hostVars,ed),i)}function Rm(e,t,n,r,i){let a=i.hostBindings;if(a){let i=e.hostBindingOpCodes;i===null&&(i=e.hostBindingOpCodes=[]);let o=~t.index;zm(i)!=o&&i.push(o),i.push(n,r,a)}}function zm(e){let t=e.length;for(;t>0;){let n=e[--t];if(typeof n==`number`&&n<0)return n}return 0}function Bm(e,t,n){if(n){if(t.exportAs)for(let r=0;r<t.exportAs.length;r++)n[t.exportAs[r]]=e;eo(t)&&(n[``]=e)}}function Vm(e,t,n){e.flags|=1,e.directiveStart=t,e.directiveEnd=t+n,e.providerIndexes=t}function Hm(e,t,n,r,i,a,o,s){let c=t[1],l=c.consts,u=Yp(c,e,n,r,ho(l,o));return a&&Om(c,t,u,ho(l,s),i),u.mergedAttrs=tl(u.mergedAttrs,u.attrs),u.attrs!==null&&Em(u,u.attrs,!1),u.mergedAttrs!==null&&Em(u,u.mergedAttrs,!0),c.queries!==null&&c.queries.elementStart(c,u),u}function Um(e,t){Vc(e,t),Za(t)&&e.queries.elementEnd(t)}function Wm(e,t,n,r,i,a){let o=t.consts,s=Yp(t,e,n,r,ho(o,i));if(s.mergedAttrs=tl(s.mergedAttrs,s.attrs),a!=null){let e=ho(o,a);s.localNames=[];for(let t=0;t<e.length;t+=2)s.localNames.push(e[t],-1)}return s.attrs!==null&&Em(s,s.attrs,!1),s.mergedAttrs!==null&&Em(s,s.mergedAttrs,!0),t.queries!==null&&t.queries.elementStart(t,s),s}var Gm=typeof ShadowRoot<`u`,Km=typeof Document<`u`;function qm(e){return Object.keys(e).map(t=>{let[n,r,i]=e[t],a={propName:n,templateName:t,isSignal:(r&Vf.SignalBased)!==0};return i&&(a.transform=i),a})}function Jm(e){return Object.keys(e).map(t=>({propName:e[t],templateName:t}))}function Ym(e,t,n){let r=t instanceof Pa?t:t?.injector;return r&&e.getStandaloneInjector!==null&&(r=e.getStandaloneInjector(r)||r),r?new um(n,r):n}function Xm(e){let t=e.get(om,null);if(t===null)throw new ii(407,!1);return{rendererFactory:t,sanitizer:e.get(sm,null),changeDetectionScheduler:e.get(cc,null),ngReflect:!1,tracingService:e.get(Fd,null,{optional:!0})}}function Zm(e,t,n){let r=$m(e);return Tu(t,r,r===`svg`?`svg`:r===`math`?io:n)}function Qm(e){if((e&&`localName`in e&&typeof e.localName==`string`?e.localName:e?.tagName)?.toLowerCase()===`script`)throw new ii(905,!1)}function $m(e){return(e.selectors[0][0]||`div`).toLowerCase()}var eh=class{componentDef;ngModule;selector;componentType;ngContentSelectors;isBoundToModule;cachedInputs=null;cachedOutputs=null;get inputs(){return this.cachedInputs??=qm(this.componentDef.inputs),this.cachedInputs}get outputs(){return this.cachedOutputs??=Jm(this.componentDef.outputs),this.cachedOutputs}constructor(e,t){this.componentDef=e,this.ngModule=t,this.componentType=e.type,this.selector=Qu(e.selectors),this.ngContentSelectors=e.ngContentSelectors??[],this.isBoundToModule=!!t}create(e,t,n,r,i,a,o){zc(Ec.DynamicComponentStart);let s=pn(null);try{let s=this.componentDef,c=Ym(s,r||this.ngModule,e),l=Xm(c),u=l.tracingService;return u&&u.componentCreate?u.componentCreate(cm(s),()=>this.createComponentRef(l,c,t,n,i,a,o)):this.createComponentRef(l,c,t,n,i,a,o)}finally{pn(s)}}createComponentRef(e,t,n,r,i,a,o){let s=this.componentDef,c=th(r,s,a,i),l=e.rendererFactory.createRenderer(null,s),u=r?Kf(l,r,s.encapsulation,t):Zm(s,l,o??null);Qm(u);let d=t.get(Tm,null),f=nh(u,()=>t.get(Es,null)??eu());d&&d.addHost(f);let p=a?.some(ih)||i?.some(e=>typeof e!=`function`&&e.bindings.some(ih)),m=Ff(null,c,null,512|Lf(s),null,null,e,l,t,null,su(u,t,!0));d&&Gm&&f instanceof ShadowRoot&&So(m,()=>{d.removeHost(f)}),m[27]=u,ss(m);let h=null;try{let e=Hm(27,m,2,`#host`,()=>c.directiveRegistry,!0,0);Mu(l,u,e),Jl(u,m),Wf(c,m,e),uu(c,e,m),Um(c,e),n!==void 0&&oh(e,this.ngContentSelectors,n),h=fo(e.index,m),m[8]=h[8],up(c,m,null)}catch(e){throw h!==null&&Kl(h),Kl(m),e}finally{zc(Ec.DynamicComponentEnd),fs()}return new ah(this.componentType,m,!!p)}};function th(e,t,n,r){let i=e?[`ng-version`,`22.1.7`]:$u(t.selectors[0]),a=null,o=null,s=0;if(n)for(let e of n)s+=e[wm].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[wm].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=Ai(typeof e==`function`?e:e.type);c.push(t)}return Mf(0,null,rh(a,o),1,s,c,null,null,null,[i],null)}function nh(e,t){let n=e.getRootNode?.();return Km&&n instanceof Document?n.head:n&&Gm&&n instanceof ShadowRoot?n:t().head}function rh(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 ih(e){let t=e[wm].kind;return t===`input`||t===`twoWay`}var ah=class extends am{_rootLView;_hasInputBindings;instance;hostView;changeDetectorRef;componentType;location;previousInputValues=null;_tNode;constructor(e,t,n){super(),this._rootLView=t,this._hasInputBindings=n,this._tNode=co(t[1],27),this.location=Fl(this._tNode,t),this.instance=fo(this._tNode.index,t)[8],this.hostView=this.changeDetectorRef=new Gp(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;sp(n,r[1],r,e,t),this.previousInputValues.set(e,t),Lp(fo(n.index,r),1)}get injector(){return new kl(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(e){this.hostView.onDestroy(e)}};function oh(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 sh=(()=>{class e{static __NG_ELEMENT_ID__=ch}return e})();function ch(){return fh(Ro(),w())}var lh=class e extends sh{_lContainer;_hostTNode;_hostLView;constructor(e,t,n){super(),this._lContainer=e,this._hostTNode=t,this._hostLView=n}get element(){return Fl(this._hostTNode,this._hostLView)}get injector(){return new kl(this._hostTNode,this._hostLView)}get parentInjector(){let e=_l(this._hostTNode,this._hostLView);if(rl(e)){let t=ol(e,this._hostLView),n=il(e),r=t[1].data[n+8];return new kl(r,t)}return new kl(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(e){let t=uh(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=rm(this._lContainer,e.ssrId),o=e.createEmbeddedViewImpl(t||{},i,a);return this.insertImpl(o,r,pp(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 eh(ki(e)),u=n||this.parentInjector;if(!i&&l.ngModule==null){let e=this.parentInjector.get(Pa,null);e&&(i=e)}let d=ki(l.componentType??{}),f=rm(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,pp(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(mo(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 Bp(o,i,a,r),t.attachToViewContainerRef(),aa(dh(o),a,t),t}move(e,t){return this.insert(e,t)}indexOf(e){let t=uh(this._lContainer);return t===null?-1:t.indexOf(e)}remove(e){let t=this._adjustIndex(e,-1),n=Hp(this._lContainer,t);n&&(oa(dh(this._lContainer),t),ff(n[1],n))}detach(e){let t=this._adjustIndex(e,-1),n=Hp(this._lContainer,t);return n&&oa(dh(this._lContainer),t)!=null?new Gp(n):null}_adjustIndex(e,t=0){return e??this.length+t}};function uh(e){return e[8]}function dh(e){return e[8]||=[]}function fh(e,t){let n,r=t[e.index];return Xa(r)?n=r:(n=Rp(r,t,null,e),t[e.index]=n,zf(t,n)),mh(n,t,e,r),new lh(n,e,t)}function ph(e,t){let n=e[11],r=n.createComment(``),i=so(t,e);return Eu(n,n.parentNode(i),r,n.nextSibling(i),!1),r}var mh=_h,hh=()=>!1;function gh(e,t,n){return hh(e,t,n)}function _h(e,t,n,r){if(e[7])return;let i;i=n.type&8?ao(r):ph(t,n),e[7]=i}var vh=class e{queryList;matches=null;constructor(e){this.queryList=e}clone(){return new e(this.queryList)}setDirty(){this.queryList.setDirty()}},yh=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++)Ph(e,t).matches!==null&&this.queries[t].setDirty()}},bh=class{flags;read;predicate;constructor(e,t,n=null){this.flags=t,this.read=n,this.predicate=typeof e==`string`?Mh(e):e}},xh=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)}},Sh=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,Ch(t,i)),this.matchTNodeWithReadOption(e,t,wl(t,e,i,!1,!1))}else n===Kp?t.type&4&&this.matchTNodeWithReadOption(e,t,-1):this.matchTNodeWithReadOption(e,t,wl(t,e,n,!1,!1))}matchTNodeWithReadOption(e,t,n){if(n!==null){let r=this.metadata.read;if(r!==null){if(r===Il||r===sh||r===Kp&&t.type&4)this.addMatch(t.index,-2);else{let n=wl(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 Ch(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 wh(e,t){return e.type&11?Fl(e,t):e.type&4?Jp(e,t):null}function Th(e,t,n,r){return n===-1?wh(t,e):n===-2?Eh(e,t,r):Tl(e,e[1],n,t)}function Eh(e,t,n){if(n===Il)return Fl(t,e);if(n===Kp)return Jp(t,e);if(n===sh)return fh(t,e)}function Dh(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(Th(t,s,a[e+1],n.metadata.read))}}i.matches=o}return i.matches}function Oh(e,t,n,r){let i=e.queries.getByIndex(n),a=i.matches;if(a!==null){let o=Dh(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]&&Oh(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];Oh(n[1],n,i,r)}}}}}return r}function kh(e,t){return e[18].queries[t].queryList}function Ah(e,t,n){let r=new zl((n&4)==4);return Do(e,t,r,r.destroy),(t[18]??=new yh).queries.push(new vh(r))-1}function jh(e,t,n){let r=Lo();return r.firstCreatePass&&(Nh(r,new bh(e,t,n),-1),(t&2)==2&&(r.staticViewQueries=!0)),Ah(r,w(),t)}function Mh(e){return e.split(`,`).map(e=>e.trim())}function Nh(e,t,n){e.queries===null&&(e.queries=new xh),e.queries.track(new Sh(t,n))}function Ph(e,t){return e.queries.getByIndex(t)}function Fh(e,t){let n=e[1],r=Ph(n,t);return r.crossesNgTemplate?Oh(n,e,t,[]):Dh(n,e,r,t)}function Ih(e,t,n){let r,i=Pn(()=>{r._dirtyCounter();let n=Bh(r,e);if(t&&n===void 0)throw new ii(-951,!1);return n});return r=i[fn],r._dirtyCounter=O(0),r._flatValue=void 0,i}function Lh(e){return Ih(!0,!1,e)}function Rh(e){return Ih(!0,!0,e)}function zh(e,t){let n=e[fn];n._lView=w(),n._queryIndex=t,n._queryList=kh(n._lView,t),n._queryList.onDirty(()=>n._dirtyCounter.update(e=>e+1))}function Bh(e,t){let n=e._lView,r=e._queryIndex;if(n===void 0||r===void 0||n[2]&4)return t?void 0:ma;let i=kh(n,r),a=Fh(n,r);return i.reset(a,Ll),t?i.first:i._changesDetected||e._flatValue===void 0?e._flatValue=i.toArray():e._flatValue}function Vh(e){return!!e&&typeof e.then==`function`}function Hh(e){return!!e&&typeof e.subscribe==`function`}var Uh=class{},Wh=class extends Uh{injector;instance=null;constructor(e){super();let t=new Fa([...e.providers,{provide:Uh,useValue:this}],e.parent||Na(),e.debugName,new Set([`environment`]));this.injector=t,e.runEnvironmentInitializers&&t.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(e){this.injector.onDestroy(e)}};function Gh(e,t,n=null){return new Wh({providers:e,parent:t,debugName:n,runEnvironmentInitializers:!0}).injector}var Kh=(()=>{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=ba(!1,e.type),n=t.length>0?Gh([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=mi({token:e,providedIn:`environment`,factory:()=>new e(Xi(Pa))})}return e})();function A(e){return Tc(()=>{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!==Vl.Eager,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&e.dependencies||null,getStandaloneInjector:t.standalone?e=>e.get(Kh).getOrCreateStandaloneInjector(n):null,getExternalStyles:null,signals:e.signals??!1,data:e.data||{},encapsulation:e.encapsulation||du.Emulated,styles:e.styles||ma,_:null,schemas:e.schemas||null,tView:null,id:``};t.standalone&&Ld(`NgStandalone`),$h(n);let r=e.dependencies;return n.directiveDefs=eg(r,qh),n.pipeDefs=eg(r,ji),n.id=tg(n),n})}function qh(e){return ki(e)||Ai(e)}function Jh(e,t){if(e==null)return pa;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=Vf.None,c=null),n[a]=[r,s,c],t[a]=o}return n}function Yh(e){if(e==null)return pa;let t={};for(let n in e)Object.hasOwn(e,n)&&(t[e[n]]=n);return t}function Xh(e){return Tc(()=>{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||pa,exportAs:e.exportAs||null,standalone:e.standalone??!0,signals:e.signals===!0,selectors:e.selectors||ma,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 xi(``),rg=(()=>{class e{resolve;reject;initialized=!1;done=!1;donePromise=new Promise((e,t)=>{this.resolve=e,this.reject=t});appInits=C(ng,{optional:!0})??[];injector=C(Ts);constructor(){}runInitializers(){if(this.initialized)return;let e=[];for(let t of this.appInits){let n=Ka(this.injector,t);if(Vh(n))e.push(n);else if(Hh(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=Nl({token:e,factory:e.ɵfac})}return e})();function ig(e,t,n,r,i,a,o,s){if(n.firstCreatePass){e.mergedAttrs=tl(e.mergedAttrs,e.attrs);let t=e.tView=Mf(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),Vo(e,!1);let c=cg(n,t,e,r);xs()&&xf(n,t,c,e),Jl(c,t);let l=Rp(c,t,c,e);t[r+27]=l,zf(t,l),gh(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=Yp(t,d,4,o||null,s||null),No()&&Om(t,e,f,ho(t.consts,l),ep),Vc(t,f)):f=t.data[d],ig(f,e,t,n,r,i,a,c),$a(f)&&Wf(t,e,f),l!=null&&Gf(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=Yp(t,d,4,o||null,s||null),l!=null){let e=ho(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&&Gf(e,f,u),f}function sg(e,t,n,r,i,a,o,s){let c=w(),l=Lo();return ag(c,l,e,t,n,r,i,ho(l.consts,a),void 0,o,s),sg}var cg=lg;function lg(e,t,n,r){return Ss(!0),t[11].createComment(``)}var ug=new xi(``),dg=new xi(``);function fg(){Hn(()=>{throw new ii(600,``)})}var pg=10,mg=(()=>{class e{_runningTick=!1;_destroyed=!1;_destroyListeners=[];_views=[];internalErrorHandler=C(Qs);afterRenderManager=C(Rd);zonelessEnabled=C(lc);rootEffectScheduler=C(dc);dirtyFlags=0;tracingSnapshot=null;allTestViews=new Set;autoDetectTestViews=new Set;includeAllTestViews=!1;afterTick=new $r;get allViews(){return[...(this.includeAllTestViews?this.allTestViews:this.autoDetectTestViews).keys(),...this._views]}get destroyed(){return this._destroyed}componentTypes=[];components=[];internalPendingTask=C(js);get isStable(){return this.internalPendingTask.hasPendingTasksObservable.pipe(ni(e=>!e))}constructor(){C(Fd,{optional:!0})}whenStable(){let e;return new Promise(t=>{e=this.isStable.subscribe({next:e=>{e&&t()}})}).finally(()=>{e.unsubscribe()})}_injector=C(Pa);_rendererFactory=null;get injector(){return this._injector}bootstrap(e,t){return this.bootstrapImpl(e,t)}bootstrapImpl(e,t,n=Ts.NULL){return this._injector.get(zs).run(()=>{if(zc(Ec.BootstrapComponentStart),!this._injector.get(rg).done)throw new ii(405,``);let r=ki(e),i=this._injector.get(Uh),a=new eh(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),zc(Ec.BootstrapComponentEnd,u),u})}tick(){this.zonelessEnabled||(this.dirtyFlags|=1),this._tick()}_tick(){zc(Ec.ChangeDetectionStart),this.tracingSnapshot===null?this.tickImpl():this.tracingSnapshot.run(Pd.CHANGE_DETECTION,this.tickImpl)}tickImpl=()=>{if(this._runningTick)throw zc(Ec.ChangeDetectionEnd),new ii(101,!1);let e=pn(null);try{this._runningTick=!0,this.synchronize()}finally{this._runningTick=!1,this.tracingSnapshot?.dispose(),this.tracingSnapshot=null,pn(e),this.afterTick.next(),zc(Ec.ChangeDetectionEnd)}};synchronize(){this._rendererFactory===null&&!this._injector.destroyed&&(this._rendererFactory=this._injector.get(om,null,{optional:!0}));let e=0;for(;this.dirtyFlags!==0&&e++<pg;){zc(Ec.ChangeDetectionSyncStart);try{this.synchronizeOnce()}finally{zc(Ec.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||yo(n))&&(Dp(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})=>yo(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 ii(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=Nl({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=w();return pm(i,Xo(),t)&&(Lo(),tp(gs(),i,e,t,n,r)),j}function _g(e){if(Ld(`NgAnimateEnter`),!vd)return _g;let t=w();if(yd(t))return _g;let n=Ro(),r=t[9].get(zs);return Nd(kd(t),n,()=>vg(t,n,e,r)),Xd(t[9]),Zd(t[9],kd(t)),_g}function vg(e,t,n,r){let i=so(t,e),a=e[11],o=Ad(n),s=[],c=!1,l=e=>{if(jd(e)!==i)return;let t=e instanceof AnimationEvent?`animationend`:`transitionend`;r.runOutsideAngular(()=>{a.listen(i,t,u)})},u=e=>{jd(e)===i&&(Md(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))}),bd(i,o,s);for(let e of o)a.addClass(i,e);r.runOutsideAngular(()=>{requestAnimationFrame(()=>{if(!c&&(pd(i,Cd,vd),!Cd.has(i))){for(let e of o)a.removeClass(i,e);xd(i)}})})}}function yg(e,t,n){let r=Sd.get(t);if(jd(e)===t&&r&&Md(e,t)){e.stopPropagation();for(let e of r.classList)n.removeClass(t,e);xd(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)){pn(r);let c=t.length-1;for(pn(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){pn(r);let c=t[Symbol.iterator]();pn(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){Ld(`NgControlFlow`);let c=w(),l=Lo();return og(c,l,e,t,n,r,i,ho(l.consts,a),256,o,s),Dg}function Dg(e,t,n,r,i,a,o,s){Ld(`NgControlFlow`);let c=w(),l=Lo();return og(c,l,e,t,n,r,i,ho(l.consts,a),512,o,s),Dg}function N(e,t){Ld(`NgControlFlow`);let n=w(),r=Xo(),i=n[r]===ed?-1:n[r],a=i===-1?void 0:Ng(n,27+i);if(pm(n,r,e)){let r=pn(null);try{if(a!==void 0&&Vp(a,0),e!==-1){let r=27+e,i=Ng(n,r),a=Rg(n[1],r),o=im(i,a,n);Bp(i,fp(n,a,t,{dehydratedView:o}),0,pp(a,o))}}finally{pn(r)}}else if(a!==void 0){let e=zp(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){Ld(`NgControlFlow`);let p=w(),m=Lo(),h=c!==void 0,g=w(),_=new jg(h,s?o.bind(g[15][8]):o);g[27+e]=_,og(p,m,e+1,t,n,r,i,ho(m.consts,a),256),h&&og(p,m,e+2,c,l,u,d,ho(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,Bp(this.lContainer,t,e,pp(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=rm(this.lContainer,this.templateTNode.tView.ssrId);return fp(this.hostLView,this.templateTNode,new Og(this.lContainer,t,e),{dehydratedView:n})}destroy(e){ff(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=pn(null),n=ms();try{let r=w(),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=Xo(),t=c.length===0;if(pm(r,e,t)){let e=n+2,a=Ng(r,e);if(t){let t=Rg(i,e),n=im(a,t,r);Bp(a,fp(r,t,void 0,{dehydratedView:n}),0,pp(t,n))}else i.firstUpdatePass&&$p(a),Vp(a,0)}}}finally{pn(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];Jd(e,r),hd.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 Hp(e,t)}function Lg(e,t){return zp(e,t)}function Rg(e,t){return co(e,t)}function I(e,t,n){let r=w();return pm(r,Xo(),t)&&(Lo(),Jf(gs(),r,e,t,r[11],n)),I}function zg(e,t,n,r,i){sp(t,e,n,i?`class`:`style`,r)}function L(e,t,n,r){let i=w(),a=i[1],o=e+27,s=a.firstCreatePass?Hm(o,i,2,t,ep,No(),n,r):a.data[o];if(Qa(s)){let n=i[10].tracingService;if(n&&n.componentCreate){let o=a.data[s.directiveStart+s.componentOffset];return n.componentCreate(cm(o),()=>(Bg(e,t,i,s,r),L))}}return Bg(e,t,i,s,r),L}function Bg(e,t,n,r,i){if(ip(r,n,e,t,Hg),$a(r)){let e=n[1];Wf(e,n,r),uu(e,r,n)}i!=null&&Gf(n,r)}function R(){let e=Lo(),t=ap(Ro());return e.firstCreatePass&&Um(e,t),Fo(t)&&Io(),Mo(),t.classesWithoutHost!=null&&Xc(t)&&zg(e,t,w(),t.classesWithoutHost,!0),t.stylesWithoutHost!=null&&Zc(t)&&zg(e,t,w(),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=w(),a=i[1],o=e+27,s=a.firstCreatePass?Wm(o,a,2,t,n,r):a.data[o];return ip(s,i,e,t,Hg),r!=null&&Gf(i,s),B}function V(){return Fo(ap(Ro()))&&Io(),Mo(),V}function Vg(e,t,n,r){return B(e,t,n,r),V(),Vg}var Hg=(e,t,n,r,i)=>(Ss(!0),Tu(t[11],r,ys()));function Ug(e,t,n){let r=w(),i=r[1],a=e+27,o=i.firstCreatePass?Hm(a,r,8,`ng-container`,ep,No(),t,n):i.data[a];if(ip(o,r,e,`ng-container`,Kg),$a(o)){let e=r[1];Wf(e,r,o),uu(e,o,r)}return n!=null&&Gf(r,o),Ug}function Wg(){let e=Lo(),t=ap(Ro());return e.firstCreatePass&&Um(e,t),Wg}function Gg(e,t,n){return Ug(e,t,n),Wg(),Gg}var Kg=(e,t,n,r,i)=>(Ss(!0),wu(t[11],``));function H(){return w()}function qg(e,t,n){let r=w();return pm(r,Xo(),t)&&(Lo(),Yf(gs(),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 ii(701,!1)}function $g(e){if(!(e in Zg)){let t=Gi.ng&&Gi.ng.common&&Gi.ng.common.locales&&Gi.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=w(),i=Lo(),a=Ro();return i_(i,r,r[11],a,e,t,n),U}function W(e,t,n){let r=w(),i=Lo(),a=Ro();return(a.type&3||n)&&ym(a,i,r,n,r[11],e,t,_m(a,r,t)),W}function i_(e,t,n,r,i,a,o){let s=!0,c=null;if((r.type&3||o)&&(c??=_m(r,t,a),ym(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??=_m(r,t,a),Cm(r,t,o,s,i,c)}if(e&&e.length)for(let n of e)c??=_m(r,t,a),Cm(r,t,n,i,i,c)}}function G(e=1){return ps(e)}function a_(e,t){let n=null,r=Ku(e);for(let i=0;i<t.length;i++){let a=t[i];if(a===`*`){n=i;continue}if(r===null?Gu(e,a,!0):Yu(r,a))return i}return n}function o_(e){let t=w()[15][5];if(!t.projection){let n=t.projection=sa(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=w(),s=Lo(),c=r?e+1:null;c!==null&&og(o,s,c,r,i,a,null,n);let l=Yp(s,27+e,16,null,n||null);l.projection===null&&(l.projection=t),Uo();let u=!o[6]||Po();o[15][5].projection[l.projection]===null&&c!==null?c_(o,s,c):u&&!au(l)&&Of(s,o,l)}function c_(e,t,n){let r=27+n,i=t.data[r],a=e[r],o=rm(a,i.tView.ssrId);Bp(a,fp(e,i,void 0,{dehydratedView:o}),0,pp(i,o))}function l_(e,t,n,r){return zh(e,jh(t,n,r)),l_}function u_(e=1){is(rs()+e)}function d_(e){return lo(Wo(),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||da(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`&&da(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`?da(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))la(e,E_(t),!0)}function P_(e,t,n,r){let i=w(),a=Lo(),o=Zo(2);if(a.firstUpdatePass&&L_(a,e,o,r),t!==ed&&pm(i,o,t)){let s=a.data[ms()];q_(a,s,i,i[11],e,i[o+1]=X_(t,n),r,o)}}function F_(e,t,n,r){let i=Lo(),a=Zo(2);i.firstUpdatePass&&L_(i,null,a,r);let o=w();if(n!==ed&&pm(o,a,n)){let s=i.data[ms()];if(Z_(s,r)&&!I_(i,a)){let e=r?s.classesWithoutHost:s.stylesWithoutHost;e!==null&&(n=li(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[ms()],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=ns(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]),la(e,o,n?!0:t[++a]))}return e===void 0?null:e}function W_(e,t,n){if(n==null||n===``)return ma;let r=[],i=pu(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(` `)&&la(e,r,n)}function K_(e,t,n,r,i,a,o,s){i===ed&&(i=ma);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)),jf(r,o,oo(ms(),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===ed&&(u=l?ma:void 0);let d=l?ua(u,r):c===r?u:void 0;if(a&&!Y_(d)&&(d=ua(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=ua(e,r))}return s}function Y_(e){return e!==void 0}function X_(e,t){return e==null||e===``||(typeof t==`string`?e=pu(e)+t:typeof e==`object`&&(e=ci(pu(e)))),e}function Z_(e,t){return!!(e.flags&(t?8:16))}function J(e,t=``){let n=w(),r=Lo(),i=e+27,a=r.firstCreatePass?Yp(r,i,1,t,null):r.data[i],o=Q_(r,n,a,t);n[i]=o,xs()&&xf(r,n,o,a),Vo(a,!1)}var Q_=(e,t,n,r)=>(Ss(!0),Su(t[11],r));function $_(e,t,n,r=``){return pm(e,Xo(),n)?t+Ni(n)+r:ed}function ev(e,t,n,r,i,a=``){let o=mm(e,Jo(),n,i);return Zo(2),o?t+Ni(n)+r+Ni(i)+a:ed}function tv(e,t,n,r,i,a,o,s=``){let c=hm(e,Jo(),n,i,o);return Zo(3),c?t+Ni(n)+r+Ni(i)+a+Ni(o)+s:ed}function nv(e,t,n,r,i,a,o,s,c,l=``){let u=gm(e,Jo(),n,i,o,c);return Zo(4),u?t+Ni(n)+r+Ni(i)+a+Ni(o)+s+Ni(c)+l:ed}function Y(e){return X(``,e),Y}function X(e,t,n){let r=w(),i=$_(r,e,t,n);return i!==ed&&av(r,ms(),i),X}function Z(e,t,n,r,i){let a=w(),o=ev(a,e,t,n,r,i);return o!==ed&&av(a,ms(),o),Z}function rv(e,t,n,r,i,a,o){let s=w(),c=tv(s,e,t,n,r,i,a,o);return c!==ed&&av(s,ms(),c),rv}function iv(e,t,n,r,i,a,o,s,c){let l=w(),u=nv(l,e,t,n,r,i,a,o,s,c);return u!==ed&&av(l,ms(),u),iv}function av(e,t,n){let r=oo(t,e);Cu(e[11],r,n)}function ov(e,t,n){Sc(t)&&(t=t());let r=w();return pm(r,Xo(),t)&&(Lo(),Jf(gs(),r,e,t,r[11],n)),ov}function sv(e,t){let n=Sc(e);return n&&e.set(t),n}function cv(e,t){let n=w(),r=Lo(),i=Ro();return i_(r,n,n[11],i,e,t),cv}var lv={};function uv(e){Ld(`NgLet`);let t=Lo(),n=w(),r=e+27;return Vo(Yp(t,r,128,null,null),!1),uo(t,n,r,lv),uv}function dv(e){return uo(Lo(),w(),ms(),e),e}function fv(e){let t=lo(Wo(),27+e);if(t===lv)throw new ii(314,!1);return t}function pv(e,t,n=``){return $_(w(),e,t,n)}function mv(e,t){let n=qo()+e,r=w();return r[n]===ed?dm(r,n,t()):fm(r,n)}function hv(e,t,n){return vv(w(),qo(),e,t,n)}function gv(e,t,n,r,i){return bv(w(),qo(),e,t,n,r,i)}function _v(e,t){let n=e[t];return n===ed?void 0:n}function vv(e,t,n,r,i,a){let o=t+n;return pm(e,o,i)?dm(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 mm(e,s,i,a)?dm(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 hm(e,c,i,a,o)?dm(e,c+3,s?r.call(s,i,a,o):r(i,a,o)):_v(e,c+3)}function xv(e,t){let n=Lo(),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=ta(r.type,!0)),o=Ui(Dm);try{let e=cl(!1),t=a();return cl(e),uo(n,w(),i,t),t}finally{Ui(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=w(),a=lo(i,r);return Tv(i,r)?vv(i,qo(),t,a.transform,n,a):a.transform(n)}function wv(e,t,n,r){let i=e+27,a=w(),o=lo(a,i);return Tv(a,i)?yv(a,qo(),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 Jp(e,t)}var Dv=(()=>{class e{applicationErrorHandler=C(Qs);appRef=C(mg);taskService=C(js);ngZone=C(zs);zonelessEnabled=C(lc);tracing=C(Fd,{optional:!0});zoneIsDefined=typeof Zone<`u`&&!!Zone.root.run;schedulerTickApplyArgs=[{data:{__scheduler_tick__:!0}}];subscriptions=new _r;angularZoneId=this.zoneIsDefined?this.ngZone._inner?.get(Ls):null;scheduleInRootZone=!this.zonelessEnabled&&this.zoneIsDefined&&(C(uc,{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?Fs:Ps;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=Nl({token:e,factory:e.ɵfac})}return e})();function Ov(){return[{provide:cc,useExisting:Dv},{provide:zs,useClass:qs},{provide:lc,useValue:!0}]}function kv(){return typeof $localize<`u`&&$localize.locale||`en-US`}var Av=new xi(``,{factory:()=>C(Av,{optional:!0,skipSelf:!0})||kv()}),jv=class{destroyed=!1;listeners=null;errorHandler=C(Zs,{optional:!0});isEmitting=!1;hasNullListeners=!1;destroyRef=C(Ds);constructor(){this.destroyRef.onDestroy(()=>{this.destroyed=!0,this.listeners=null})}subscribe(e){if(this.destroyed)throw new ii(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(oi(953,!1));return}if(this.listeners===null)return;this.isEmitting=!0;let t=pn(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)),pn(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 Pn(e,t?.equal)}function Nv(e){return sr(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(rr(e,Pv,t?.equal),t?.debugName,t?.set):Iv(rr(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=>ir(r,e);i.set=e=>n(e,t),i.update=r=>n(r(Nv(e)),t)}else i.set=e=>ir(r,e),i.update=e=>ar(r,e);return i.asReadonly=ec.bind(e),i}function Lv(e,t){let n=Object.create(wc);n.value=e,n.transformFn=t?.transform;function r(){if(gn(n),n.value===Cc)throw new ii(-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(Cc,e)}var $=(zv.required=Bv,zv);function Vv(e,t){let n=Object.create(wc),r=new jv;n.value=e;function i(){return gn(n),Hv(n.value),n.value}return i[fn]=n,i.asReadonly=ec.bind(i),i.set=e=>{n.equal(n.value,e)||(Kn(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===Cc)throw new ii(952,!1)}function Uv(e,t){return Vv(e,t)}function Wv(e){return Vv(Cc,e)}var Gv=(Uv.required=Wv,Uv);function Kv(e,t){return Lh(t)}function qv(e,t){return Rh(t)}var Jv=(Kv.required=qv,Kv),Yv=new xi(``),Xv=new xi(``);function Zv(e){return!e.moduleRef}function Qv(e){let t=Zv(e)?e.r3Injector:e.moduleRef.injector,n=t.get(zs);return n.run(()=>{Zv(e)?e.r3Injector.resolveInjectorInitializers():e.moduleRef.resolveInjectorInitializers();let r=t.get(Qs),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(js),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 Vh(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 Ts.create({name:t,providers:[{provide:ka,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(rc,null);Ka(e,()=>{t?.forEach(e=>e())})}function ay(e){let{rootComponent:t,appProviders:n,platformProviders:r,platformRef:i}=e;zc(Ec.BootstrapApplicationStart);try{let e=i?.injector??ry(r);return Qv({r3Injector:new Wh({providers:[Ov(),$s,...n||[]],parent:e,debugName:``,runEnvironmentInitializers:!1}).injector,platformInjector:e,rootComponent:t})}catch(e){return Promise.reject(e)}finally{zc(Ec.BootstrapApplicationEnd)}}function oy(e){return typeof e==`boolean`?e:e!=null&&e!==`false`}var sy=Symbol(`NOT_SET`),cy=new Set,ly={...Jn,kind:`afterRenderEffectPhase`,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,value:sy,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!==sy&&!Dn(this)))return this.signal;try{for(let e of this.cleanup??cy)e()}finally{this.cleanup?.clear()}let t=[];e!==void 0&&t.push(e),t.push(this.registerCleanupFn);let n=Cn(this),r;try{r=this.userFn.apply(null,t)}finally{Tn(this,n)}return(this.value===sy||!this.equal(this.value,r))&&(this.value=r,this.version++),this.signal}},uy=class extends Vd{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(Ds),a),this.scheduler=r;for(let e of zd){let n=t[e];if(n===void 0)continue;let r=Object.create(ly);r.sequence=this,r.phase=e,r.userFn=n,r.dirty=!0,r.signal=()=>(gn(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??cy)t()}finally{On(e)}}};function dy(e,t){let n=t?.injector??C(Ts),r=n.get(cc),i=n.get(Rd),a=n.get(Fd,null,{optional:!0});i.impl??=n.get(Bd);let o=e;typeof o==`function`&&(o={mixedReadWrite:e});let s=n.get(oc,null,{optional:!0}),c=new uy(i.impl,[o.earlyRead,o.write,o.mixedReadWrite,o.read],s?.view,r,n,a?.snapshot(null));return i.impl.register(c),c}var fy=null;function py(){return fy}function my(e){fy??=e}var hy=class{},gy=(function(e){return e[e.Format=0]=`Format`,e[e.Standalone=1]=`Standalone`,e})(gy||{}),_y=(function(e){return e[e.Narrow=0]=`Narrow`,e[e.Abbreviated=1]=`Abbreviated`,e[e.Wide=2]=`Wide`,e[e.Short=3]=`Short`,e})(_y||{}),vy=(function(e){return e[e.Short=0]=`Short`,e[e.Medium=1]=`Medium`,e[e.Long=2]=`Long`,e[e.Full=3]=`Full`,e})(vy||{}),yy={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 by(e){return Qg(e)[e_.LocaleId]}function xy(e,t,n){let r=Qg(e);return My(My([r[e_.DayPeriodsFormat],r[e_.DayPeriodsStandalone]],t),n)}function Sy(e,t,n){let r=Qg(e);return My(My([r[e_.DaysFormat],r[e_.DaysStandalone]],t),n)}function Cy(e,t,n){let r=Qg(e);return My(My([r[e_.MonthsFormat],r[e_.MonthsStandalone]],t),n)}function wy(e,t){let n=Qg(e)[e_.Eras];return My(n,t)}function Ty(e,t){return My(Qg(e)[e_.DateFormat],t)}function Ey(e,t){return My(Qg(e)[e_.TimeFormat],t)}function Dy(e,t){let n=Qg(e)[e_.DateTimeFormat];return My(n,t)}function Oy(e,t){let n=Qg(e),r=n[e_.NumberSymbols][t];if(r===void 0){if(t===yy.CurrencyDecimal)return n[e_.NumberSymbols][yy.Decimal];if(t===yy.CurrencyGroup)return n[e_.NumberSymbols][yy.Group]}return r}function ky(e){if(!e[e_.ExtraData])throw new ii(2303,!1)}function Ay(e){let t=Qg(e);return ky(t),(t[e_.ExtraData][2]||[]).map(e=>typeof e==`string`?Ny(e):[Ny(e[0]),Ny(e[1])])}function jy(e,t,n){let r=Qg(e);return ky(r),My(My([r[e_.ExtraData][0],r[e_.ExtraData][1]],t)||[],n)||[]}function My(e,t){for(let n=t;n>-1;n--)if(e[n]!==void 0)return e[n];throw new ii(2304,!1)}function Ny(e){let[t,n]=e.split(`:`);return{hours:+t,minutes:+n}}var Py=/^(\d{4,})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,Fy=Object.create(null),Iy=/((?:[^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]*)/,Ly=256;function Ry(e,t,n,r){let i=sb(e);zy(t),t=Vy(n,t)||t;let a=[],o;for(;t;)if(o=Iy.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=ib(r,s),i=ob(i,r));let c=``;return a.forEach(e=>{let t=rb(e);c+=t?t(i,n,s):e===`''`?`'`:e.replace(/(^'|'$)/g,``).replace(/''/g,`'`)}),c}function zy(e){if(e.length>Ly)throw new ii(2300,!1)}function By(e,t,n){let r=new Date(0);return r.setFullYear(e,t,n),r.setHours(0,0,0),r}function Vy(e,t){let n=by(e);if(Fy[n]??=Object.create(null),Fy[n][t])return Fy[n][t];let r=``;switch(t){case`shortDate`:r=Ty(e,vy.Short);break;case`mediumDate`:r=Ty(e,vy.Medium);break;case`longDate`:r=Ty(e,vy.Long);break;case`fullDate`:r=Ty(e,vy.Full);break;case`shortTime`:r=Ey(e,vy.Short);break;case`mediumTime`:r=Ey(e,vy.Medium);break;case`longTime`:r=Ey(e,vy.Long);break;case`fullTime`:r=Ey(e,vy.Full);break;case`short`:let t=Vy(e,`shortTime`),n=Vy(e,`shortDate`);r=Hy(Dy(e,vy.Short),[t,n]);break;case`medium`:let i=Vy(e,`mediumTime`),a=Vy(e,`mediumDate`);r=Hy(Dy(e,vy.Medium),[i,a]);break;case`long`:let o=Vy(e,`longTime`),s=Vy(e,`longDate`);r=Hy(Dy(e,vy.Long),[o,s]);break;case`full`:let c=Vy(e,`fullTime`),l=Vy(e,`fullDate`);r=Hy(Dy(e,vy.Full),[c,l])}return r&&(Fy[n][t]=r),r}function Hy(e,t){return t&&(e=e.replace(/\{([^}]+)}/g,function(e,n){return Object.hasOwn(t,n)?t[n]:e})),e}function Uy(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 Wy(e,t){return Uy(e,3).substring(0,t)}function Gy(e,t,n=0,r=!1,i=!1){return function(a,o){let s=Ky(e,a);if((n>0||s>-n)&&(s+=n),e===3)s===0&&n===-12&&(s=12);else if(e===6)return Wy(s,t);let c=Oy(o,yy.MinusSign);return Uy(s,t,c,r,i)}}function Ky(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 ii(2301,!1)}}function qy(e,t,n=gy.Format,r=!1){return function(i,a){return Jy(i,a,e,t,n,r)}}function Jy(e,t,n,r,i,a){switch(n){case 2:return Cy(t,i,r)[e.getMonth()];case 1:return Sy(t,i,r)[e.getDay()];case 0:let n=e.getHours(),o=e.getMinutes();if(a){let e=Ay(t),a=jy(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 xy(t,i,r)[n<12?0:1];case 3:return wy(t,r)[e.getFullYear()<=0?0:1];default:throw new ii(2302,!1)}}function Yy(e){return function(t,n,r){let i=-1*r,a=Oy(n,yy.MinusSign),o=i>0?Math.floor(i/60):Math.ceil(i/60);switch(e){case 0:return(i>=0?`+`:``)+Uy(o,2,a)+Uy(Math.abs(i%60),2,a);case 1:return`GMT`+(i>=0?`+`:``)+Uy(o,1,a);case 2:return`GMT`+(i>=0?`+`:``)+Uy(o,2,a)+`:`+Uy(Math.abs(i%60),2,a);case 3:return r===0?`Z`:(i>=0?`+`:``)+Uy(o,2,a)+`:`+Uy(Math.abs(i%60),2,a);default:throw new ii(2310,!1)}}}var Xy=0,Zy=4;function Qy(e){let t=By(e,Xy,1).getDay();return By(e,0,1+(t<=Zy?Zy:11)-t)}function $y(e){let t=e.getDay(),n=t===0?-3:Zy-t;return By(e.getFullYear(),e.getMonth(),e.getDate()+n)}function eb(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=$y(n),t=Qy(e.getFullYear()),r=e.getTime()-t.getTime();i=1+Math.round(r/6048e5)}return Uy(i,e,Oy(r,yy.MinusSign))}}function tb(e,t=!1){return function(n,r){return Uy($y(n).getFullYear(),e,Oy(r,yy.MinusSign),t)}}var nb=Object.create(null);function rb(e){if(nb[e])return nb[e];let t;switch(e){case`G`:case`GG`:case`GGG`:t=qy(3,_y.Abbreviated);break;case`GGGG`:t=qy(3,_y.Wide);break;case`GGGGG`:t=qy(3,_y.Narrow);break;case`y`:t=Gy(0,1,0,!1,!0);break;case`yy`:t=Gy(0,2,0,!0,!0);break;case`yyy`:t=Gy(0,3,0,!1,!0);break;case`yyyy`:t=Gy(0,4,0,!1,!0);break;case`Y`:t=tb(1);break;case`YY`:t=tb(2,!0);break;case`YYY`:t=tb(3);break;case`YYYY`:t=tb(4);break;case`M`:case`L`:t=Gy(1,1,1);break;case`MM`:case`LL`:t=Gy(1,2,1);break;case`MMM`:t=qy(2,_y.Abbreviated);break;case`MMMM`:t=qy(2,_y.Wide);break;case`MMMMM`:t=qy(2,_y.Narrow);break;case`LLL`:t=qy(2,_y.Abbreviated,gy.Standalone);break;case`LLLL`:t=qy(2,_y.Wide,gy.Standalone);break;case`LLLLL`:t=qy(2,_y.Narrow,gy.Standalone);break;case`w`:t=eb(1);break;case`ww`:t=eb(2);break;case`W`:t=eb(1,!0);break;case`d`:t=Gy(2,1);break;case`dd`:t=Gy(2,2);break;case`c`:case`cc`:t=Gy(7,1);break;case`ccc`:t=qy(1,_y.Abbreviated,gy.Standalone);break;case`cccc`:t=qy(1,_y.Wide,gy.Standalone);break;case`ccccc`:t=qy(1,_y.Narrow,gy.Standalone);break;case`cccccc`:t=qy(1,_y.Short,gy.Standalone);break;case`E`:case`EE`:case`EEE`:t=qy(1,_y.Abbreviated);break;case`EEEE`:t=qy(1,_y.Wide);break;case`EEEEE`:t=qy(1,_y.Narrow);break;case`EEEEEE`:t=qy(1,_y.Short);break;case`a`:case`aa`:case`aaa`:t=qy(0,_y.Abbreviated);break;case`aaaa`:t=qy(0,_y.Wide);break;case`aaaaa`:t=qy(0,_y.Narrow);break;case`b`:case`bb`:case`bbb`:t=qy(0,_y.Abbreviated,gy.Standalone,!0);break;case`bbbb`:t=qy(0,_y.Wide,gy.Standalone,!0);break;case`bbbbb`:t=qy(0,_y.Narrow,gy.Standalone,!0);break;case`B`:case`BB`:case`BBB`:t=qy(0,_y.Abbreviated,gy.Format,!0);break;case`BBBB`:t=qy(0,_y.Wide,gy.Format,!0);break;case`BBBBB`:t=qy(0,_y.Narrow,gy.Format,!0);break;case`h`:t=Gy(3,1,-12);break;case`hh`:t=Gy(3,2,-12);break;case`H`:t=Gy(3,1);break;case`HH`:t=Gy(3,2);break;case`m`:t=Gy(4,1);break;case`mm`:t=Gy(4,2);break;case`s`:t=Gy(5,1);break;case`ss`:t=Gy(5,2);break;case`S`:t=Gy(6,1);break;case`SS`:t=Gy(6,2);break;case`SSS`:t=Gy(6,3);break;case`Z`:case`ZZ`:case`ZZZ`:t=Yy(0);break;case`ZZZZZ`:t=Yy(3);break;case`O`:case`OO`:case`OOO`:case`z`:case`zz`:case`zzz`:t=Yy(1);break;case`OOOO`:case`ZZZZ`:case`zzzz`:t=Yy(2);break;default:return null}return nb[e]=t,t}function ib(e,t){e=e.replace(/:/g,``);let n=Date.parse(`Jan 01, 1970 00:00:00 `+e)/6e4;return isNaN(n)?t:n}function ab(e,t){return e=new Date(e.getTime()),e.setMinutes(e.getMinutes()+t),e}function ob(e,t,n){let r=e.getTimezoneOffset();return ab(e,-1*(ib(t,r)-r))}function sb(e){if(lb(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 By(t,n-1,r)}let t=parseFloat(e);if(!isNaN(e-t))return new Date(t);let n;if(n=e.match(Py))return cb(n)}let t=new Date(e);if(!lb(t))throw new ii(2311,!1);return t}function cb(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 lb(e){return e instanceof Date&&!isNaN(e.valueOf())}var ub=(()=>{class e{_viewContainerRef;_viewRef=null;ngTemplateOutletContext=null;ngTemplateOutlet=null;ngTemplateOutletInjector=null;injector=C(Ts);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)(Dm(sh))};static ɵdir=Xh({type:e,selectors:[[``,`ngTemplateOutlet`,``]],inputs:{ngTemplateOutletContext:`ngTemplateOutletContext`,ngTemplateOutlet:`ngTemplateOutlet`,ngTemplateOutletInjector:`ngTemplateOutletInjector`},features:[Ac]})}return e})();function db(e,t){return new ii(2100,!1)}var fb=`mediumDate`,pb=new xi(``),mb=new xi(``),hb=(()=>{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??fb,a=r??this.defaultOptions?.timezone??this.defaultTimezone??void 0;return Ry(t,e,i||this.locale,a)}catch(t){throw db(e,t.message)}}static ɵfac=function(t){return new(t||e)(Dm(Av,16),Dm(pb,24),Dm(mb,24))};static ɵpipe=Zh({name:`date`,type:e,pure:!0})}return e})(),gb=(()=>{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 _b(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 vb=`browser`,yb=class{_doc;constructor(e){this._doc=e}manager},bb=(()=>{class e extends yb{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)(Xi(Es))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),xb=new xi(``),Sb=(()=>{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 bb));this._plugins=n.slice().reverse();let r=e.find(e=>e instanceof bb);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 ii(-5101,!1);return this._eventNameToPlugin.set(e,t),t}static ɵfac=function(t){return new(t||e)(Xi(xb),Xi(zs))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),Cb=`ng-app-id`;function wb(e){for(let t of e)t.remove()}function Tb(e,t){let n=t.createElement(`style`);return n.textContent=e,n}function Eb(e,t,n,r){let i=e.head?.querySelectorAll(`style[${Cb}="${t}"],link[${Cb}="${t}"]`);if(!i||i.length===0)return!1;for(let e of i)e.removeAttribute(Cb),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 Db(e,t){let n=t.createElement(`link`);return n.setAttribute(`rel`,`stylesheet`),n.setAttribute(`href`,e),n}var Ob=(()=>{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,Eb(e,t,this.inline,this.external)&&this.hosts.add(e.head)}addStyles(e,t){for(let t of e)this.addUsage(t,this.inline,Tb);t?.forEach(e=>this.addUsage(e,this.external,Db))}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&&(wb(n.elements),t.delete(e)))}ngOnDestroy(){for(let[,{elements:e}]of[...this.inline,...this.external])wb(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,Tb(t,this.doc)));for(let[t,{elements:n}]of this.external)n.push(this.addElement(e,Db(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)(Xi(Es),Xi(tc),Xi(ac,8),Xi(ic))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),kb={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`},Ab=/%COMP%/g,jb=`%COMP%`,Mb=`_nghost-${jb}`,Nb=`_ngcontent-${jb}`,Pb=!0,Fb=new xi(``,{factory:()=>Pb}),Ib=new xi(``);function Lb(e){return Nb.replace(Ab,e)}function Rb(e){return Mb.replace(Ab,e)}function zb(e,t){return t.map(t=>t.replace(Ab,e))}var Bb=(()=>{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 Vb(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 Gb?n.applyToHost(e):n instanceof Wb&&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 du.Emulated:r=new Gb(o,s,t,this.appId,c,i,a,l,this.cssVarNamespace);break;case du.ShadowDom:return new Ub(o,e,t,i,a,this.nonce,l,this.cssVarNamespace,s);case du.ExperimentalIsolatedShadowDom:return new Ub(o,e,t,i,a,this.nonce,l,this.cssVarNamespace);default:r=new Wb(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)(Xi(Sb),Xi(Tm),Xi(tc),Xi(Fb),Xi(Es),Xi(zs),Xi(ac),Xi(Fd,8),Xi(Ib,8))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),Vb=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(kb[t]||t,e):this.doc.createElement(e)}createComment(e){return this.doc.createComment(e)}createText(e){return this.doc.createTextNode(e)}appendChild(e,t){(Hb(e)?e.content:e).appendChild(t)}insertBefore(e,t,n){if(e){let r=Hb(e)?e.content:e;if(n!=null&&n.parentNode!==r)throw new ii(-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 ii(-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=kb[r];i?e.setAttributeNS(i,t,n):e.setAttribute(t,n)}else e.setAttribute(t,n)}removeAttribute(e,t,n){if(n){let r=kb[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&(td.DashCase|td.Important)?e.style.setProperty(t,n,r&td.Important?`important`:``):e.style[t]=n}removeStyle(e,t,n){let r=t.startsWith(`--`);r&&(t=t.replace(`%NS%`,this.cssVarNamespace)),r||n&td.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=py().getGlobalEventTarget(this.doc,e),!e))throw new ii(-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 Hb(e){return e.tagName===`TEMPLATE`&&e.content!==void 0}var Ub=class extends Vb{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=zb(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=Db(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)}},Wb=class extends Vb{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?zb(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&&hd.size===0&&this.sharedStylesHost.removeStyles(this.styles,this.styleUrls)}},Gb=class extends Wb{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=Lb(l),this.hostAttr=Rb(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}},Kb=class e extends hy{supportsDOMEvents=!0;static makeCurrent(){my(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=Jb();return t==null?null:Yb(t)}resetBaseElement(){qb=null}getUserAgent(){return window.navigator.userAgent}getCookie(e){return _b(document.cookie,e)}},qb=null;function Jb(){return qb||=document.head.querySelector(`base`),qb?qb.getAttribute(`href`):null}function Yb(e){return new URL(e,document.baseURI).pathname}var Xb=[`alt`,`control`,`meta`,`shift`],Zb={"\b":`Backspace`,"	":`Tab`,"":`Delete`,"\x1B":`Escape`,Del:`Delete`,Esc:`Escape`,Left:`ArrowLeft`,Right:`ArrowRight`,Up:`ArrowUp`,Down:`ArrowDown`,Menu:`ContextMenu`,Scroll:`ScrollLock`,Win:`OS`},Qb={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey},$b=(()=>{class e extends yb{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(()=>py().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.`),Xb.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=Zb[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`),Xb.forEach(t=>{if(t!==n){let n=Qb[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)(Xi(Es))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})();async function ex(e,t,n){return ay({rootComponent:e,...tx(t,n)})}function tx(e,t){return{platformRef:t?.platformRef,appProviders:[...ox,...e?.providers??[]],platformProviders:ax}}function nx(){Kb.makeCurrent()}function rx(){return new Zs}function ix(){return $l(document),document}var ax=[{provide:ic,useValue:vb},{provide:rc,useValue:nx,multi:!0},{provide:Es,useFactory:ix}],ox=[{provide:ka,useValue:`root`},{provide:Zs,useFactory:rx},{provide:xb,useClass:bb,multi:!0},{provide:xb,useClass:$b,multi:!0},Bb,{provide:Tm,useClass:Ob},{provide:Ob,useExisting:Tm},Sb,{provide:om,useExisting:Bb},[]];function sx(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 cx={blue:sx(34,39),cyan:sx(36,39),gray:sx(90,39),green:sx(32,39),red:sx(31,39),yellow:sx(33,39),bold:sx(1,22),dim:sx(2,22),reset:sx(0,0),underline:sx(4,24)};function lx(e,...t){return typeof e==`function`?e(...t):e}var ux=Error.captureStackTrace,dx=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,ux?.(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 fx(e,t){return typeof e==`string`?`${e}/${t.toLowerCase()}`:e?.(t)}function px(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||fx(r,i),s=(e={},n={})=>{let r=new dx({code:i,why:lx(a.why,e),fix:lx(a.fix,e),docs:o,cause:e.cause,sources:e.sources,data:lx(a.data,e)},s);for(let e of t)e(r,n);return r};n[i]=s}return n}function mx(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 hx={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`}},gx=mx(cx);function _x(e,{method:t=`warn`}={}){console[t](gx(e))}function vx(e){return px({...e,reporters:[_x,...e.reporters??[]]})}function yx(){let e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}var bx=Math.random.bind(Math),xx=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function Sx(e=21){let t=``,n=e;for(;n--;)t+=xx[bx()*64|0];return t}var Cx=6e4,wx=e=>e,Tx=wx,{clearTimeout:Ex,setTimeout:Dx}=globalThis;function Ox(e,t){let{post:n,on:r,off:i=()=>{},eventNames:a=[],serialize:o=wx,deserialize:s=Tx,resolver:c,bind:l=`rpc`,timeout:u=Cx,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}=yx(),_=Sx();s.i=_;let ee;async function te(n=s){return u>=0&&(ee=Dx(()=>{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{Ex(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&&(Ex(r.timeoutId),n?r.reject(n):r.resolve(t)),p.delete(e)}}return m=r(ne),h}function kx(e,t){return t.safety?t.safety:e===`static`||e===`query`||e==null?`read`:`action`}var Ax=Object.freeze({type:`object`,additionalProperties:!0});function jx(e){let t=e[`~standard`];if(t.jsonSchema)try{return t.jsonSchema.input({target:`draft-2020-12`})}catch{return Ax}return Ax}function Mx(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]=jx(e[r]),n.push(i)}return{type:`object`,properties:t,required:n,additionalProperties:!1}}function Nx(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 Px(e,t){return Nx(e,t)??[e]}function Fx(e){return typeof e==`string`?`'${e}'`:new zx().serialize(e)}var Ix=` _-,;:!?.'"()[]{}@*/\\&#%\`^+<=>|~$0123456789abcdefghijklmnopqrstuvwxyz`,Lx=(function(){let e=new Uint8Array(128);for(let t=0;t<69;t++)e[Ix.charCodeAt(t)]=t+1;for(let t=65;t<=90;t++)e[t]=e[t+32];return e})();function Rx(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&&Lx[n]?Lx[n]:n+128,s=a<128&&Lx[a]?Lx[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 zx=(function(){class e{#e=new Map;compare(e,t){let n=typeof e,r=typeof t;return n===`string`&&r===`string`?Rx(e,t):n===`number`&&r===`number`?e-t:Rx(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(Rx),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})(),Bx=[1779033703,-1150833019,1013904242,-1521486534,1359893119,-1694144372,528734635,1541459225],Vx=[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],Hx=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_`,Ux=[],Wx=class{_data=new Gx;_hash=new Gx([...Bx]);_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)Ux[n]=e[t+n]|0;else{let e=Ux[n-15],t=(e<<25|e>>>7)^(e<<14|e>>>18)^e>>>3,r=Ux[n-2],i=(r<<15|r>>>17)^(r<<13|r>>>19)^r>>>10;Ux[n]=t+Ux[n-7]+i+Ux[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+Vx[n]+Ux[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=Gx.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 Gx(t,i)}},Gx=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(Hx.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 Kx(e){return new Wx().finalize(e).toBase64()}function qx(e){return Kx(Fx(e))}function Jx(e){return qx(e)}function Yx(){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 Xx=/^[\w+.-]{2,}:\/\//;function Zx(e){return e.endsWith(`/`)?e:`${e}/`}function Qx(e){return(e.endsWith(`/`)?e.slice(0,-1):e)||`/`}function $x(e,...t){let n=e;for(let e of t)e&&e!==`/`&&(n=n?Zx(n)+e.replace(/^\.?\//,``):e);return n}function eS(e,t){if(!t||t===`/`||Xx.test(e))return e;let n=Qx(t);return e.startsWith(n)?e:$x(n,e)}function tS(e,t){let n=e.match(Xx);return t+(n?e.slice(n[0].length):e)}var nS=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function rS(e=21){let t=``,n=e;for(;n--;)t+=nS[Math.random()*64|0];return t}var iS=Symbol.for(`immer-nothing`),aS=Symbol.for(`immer-draftable`),oS=Symbol.for(`immer-state`),sS=[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 cS(e,...t){{let n=sS[e],r=MS(n)?n.apply(null,t):n;throw Error(`[Immer] ${r}`)}}var lS=Object,uS=lS.getPrototypeOf,dS=`constructor`,fS=`prototype`,pS=`configurable`,mS=`enumerable`,hS=`writable`,gS=`value`,_S=e=>!!e&&!!e[oS];function vS(e){return e?xS(e)||OS(e)||!!e[aS]||!!e[dS]?.[aS]||kS(e)||AS(e):!1}var yS=lS[fS][dS].toString(),bS=new WeakMap;function xS(e){if(!e||!jS(e))return!1;let t=uS(e);if(t===null||t===lS[fS])return!0;let n=lS.hasOwnProperty.call(t,dS)&&t[dS];if(n===Object)return!0;if(!MS(n))return!1;let r=bS.get(n);return r===void 0&&(r=Function.toString.call(n),bS.set(n,r)),r===yS}function SS(e,t,n=!0){CS(e)===0?(n?Reflect.ownKeys(e):lS.keys(e)).forEach(n=>{t(n,e[n],e)}):e.forEach((n,r)=>t(r,n,e))}function CS(e){let t=e[oS];return t?t.type_:OS(e)?1:kS(e)?2:AS(e)?3:0}var wS=(e,t,n=CS(e))=>n===2?e.has(t):lS[fS].hasOwnProperty.call(e,t),TS=(e,t,n=CS(e))=>n===2?e.get(t):e[t],ES=(e,t,n,r=CS(e))=>{r===2?e.set(t,n):r===3?e.add(n):e[t]=n};function DS(e,t){return e===t?e!==0||1/e==1/t:e!==e&&t!==t}var OS=Array.isArray,kS=e=>e instanceof Map,AS=e=>e instanceof Set,jS=e=>typeof e==`object`,MS=e=>typeof e==`function`,NS=e=>typeof e==`boolean`;function PS(e){let t=+e;return Number.isInteger(t)&&String(t)===e}var FS=e=>jS(e)?e?.[oS]:null,IS=e=>e.copy_||e.base_,LS=e=>e.modified_?e.copy_:e.base_;function RS(e,t){if(kS(e))return new Map(e);if(AS(e))return new Set(e);if(OS(e))return Array[fS].slice.call(e);let n=xS(e);if(t===!0||t===`class_only`&&!n){let t=lS.getOwnPropertyDescriptors(e);delete t[oS];let n=Reflect.ownKeys(t);for(let r=0;r<n.length;r++){let i=n[r],a=t[i];a[hS]===!1&&(a[hS]=!0,a[pS]=!0),(a.get||a.set)&&(t[i]={[pS]:!0,[hS]:!0,[mS]:a[mS],[gS]:e[i]})}return lS.create(uS(e),t)}{let t=uS(e);if(t!==null&&n)return{...e};let r=lS.create(t);return lS.assign(r,e)}}function zS(e,t=!1){return HS(e)||_S(e)||!vS(e)?e:(CS(e)>1&&lS.defineProperties(e,{set:VS,add:VS,clear:VS,delete:VS}),lS.freeze(e),t&&SS(e,(e,t)=>{zS(t,!0)},!1),e)}function BS(){cS(2)}var VS={[gS]:BS};function HS(e){return e===null||!jS(e)||lS.isFrozen(e)}var US=`MapSet`,WS=`Patches`,GS=`ArrayMethods`,KS={};function qS(e){let t=KS[e];return t||cS(0,e),t}var JS=e=>!!KS[e];function YS(e,t){KS[e]||(KS[e]=t)}var XS,ZS=()=>XS,QS=(e,t)=>({drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0,handledSet_:new Set,processedForPatches_:new Set,mapSetPlugin_:JS(US)?qS(US):void 0,arrayMethodsPlugin_:JS(GS)?qS(GS):void 0});function $S(e,t){t&&(e.patchPlugin_=qS(WS),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function eC(e){tC(e),e.drafts_.forEach(rC),e.drafts_=null}function tC(e){e===XS&&(XS=e.parent_)}var nC=e=>XS=QS(XS,e);function rC(e){let t=e[oS];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function iC(e,t){t.unfinalizedDrafts_=t.drafts_.length;let n=t.drafts_[0];if(e!==void 0&&e!==n){n[oS].modified_&&(eC(t),cS(4)),vS(e)&&(e=aC(t,e));let{patchPlugin_:r}=t;r&&r.generateReplacementPatches_(n[oS].base_,e,t)}else e=aC(t,n);return oC(t,e,!0),eC(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e===iS?void 0:e}function aC(e,t){if(HS(t))return t;let n=t[oS];if(!n)return mC(t,e.handledSet_,e);if(!cC(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);fC(n,e)}return n.copy_}function oC(e,t,n=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&zS(t,n)}function sC(e){e.finalized_=!0,e.scope_.unfinalizedDrafts_--}var cC=(e,t)=>e.scope_===t,lC=[];function uC(e,t,n,r){let i=IS(e),a=e.type_;if(r!==void 0&&TS(i,r,a)===t){ES(i,r,n,a);return}if(!e.draftLocations_){let t=e.draftLocations_=new Map;SS(i,(e,n)=>{if(_S(n)){let r=t.get(n)||[];r.push(e),t.set(n,r)}})}let o=e.draftLocations_.get(t)??lC;for(let e of o)ES(i,e,n,a)}function dC(e,t,n){e.callbacks_.push(function(r){let i=t;if(!i||!cC(i,r))return;r.mapSetPlugin_?.fixSetContents(i);let a=LS(i);uC(e,i.draft_??i,a,n),fC(i,r)})}function fC(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)}sC(e)}}function pC(e,t,n){let{scope_:r}=e;if(_S(n)){let i=n[oS];cC(i,r)&&i.callbacks_.push(function(){CC(e),uC(e,n,LS(i),t)})}else vS(n)&&e.callbacks_.push(function(){let i=IS(e);e.type_===3?i.has(n)&&mC(n,r.handledSet_,r):TS(i,t,e.type_)===n&&r.drafts_.length>1&&(e.assigned_.get(t)??!1)===!0&&e.copy_&&mC(TS(e.copy_,t,e.type_),r.handledSet_,r)})}function mC(e,t,n){return!n.immer_.autoFreeze_&&n.unfinalizedDrafts_<1||_S(e)||t.has(e)||!vS(e)||HS(e)?e:(t.add(e),SS(e,(r,i)=>{if(_S(i)){let t=i[oS];cC(t,n)&&(ES(e,r,LS(t),e.type_),sC(t))}else vS(i)&&mC(i,t,n)}),e)}function hC(e,t){let n=OS(e),r={type_:+!!n,scope_:t?t.scope_:ZS(),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=gC;n&&(i=[r],a=_C);let{revoke:o,proxy:s}=Proxy.revocable(i,a);return r.draft_=s,r.revoke_=o,[s,r]}var gC={get(e,t){if(t===oS)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=IS(e);if(!wS(i,t,e.type_))return bC(e,i,t);let a=i[t];if(e.finalized_||!vS(a)||r&&e.operationMethod&&n?.isMutatingArrayMethod(e.operationMethod)&&PS(t))return a;if(a===vC(e.base_,t)||yC(e,t,a)){CC(e);let n=e.type_===1?+t:t,r=TC(e.scope_,a,e,n);return e.copy_[n]=r}return a},has(e,t){return t in IS(e)},ownKeys(e){return Reflect.ownKeys(IS(e))},set(e,t,n){let r=xC(IS(e),t);if(r?.set)return r.set.call(e.draft_,n),!0;if(!e.modified_){let r=vC(IS(e),t),i=r?.[oS];if(i&&i.base_===n)return e.copy_[t]=n,e.assigned_.delete(t),!0;if(DS(n,r)&&(n!==void 0||wS(e.base_,t,e.type_)))return!0;CC(e),SC(e)}return e.copy_[t]===n&&(n!==void 0||wS(e.copy_,t,e.type_))||Number.isNaN(n)&&Number.isNaN(e.copy_[t])?!0:(e.copy_[t]=n,e.assigned_.set(t,!0),pC(e,t,n),!0)},deleteProperty(e,t){return CC(e),vC(e.base_,t)!==void 0||t in e.base_?(e.assigned_.set(t,!1),SC(e)):e.assigned_.delete(t),e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){let n=IS(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r&&{[hS]:!0,[pS]:e.type_!==1||t!==`length`,[mS]:r[mS],[gS]:n[t]}},defineProperty(){cS(11)},getPrototypeOf(e){return uS(e.base_)},setPrototypeOf(){cS(12)}},_C={};for(let e in gC){let t=gC[e];_C[e]=function(){let e=arguments;return e[0]=e[0][0],t.apply(this,e)}}_C.deleteProperty=function(e,t){return isNaN(parseInt(t))&&cS(13),_C.set.call(this,e,t,void 0)},_C.set=function(e,t,n){return t!==`length`&&isNaN(parseInt(t))&&cS(14),gC.set.call(this,e[0],t,n,e[0])};function vC(e,t){let n=e[oS];return(n?IS(n):e)[t]}function yC(e,t,n){return e.type_!==1||!e.allIndicesReassigned_||e.assigned_?.get(t)||!vS(n)||n[oS]?!1:e.baseRefs_.has(n)}function bC(e,t,n){let r=xC(t,n);return r?gS in r?r[gS]:r.get?.call(e.draft_):void 0}function xC(e,t){if(!(t in e))return;let n=uS(e);for(;n;){let e=Object.getOwnPropertyDescriptor(n,t);if(e)return e;n=uS(n)}}function SC(e){e.modified_||(e.modified_=!0,e.parent_&&SC(e.parent_))}function CC(e){e.copy_||=(e.assigned_=new Map,RS(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var wC=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.useStrictIteration_=!1,this.produce=(e,t,n)=>{if(MS(e)&&!MS(t)){let n=t;t=e;let r=this;return function(e=n,...i){return r.produce(e,e=>t.call(this,e,...i))}}MS(t)||cS(6),n!==void 0&&!MS(n)&&cS(7);let r;if(vS(e)){let i=nC(this),a=TC(i,e,void 0),o=!0;try{r=t(a),o=!1}finally{o?eC(i):tC(i)}return $S(i,n),iC(r,i)}if(!e||!jS(e)){if(r=t(e),r===void 0&&(r=e),r===iS&&(r=void 0),this.autoFreeze_&&zS(r,!0),n){let t=[],i=[];qS(WS).generateReplacementPatches_(e,r,{patches_:t,inversePatches_:i}),n(t,i)}return r}cS(1,e)},this.produceWithPatches=(e,t)=>{if(MS(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]},NS(e?.autoFreeze)&&this.setAutoFreeze(e.autoFreeze),NS(e?.useStrictShallowCopy)&&this.setUseStrictShallowCopy(e.useStrictShallowCopy),NS(e?.useStrictIteration)&&this.setUseStrictIteration(e.useStrictIteration)}createDraft(e){vS(e)||cS(8),_S(e)&&(e=EC(e));let t=nC(this),n=TC(t,e,void 0);return n[oS].isManual_=!0,tC(t),n}finishDraft(e,t){let n=e&&e[oS];(!n||!n.isManual_)&&cS(9);let{scope_:r}=n;return $S(r,t),iC(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=qS(WS).applyPatches_;return _S(e)?r(e,t):this.produce(e,e=>r(e,t))}};function TC(e,t,n,r){let[i,a]=kS(t)?qS(US).proxyMap_(t,n):AS(t)?qS(US).proxySet_(t,n):hC(t,n);return(n?.scope_??ZS()).drafts_.push(i),a.callbacks_=n?.callbacks_??[],a.key_=r,n&&r!==void 0?dC(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 EC(e){return _S(e)||cS(10,e),DC(e)}function DC(e){if(!vS(e)||HS(e))return e;let t=e[oS],n,r=!0;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,n=RS(e,t.scope_.immer_.useStrictShallowCopy_),r=t.scope_.immer_.shouldUseStrictIteration()}else n=RS(e,!0);return SS(n,(e,t)=>{ES(n,e,DC(t))},r),t&&(t.finalized_=!1),n}function OC(){sS.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=FS(TS(e,n.key_)),i=TS(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||wS(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=TS(n,r),!jS(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?.[oS];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;SS(e.assigned_,(e,l)=>{let u=TS(o,e,c),f=TS(s,e,c),p=l?wS(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===iS?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=CS(o),n=i[e];typeof n!=`string`&&typeof n!=`number`&&(n=``+n),(t===0||t===1)&&(n===`__proto__`||n===dS)&&cS(19),MS(o)&&n===fS&&cS(19),o=TS(o,n),(o===null||!jS(o))&&cS(18,i.join(`/`))}let s=CS(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:cS(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:cS(17,a)}}),e}function u(e){if(!vS(e))return e;if(OS(e))return e.map(u);if(kS(e))return new Map(Array.from(e.entries()).map(([e,t])=>[e,u(t)]));if(AS(e))return new Set(Array.from(e).map(u));let t=Object.create(uS(e));for(let n in e)t[n]=u(e[n]);return wS(e,aS)&&(t[aS]=e[aS]),t}function d(e){return _S(e)?u(e):e}YS(WS,{applyPatches_:l,generatePatches_:i,generateReplacementPatches_:c,getPath:e})}globalThis.Iterator?.from;var kC=new wC,AC=kC.produce,jC=kC.produceWithPatches.bind(kC),MC=kC.applyPatches.bind(kC),NC=1e3;function PC(e,t){if(e.add(t),e.size>NC){let t=e.values().next().value;t!==void 0&&e.delete(t)}}function FC(e){let{enablePatches:t=!1}=e;t&&OC();let n=Yx(),r=e.initialValue,i=new Set;return{on:n.on,value:()=>r,patch:(e,t=rS())=>{i.has(t)||(OC(),r=MC(r,e),PC(i,t),n.emit(`updated`,r,void 0,t))},mutate:(e,a=rS())=>{if(!i.has(a)){if(PC(i,a),t){let[t,i]=jC(r,e);if(t===r)return;r=t,n.emit(`updated`,r,i,a)}else{let t=AC(r,e);if(t===r)return;r=t,n.emit(`updated`,r,void 0,a)}}},syncIds:i}}var IC=typeof self==`object`?self:globalThis,LC=new Set([`Error`,`EvalError`,`RangeError`,`ReferenceError`,`SyntaxError`,`TypeError`,`URIError`,`AggregateError`]),RC=new Set([`Boolean`,`Number`,`String`,`Int8Array`,`Uint8Array`,`Uint8ClampedArray`,`Int16Array`,`Uint16Array`,`Int32Array`,`Uint32Array`,`Float16Array`,`Float32Array`,`Float64Array`,`BigInt64Array`,`BigUint64Array`]);function zC(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=LC.has(e)?IC[e]:void 0;return n(new(r??IC.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`&&RC.has(a))return n(new IC[a](o),i);throw TypeError(`unable to deserialize unsafe or unknown type: ${String(a)}`)};return r}function BC(e){return zC(new Map,e)(0)}var VC=``,{toString:HC}={},{keys:UC}=Object;function WC(e){let t=typeof e;if(t!==`object`||!e)return[0,t];let n=HC.call(e).slice(8,-1);switch(n){case`Array`:return[1,VC];case`Object`:return[2,VC];case`Date`:return[3,VC];case`RegExp`:return[4,VC];case`Map`:return[5,VC];case`Set`:return[6,VC];case`DataView`:return[1,n]}return n.includes(`Array`)?[1,n]:n.includes(`Error`)?[7,n]:[2,n]}function GC([e,t]){return e===0&&(t===`function`||t===`symbol`)}function KC(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]=WC(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 UC(r))(e||!GC(WC(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||!(GC(WC(n))||GC(WC(i))))&&t.push([a(n),a(i)]);return n}case 6:{let t=[],n=i([o,t],r);for(let n of r)(e||!GC(WC(n)))&&t.push(a(n));return n}}let{message:c}=r;return i([o,{name:s,message:c}],r)};return a}function qC(e,t={}){let n=[];return KC(!(t.json||t.lossy),!!t.json,new Map,n)(e),n}var{parse:JC,stringify:YC}=JSON,XC={json:!0,lossy:!0};function ZC(e){return BC(JC(e))}function QC(e){return YC(qC(e,XC))}function $C(e){return BC(e)}function ew(e){return QC(e)}function tw(e){return ZC(e)}var nw=256,rw=class extends Error{name=`StreamClosedError`};function iw(e={}){let t=e.id??rS(),n=Math.max(0,e.replayWindow??0),r=Yx(),i=new AbortController,a=[],o=!1,s=0;function c(e){if(o)throw new rw(`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=ow(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 aw(e={}){let t=e.id??rS(),n=Math.max(1,e.highWaterMark??nw),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 ow(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 sw=128;function cw(e){return e.replace(/[^\w-]+/g,`_`).slice(0,sw)}var lw=`modulepreload`,uw=function(e,t){return new URL(e,t).href},dw={},fw=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=uw(t,n),t=s(t),t in dw)return;dw[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`:lw,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)})},pw=`__connection.json`,mw=`__DEVFRAME_CONNECTION__`,hw=`x-birpc-session`,gw=`__rpc-dump/index.json`,_w=`devframe:services`,vw=`devframe_otp`,yw=`devframe_auth_token`;hx.postMessage.remoteAssetsError;var bw=class{cacheMap=new Map;options;keySerializer;constructor(e){this.options=e,this.keySerializer=e.keySerializer||(e=>Jx(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()}},xw=vx({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 Sw(e){if(e.agent&&e.jsonSerializable===!1)throw xw.DF0019({name:e.name});e.agent&&!e.jsonSerializable&&(e.jsonSerializable=!0)}async function Cw(e,t){let n=e[`~standard`].validate(t);return n instanceof Promise?await n:n}function ww(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 Tw(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 Cw(i,n[r]);if(a.issues)throw xw.DF0043({name:e,index:r,issues:ww(a.issues)})}return r}async function Ew(e,t,n){if(!t)return n;let r=await Cw(t,n);if(r.issues)throw xw.DF0044({name:e,issues:ww(r.issues)});return n}async function Dw(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 Ow(e,t){let n=e.handler;if(!n){let r=await Dw(e,t);if(!r.handler)throw xw.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 Tw(e.name,r,t),o=await a(...n);return await Ew(e.name,i,o)}}var kw=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 Ow(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 xw.DF0021({name:e.name});Sw(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 xw.DF0022({name:e.name});Sw(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 Ow(this.definitions.get(e),this.context)}getSchema(e){let t=this.definitions.get(e);if(!t)throw xw.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 Aw(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 Mw(t,`undefined`,r,e);return n}return i!==null&&jw(i,r,e,t),n})}function jw(e,t,n,r){if(typeof e==`bigint`)throw Mw(r,`BigInt`,t,n);if(typeof e!=`object`)return;if(e instanceof Map)throw Mw(r,`Map`,t,n);if(e instanceof Set)throw Mw(r,`Set`,t,n);if(e instanceof Date)throw Mw(r,`Date`,t,n);if(Array.isArray(e))return;let i=Object.getPrototypeOf(e);if(i!==null&&i!==Object.prototype)throw Mw(r,e.constructor?.name??`class instance`,t,n)}function Mw(e,t,n,r){let i=Nw(n,r);return xw.DF0020({name:e||`<anonymous>`,type:t,path:i})}function Nw(e,t){return Array.isArray(e)?`[${t}]`:t===``?`<root>`:t}var Pw=`__DEVFRAME_CONNECTION_META__`,Fw=`__DEVFRAME_CONNECTION_AUTH_TOKEN__`;function Iw(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 Lw(){return Iw(mw)}function Rw(){return Iw(Pw)}function zw(e){if(e)return e;try{let e=localStorage.getItem(Fw);if(e)return e}catch{}return Iw(Fw)}function Bw(e){globalThis[mw]=e,globalThis[Pw]={...e.connectionMeta,baseUrl:e.metaBaseUrl},e.authToken&&Vw(e.authToken)}function Vw(e){try{localStorage.setItem(Fw,e)}catch{}globalThis[Fw]=e;let t=Lw();t&&(globalThis[mw]={...t,authToken:e})}function Hw(e){let t=eS(pw,e);try{return new URL(t,globalThis.location?.href).href}catch{return t}}function Uw(e,t){return t&&t!==e.authToken?{...e,authToken:t}:e}function Ww(){let e=Lw();if(e)return Uw(e,zw()??e.authToken??e.connectionMeta.authToken);let t=Rw();if(t)return{connectionMeta:t,metaBaseUrl:t.baseUrl??Hw(`./`),authToken:zw(t.authToken)}}async function Gw(e={}){if(e.connection){let t=Uw(e.connection,zw(e.authToken??e.connection.authToken??e.connection.connectionMeta.authToken));return Bw(t),t}let t=Array.isArray(e.baseURL)?e.baseURL:[e.baseURL??`./`];if(e.connectionMeta){let n={connectionMeta:e.connectionMeta,metaBaseUrl:Hw(t[0]??`./`),authToken:zw(e.authToken??e.connectionMeta.authToken)};return Bw(n),n}let n=Ww();if(n){let t=Uw(n,zw(e.authToken??n.authToken??n.connectionMeta.authToken));return Bw(t),t}let r=[];for(let n of t){let t=eS(pw,n),i=Hw(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:zw(e.authToken??r.authToken)};return Bw(o),o}catch(e){r.push(e)}}throw Error(`Failed to get connection meta from ${t.join(`, `)}`,{cause:r})}var Kw=class extends Error{name=`DevframeConnectionError`;kind;constructor(e,t,n){super(t,n),this.kind=e}};function qw(e=vw){try{let t=globalThis.location?.hash?.replace(/^#/,``)??``;return new URLSearchParams(t).get(e)||void 0}catch{return}}function Jw(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 Yw(e=vw){let t=qw(e);return t&&Jw(e),t}async function Xw(e,t={}){let n=Yw(t.param??`devframe_otp`);return n?e.isTrusted?!0:e.requestTrustWithCode(n):!1}function Zw(e){let t={},n=new WeakMap,r,i=()=>(r??=e.sharedState.get(_w,{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 Qw(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:hx.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:hx.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=FC({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(hx.client.isTrustedUpdated,e=>{e&&!n&&(n=!0,d())})}})}}}var $w=new Map;function eT(e=$w){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?Aw(n,r??``):`s:${ew(n)}`},deserialize:e=>{let n=e.startsWith(`s:`)?tw(e.slice(2)):JSON.parse(e);return n.t===`q`&&n.i&&n.m&&t.set(n.i,n.m),n}}}function tT(){}function nT(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 rT(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 iT(e){let{onConnected:t=tT,onError:n=tT,onDisconnected:r=tT,definitions:i,fetch:a=globalThis.fetch.bind(globalThis)}=e,o=e.url;e.authToken&&(o=`${o}${o.includes(`?`)?`&`:`?`}${yw}=${encodeURIComponent(e.authToken)}`);let s=eT(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=nT(r);if(!e)break;r=e.rest;let{event:t,data:n}=rT(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`,[hw]: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 aT(e,t){let{channel:n,rpcOptions:r={}}=t;return Ox(e,{...n,timeout:-1,...r,proxify:!1})}function oT(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(hx.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 Kw(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new Kw(`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(hx.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 Kw(`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(hx.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(hx.client.connectionError,e),m(new Kw(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new Kw(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=aT(a.functions,{channel:ee,rpcOptions:o});a.register({name:hx.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new Kw(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e),m(e),i.emit(hx.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 Kw(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e)}return i.emit(hx.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(hx.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(hx.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(hx.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(hx.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function sT(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 cT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=sT(n.sse,r??`./`,location);return oT({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>iT({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 lT(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:uT(r)?lT(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function uT(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function dT(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function fT(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function pT(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function mT(e){if(e.error)throw lT(e.error);return e.output}function hT(e){return e.some(e=>e!=null)}function gT(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function _T(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?$C(e):e}function a(e,t){return i(gT(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 pT(r)?mT(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(dT(r)){if(hT(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(fT(r)){let e=Jx(n),i=r.records[e];if(i)return mT(await s(i,r.serialization));if(r.fallback)return mT(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!hT(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 vT(e){let t=_T(await e.fetchJsonFromBases(gw),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 yT=``;function bT(e,t){return`${e}${yT}${t}`}function xT(e){let t=new Map,n=new Map;e.client.register({name:hx.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(bT(e,n))?._push(r,i)}}),e.client.register({name:hx.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=bT(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:hx.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=bT(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(hx.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(yT);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=bT(n,r),o=t.get(a);if(o)return o;let s=aw({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(hx.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=bT(t,r),a=n.get(i);if(a)return a;let o=iw({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 ST(){}var CT=new Map;function wT(e){let t=e.url;e.authToken&&(t=`${t}?${yw}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=ST,onError:i=ST,onDisconnected:a=ST,definitions:o=CT}=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=eT(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 TT(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 tS(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function ET(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=TT(n.websocket,r??`./`,location);return oT({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>wT({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 DT(e){return e.includes(`:`)}function OT(e,t){return DT(t)?t:`${e}:${t}`}function kT(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 AT(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=e.sharedState.get(r,{initialValue:{}}),i}return kT(a)}function jT(e,t){return{global:AT(e,t,`global`),project:AT(e,t,`project`)}}function MT(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(DT(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(OT(t,n),...r)),callEvent:((n,...r)=>e.callEvent(OT(t,n),...r)),callOptional:((n,...r)=>e.callOptional(OT(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(OT(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(OT(t,n),r,i),upload:(n,r)=>e.streaming.upload(OT(t,n),r)}},settings:jT(e,t),scope:e.scope}}function NT(){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 PT(e,t={}){let n=t.modelContext??NT();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=cw(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=kx(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:Mx(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>FT(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 FT(e,t,n){try{let r=Px(n,e.args?.length);return{content:[{type:`text`,text:IT(await(await Ow(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:LT(e)}]}}}function IT(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function LT(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 RT(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 zT(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Yx(),a=Array.isArray(t)?t:[t],o=await Gw(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new bw({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new kw(f),m=e.webmcp===!1?void 0:PT(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(eS(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=RT(e.transport??`auto`,s),ne=te===`static`?await vT({fetchJsonFromBases:_}):te===`sse`?cT({...ee,sseOptions:e.sseOptions}):ET({...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=>(Vw(e),o={...o,authToken:e},ne.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ne.requestTrustWithCode(e);if(!t)return!1;Vw(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=Qw(ce),ce.streaming=xT(ce),ce.services=Zw(ce);let le=new Map;ce.scope=(e=>{if(!e)return ce;let t=le.get(e);return t||(t=MT(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 Xw(ce,{param:n}):!1;t||r||ce.isTrusted||await de()}return ie=fe().then(()=>{ae=!0},()=>{ae=!0}),s.mcp&&fw(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-C7rzNywl.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 BT=zT,VT=[`components`,`injectors`,`signals`,`ngrx`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`],HT=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function UT(e){return`pangular:${e}`}var WT=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`],GT={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},idleAfterMs:{default:6e4,min:0,max:6e5}},KT={"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`},qT=[[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 JT(e){return qT.some(([t])=>t===e)}var YT=`pangular`,XT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},ZT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function QT(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=XT[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[...ZT.filter(e=>n.has(e)),r].join(`+`)}function $T(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 eE(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 tE=[{id:`dashboard`,label:`Dashboard`},{id:`timeline`,label:`Timeline`},{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 nE(e){return tE.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var rE={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`},iE=200;function aE(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 oE(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=iE?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 sE=[{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},{id:`dock:reset-size`,title:`Popup: reset the docked size`,group:`Popup`,keywords:`splitter resize height width`,popupOnly:!0},{id:`popout`,title:`Popup: open in its own window`,group:`Popup`,keywords:`pop out detach new window`,popupOnly:!0},{id:`popout:return`,title:`Popup: back into the page`,group:`Popup`,keywords:`pop in attach dock window`,popupOnly:!0}];function cE(e){let t=nE(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=sE.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function lE(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function uE(e,t){return typeof e==`boolean`?e:t}var dE=100,fE=100;function pE(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=fE);return[...new Set(t)].slice(0,dE)}function mE(e,t){let{default:n,min:r,max:i}=GT[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function hE(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function gE(e){let t=lE(e),n=lE(t.agent),r=lE(t.inspectors),i=lE(n.tools),a=lE(t.actions),o=uE(t.actions,!0),s=lE(t.redaction),c=lE(t.limits),l=hE(VT,e=>uE(r[e],!0));return{inspectors:l,agent:{readOnly:uE(n.readOnly,!1),tools:hE(VT,e=>l[e]&&uE(i[e],!0))},actions:hE(WT,e=>l[e]&&uE(a[e],o)),redaction:{secretNames:pE(s.secretNames),unmask:pE(s.unmask)},limits:Object.fromEntries(Object.keys(GT).map(e=>[e,mE(c[e],e)])),popup:{hotkey:_E(lE(t.popup).hotkey)}}}function _E(e){return e===!1?!1:QT(e)??`Alt+Shift+P`}function vE(e){let t=e?.configs;return gE(t?.[YT])}function yE(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 bE={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`},xE={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`,idleAfterMs:e=>e?`idle ${e/1e3} s after the last agent call`:`never idle`};function CE(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=VT.filter(t=>e.inspectors[t]);return n(`Inspectors off`,VT.filter(t=>!e.inspectors[t]).map(e=>bE[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>bE[e])),n(`Blocked actions`,WT.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>xE[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(GT).filter(t=>e.limits[t]!==GT[t].default).map(t=>SE[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]),t}function wE(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 TE(e){return!e.tags.length&&!e.directives.length&&!e.text}function EE(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 DE={debugApi:{subject:`Live data`,since:`12.0`},injectorProviders:{subject:`Reading providers and environment injectors`,since:`16.2`},injectorMetadata:{subject:`The full injector tree`,since:`17.0`},isSignal:{subject:`Telling signals apart in component values`,since:`17.1`},signalGraph:{subject:`The live signal graph`,since:`20.1`},deferBlocks:{subject:`Listing @defer blocks`,since:`19.1`},forBlocks:{subject:`Listing @for blocks`,since:`22.0`},profiler:{subject:`Recording change detection`,since:`20.0`},angularProfiling:{subject:`Angular profiling`,since:`20.0`},routerInstance:{subject:`The router debug util`,since:`20.3`}};function OE(e){let t=/^(\d+)\.(\d+)/.exec(e.trim());return t?`${t[1]}.${t[2]}`:e.trim()}function kE(e){let t=/^(\d+)(?:\.(\d+))?/.exec(e.trim());return t?[Number(t[1]),Number(t[2]??0)]:null}function AE(e,t){let n=kE(e),r=kE(t);return!n||!r?!1:n[0]===r[0]?n[1]>=r[1]:n[0]>r[0]}function jE(e,t){return e?.capabilities?.[t]===!1}function ME(e,t){let n=DE[e],r=`${n.subject} needs Angular ${n.since} or later`;if(!t)return`${r}; this page's Angular version is unknown.`;let i=OE(t);return AE(t,n.since)?`${r} in a development build; this page runs Angular ${i} without it, which usually means a production build.`:`${r}; this page runs Angular ${i}.`}var NE=`pangular-page-id`,PE=null;function FE(e){PE=e}function IE(){if(PE)return PE;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(NE)||null)}catch{return null}}function LE(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 RE(e,t){return e?t?e.pages?.[t]??null:e:null}function zE(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function BE(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function VE(e,t,n){return BE(e,t,n).then(e=>e,()=>null)}function HE(e){return e?.connectionMeta.backend===`static`}function UE(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 WE(e){return e.split(`@`)[1]??``}var GE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},KE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},qE=VE,JE={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 YE(e){return JE[e]??e}var XE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function ZE(e,t){return await qE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function QE(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 $E=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function eD(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace($E,(e,t)=>t??(e===`**`?``:e))}function tD(e){return vE(e?.connectionMeta)}function nD(e,t){return tD(e).actions[t]}var rD={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`};function iD(e){return rD[e]}var aD=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function oD(e,t){let n=rD[e];return!n||t.inspectors[n]}function sD(e,t){e&1&&(O(),Vg(0,`rect`,4)(1,`rect`,5)(2,`rect`,6)(3,`rect`,7))}function cD(e,t){e&1&&(O(),Vg(0,`path`,8)(1,`circle`,9)(2,`circle`,10)(3,`path`,11))}function lD(e,t){e&1&&(O(),Vg(0,`path`,12)(1,`path`,13)(2,`path`,14))}function uD(e,t){e&1&&(O(),Vg(0,`circle`,15)(1,`path`,16)(2,`circle`,17))}function dD(e,t){e&1&&(O(),Vg(0,`path`,1))}function fD(e,t){e&1&&(O(),Vg(0,`path`,18)(1,`path`,19)(2,`path`,20)(3,`path`,21))}function pD(e,t){e&1&&(O(),Vg(0,`ellipse`,22)(1,`path`,23)(2,`path`,24))}function mD(e,t){e&1&&(O(),Vg(0,`rect`,25)(1,`path`,26)(2,`path`,27)(3,`path`,28))}function hD(e,t){e&1&&(O(),Vg(0,`circle`,29)(1,`path`,8)(2,`path`,30))}function gD(e,t){e&1&&(O(),Vg(0,`path`,31)(1,`path`,32)(2,`path`,33)(3,`path`,34)(4,`circle`,35))}function _D(e,t){e&1&&(O(),Vg(0,`circle`,36)(1,`path`,37))}function vD(e,t){e&1&&(O(),Vg(0,`circle`,29)(1,`path`,38)(2,`path`,39))}function yD(e,t){e&1&&(O(),Vg(0,`path`,2))}function bD(e,t){e&1&&(O(),Vg(0,`path`,3))}var xD=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:15,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`,`M3 12h18`],[`cx`,`7`,`cy`,`12`,`r`,`2`],[`cx`,`14`,`cy`,`12`,`r`,`2`],[`d`,`M18 7v10`],[`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`,`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,sD,4,0)(2,cD,4,0)(3,lD,3,0)(4,uD,3,0)(5,dD,1,0,`:svg:path`,1)(6,fD,4,0)(7,pD,3,0)(8,mD,4,0)(9,hD,3,0)(10,gD,5,0)(11,_D,2,0)(12,vD,3,0)(13,yD,1,0,`:svg:path`,2)(14,bD,1,0,`:svg:path`,3),V()),e&2){let e;A(),N((e=t.name())===`dashboard`?1:e===`timeline`?2:e===`components`?3:e===`routes`?4:e===`signals`?5:e===`injectors`?6:e===`store`?7:e===`forms`?8:e===`network`?9:e===`pipes`?10:e===`settings`?11:e===`errors`?12:e===`analog`?13:e===`capacitor`?14:-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`,[hw]: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 aT(e,t){let{channel:n,rpcOptions:r={}}=t;return Ox(e,{...n,timeout:-1,...r,proxify:!1})}function oT(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(hx.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 Kw(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new Kw(`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(hx.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 Kw(`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(hx.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(hx.client.connectionError,e),m(new Kw(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new Kw(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=aT(a.functions,{channel:ee,rpcOptions:o});a.register({name:hx.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new Kw(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e),m(e),i.emit(hx.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 Kw(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e)}return i.emit(hx.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(hx.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(hx.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(hx.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(hx.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function sT(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 cT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=sT(n.sse,r??`./`,location);return oT({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>iT({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 lT(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:uT(r)?lT(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function uT(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function dT(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function fT(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function pT(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function mT(e){if(e.error)throw lT(e.error);return e.output}function hT(e){return e.some(e=>e!=null)}function gT(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function _T(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?$C(e):e}function a(e,t){return i(gT(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 pT(r)?mT(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(dT(r)){if(hT(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(fT(r)){let e=Jx(n),i=r.records[e];if(i)return mT(await s(i,r.serialization));if(r.fallback)return mT(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!hT(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 vT(e){let t=_T(await e.fetchJsonFromBases(gw),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 yT=``;function bT(e,t){return`${e}${yT}${t}`}function xT(e){let t=new Map,n=new Map;e.client.register({name:hx.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(bT(e,n))?._push(r,i)}}),e.client.register({name:hx.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=bT(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:hx.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=bT(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(hx.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(yT);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=bT(n,r),o=t.get(a);if(o)return o;let s=aw({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(hx.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=bT(t,r),a=n.get(i);if(a)return a;let o=iw({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 ST(){}var CT=new Map;function wT(e){let t=e.url;e.authToken&&(t=`${t}?${yw}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=ST,onError:i=ST,onDisconnected:a=ST,definitions:o=CT}=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=eT(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 TT(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 tS(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function ET(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=TT(n.websocket,r??`./`,location);return oT({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>wT({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 DT(e){return e.includes(`:`)}function OT(e,t){return DT(t)?t:`${e}:${t}`}function kT(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 AT(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=e.sharedState.get(r,{initialValue:{}}),i}return kT(a)}function jT(e,t){return{global:AT(e,t,`global`),project:AT(e,t,`project`)}}function MT(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(DT(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(OT(t,n),...r)),callEvent:((n,...r)=>e.callEvent(OT(t,n),...r)),callOptional:((n,...r)=>e.callOptional(OT(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(OT(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(OT(t,n),r,i),upload:(n,r)=>e.streaming.upload(OT(t,n),r)}},settings:jT(e,t),scope:e.scope}}function NT(){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 PT(e,t={}){let n=t.modelContext??NT();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=cw(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=kx(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:Mx(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>FT(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 FT(e,t,n){try{let r=Px(n,e.args?.length);return{content:[{type:`text`,text:IT(await(await Ow(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:LT(e)}]}}}function IT(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function LT(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 RT(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 zT(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Yx(),a=Array.isArray(t)?t:[t],o=await Gw(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new bw({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new kw(f),m=e.webmcp===!1?void 0:PT(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(eS(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=RT(e.transport??`auto`,s),ne=te===`static`?await vT({fetchJsonFromBases:_}):te===`sse`?cT({...ee,sseOptions:e.sseOptions}):ET({...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=>(Vw(e),o={...o,authToken:e},ne.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ne.requestTrustWithCode(e);if(!t)return!1;Vw(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=Qw(ce),ce.streaming=xT(ce),ce.services=Zw(ce);let le=new Map;ce.scope=(e=>{if(!e)return ce;let t=le.get(e);return t||(t=MT(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 Xw(ce,{param:n}):!1;t||r||ce.isTrusted||await de()}return ie=fe().then(()=>{ae=!0},()=>{ae=!0}),s.mcp&&fw(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-DD97nExW.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 BT=zT,VT=[`components`,`injectors`,`signals`,`ngrx`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`],HT=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function UT(e){return`pangular:${e}`}var WT=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`],GT={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},idleAfterMs:{default:6e4,min:0,max:6e5}},KT={"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`},qT=[[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 JT(e){return qT.some(([t])=>t===e)}var YT=`pangular`,XT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},ZT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function QT(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=XT[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[...ZT.filter(e=>n.has(e)),r].join(`+`)}function $T(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 eE(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 tE=[{id:`dashboard`,label:`Dashboard`},{id:`timeline`,label:`Timeline`},{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`}],nE=1e4;function rE(e){return tE.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var iE={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`},aE=200;function oE(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 sE(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=aE?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 cE=[{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},{id:`dock:reset-size`,title:`Popup: reset the docked size`,group:`Popup`,keywords:`splitter resize height width`,popupOnly:!0},{id:`popout`,title:`Popup: open in its own window`,group:`Popup`,keywords:`pop out detach new window`,popupOnly:!0},{id:`popout:return`,title:`Popup: back into the page`,group:`Popup`,keywords:`pop in attach dock window`,popupOnly:!0}];function lE(e){let t=rE(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=cE.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function uE(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function dE(e,t){return typeof e==`boolean`?e:t}var fE=100,pE=100;function mE(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=pE);return[...new Set(t)].slice(0,fE)}function hE(e,t){let{default:n,min:r,max:i}=GT[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function gE(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function _E(e){let t=uE(e),n=uE(t.agent),r=uE(t.inspectors),i=uE(n.tools),a=uE(t.actions),o=dE(t.actions,!0),s=uE(t.redaction),c=uE(t.limits),l=gE(VT,e=>dE(r[e],!0));return{inspectors:l,agent:{readOnly:dE(n.readOnly,!1),tools:gE(VT,e=>l[e]&&dE(i[e],!0))},actions:gE(WT,e=>l[e]&&dE(a[e],o)),redaction:{secretNames:mE(s.secretNames),unmask:mE(s.unmask)},limits:Object.fromEntries(Object.keys(GT).map(e=>[e,hE(c[e],e)])),popup:{hotkey:vE(uE(t.popup).hotkey)}}}function vE(e){return e===!1?!1:QT(e)??`Alt+Shift+P`}function yE(e){let t=e?.configs;return _E(t?.[YT])}function bE(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 xE={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`},SE={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`},CE={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`,idleAfterMs:e=>e?`idle ${e/1e3} s after the last agent call`:`never idle`};function wE(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=VT.filter(t=>e.inspectors[t]);return n(`Inspectors off`,VT.filter(t=>!e.inspectors[t]).map(e=>xE[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>xE[e])),n(`Blocked actions`,WT.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>SE[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(GT).filter(t=>e.limits[t]!==GT[t].default).map(t=>CE[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]),t}function TE(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 EE(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 OE={debugApi:{subject:`Live data`,since:`12.0`},injectorProviders:{subject:`Reading providers and environment injectors`,since:`16.2`},injectorMetadata:{subject:`The full injector tree`,since:`17.0`},isSignal:{subject:`Telling signals apart in component values`,since:`17.1`},signalGraph:{subject:`The live signal graph`,since:`20.1`},deferBlocks:{subject:`Listing @defer blocks`,since:`19.1`},forBlocks:{subject:`Listing @for blocks`,since:`22.0`},profiler:{subject:`Recording change detection`,since:`20.0`},angularProfiling:{subject:`Angular profiling`,since:`20.0`},routerInstance:{subject:`The router debug util`,since:`20.3`}};function kE(e){let t=/^(\d+)\.(\d+)/.exec(e.trim());return t?`${t[1]}.${t[2]}`:e.trim()}function AE(e){let t=/^(\d+)(?:\.(\d+))?/.exec(e.trim());return t?[Number(t[1]),Number(t[2]??0)]:null}function jE(e,t){let n=AE(e),r=AE(t);return!n||!r?!1:n[0]===r[0]?n[1]>=r[1]:n[0]>r[0]}function ME(e,t){return e?.capabilities?.[t]===!1}function NE(e,t){let n=OE[e],r=`${n.subject} needs Angular ${n.since} or later`;if(!t)return`${r}; this page's Angular version is unknown.`;let i=kE(t);return jE(t,n.since)?`${r} in a development build; this page runs Angular ${i} without it, which usually means a production build.`:`${r}; this page runs Angular ${i}.`}var PE=`pangular-page-id`,FE=null;function IE(e){FE=e}function LE(){if(FE)return FE;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(PE)||null)}catch{return null}}function RE(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 zE(e,t){return e?t?e.pages?.[t]??null:e:null}function BE(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function VE(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function HE(e,t,n){return VE(e,t,n).then(e=>e,()=>null)}function UE(e){return e?.connectionMeta.backend===`static`}function WE(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 GE(e){return e.split(`@`)[1]??``}var KE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},qE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},JE=HE,YE={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 XE(e){return YE[e]??e}var ZE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function QE(e,t){return await JE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function $E(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 eD=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function tD(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(eD,(e,t)=>t??(e===`**`?``:e))}function nD(e){return yE(e?.connectionMeta)}function rD(e,t){return nD(e).actions[t]}var iD={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`};function aD(e){return iD[e]}var oD=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function sD(e,t){let n=iD[e];return!n||t.inspectors[n]}function cD(e,t){e&1&&(D(),Vg(0,`rect`,4)(1,`rect`,5)(2,`rect`,6)(3,`rect`,7))}function lD(e,t){e&1&&(D(),Vg(0,`path`,8)(1,`circle`,9)(2,`circle`,10)(3,`path`,11))}function uD(e,t){e&1&&(D(),Vg(0,`path`,12)(1,`path`,13)(2,`path`,14))}function dD(e,t){e&1&&(D(),Vg(0,`circle`,15)(1,`path`,16)(2,`circle`,17))}function fD(e,t){e&1&&(D(),Vg(0,`path`,1))}function pD(e,t){e&1&&(D(),Vg(0,`path`,18)(1,`path`,19)(2,`path`,20)(3,`path`,21))}function mD(e,t){e&1&&(D(),Vg(0,`ellipse`,22)(1,`path`,23)(2,`path`,24))}function hD(e,t){e&1&&(D(),Vg(0,`rect`,25)(1,`path`,26)(2,`path`,27)(3,`path`,28))}function gD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,8)(2,`path`,30))}function _D(e,t){e&1&&(D(),Vg(0,`path`,31)(1,`path`,32)(2,`path`,33)(3,`path`,34)(4,`circle`,35))}function vD(e,t){e&1&&(D(),Vg(0,`circle`,36)(1,`path`,37))}function yD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,38)(2,`path`,39))}function bD(e,t){e&1&&(D(),Vg(0,`path`,2))}function xD(e,t){e&1&&(D(),Vg(0,`path`,3))}var SD=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:15,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`,`M3 12h18`],[`cx`,`7`,`cy`,`12`,`r`,`2`],[`cx`,`14`,`cy`,`12`,`r`,`2`],[`d`,`M18 7v10`],[`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`,`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&&(D(),B(0,`svg`,0),M(1,cD,4,0)(2,lD,4,0)(3,uD,3,0)(4,dD,3,0)(5,fD,1,0,`:svg:path`,1)(6,pD,4,0)(7,mD,3,0)(8,hD,4,0)(9,gD,3,0)(10,_D,5,0)(11,vD,2,0)(12,yD,3,0)(13,bD,1,0,`:svg:path`,2)(14,xD,1,0,`:svg:path`,3),V()),e&2){let e;k(),N((e=t.name())===`dashboard`?1:e===`timeline`?2:e===`components`?3:e===`routes`?4:e===`signals`?5:e===`injectors`?6:e===`store`?7:e===`forms`?8:e===`network`?9:e===`pipes`?10:e===`settings`?11:e===`errors`?12:e===`analog`?13:e===`capacitor`?14:-1)}},styles:[`[_nghost-%COMP%] {
   display: inline-flex;
   flex-shrink: 0;
-}`]})},SD=(e,t)=>t.tab,CD=(e,t)=>t.label;function wD(e,t){e&1&&J(0),e&2&&X(` `,G().meta()?.projectName,` `)}function TD(e,t){e&1&&J(0,` Project details unavailable `)}function ED(e,t){e&1&&J(0,` Loading… `)}function DD(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function OD(e,t){e&1&&J(0,` Check that the dev server is running. `)}function kD(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 AD(e,t){if(e&1&&(L(0,`p`,10),M(1,DD,4,0)(2,OD,1,0),R(),M(3,kD,2,0,`button`,11)),e&2){let e=G();A(),N(e.staticReport()?1:2),A(2),N(e.staticReport()?-1:3)}}function jD(e,t){e&1&&(L(0,`li`,5)(1,`span`),J(2,`Analog`),R(),J(3),R()),e&2&&(A(3),Y(t))}function MD(e,t){e&1&&(L(0,`li`)(1,`span`),J(2,`Change detection`),R(),J(3),R()),e&2&&(A(3),Y(t))}function ND(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 PD(e,t){e&1&&(L(0,`span`,21),J(1,`–`),R(),L(2,`span`,20),J(3,`Count unavailable`),R())}function FD(e,t){e&1&&(z(0,`span`,22),L(1,`span`,20),J(2,`Counting…`),R())}function ID(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,ND,4,2)(9,PD,4,0)(10,FD,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 LD(e,t){e&1&&(L(0,`p`),J(1,`Loading…`),R())}function RD(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 zD(e,t){if(e&1&&(L(0,`dl`),P(1,RD,5,2,`div`,null,CD),R()),e&2){let e=G();A(),F(e.configItems())}}function BD(e,t){e&1&&(L(0,`p`),J(1,`Defaults`),R())}var VD=[{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 HD(e){return VD.filter(t=>oD(t.tab,e))}var UD={zoneless:`Zoneless`,zone:`zone.js`,"zone-unused":`Zoneless, zone.js loaded`};function WD(e){return e&&Object.hasOwn(UD,e)?UD[e]:null}var GD=new Set([`signal`,`computed`,`linkedSignal`,`effect`]),KD={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 qD(e,t,n){return`${e} ${e===1?t:n}`}function JD(e,t){for(let n of e??[])t(n),JD(n.children,t)}function YD(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 · ${qD(t,`directive`,`directives`)}`}}function XD(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 · ${qD(t,`redirect`,`redirects`)}`}}function ZD(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]=KD[e]??[e,e];return qD(t,n,r)});return{value:e.length,sub:n.join(` · `)}}function QD(e,t){let n=e?.forms??[],r=t?n.filter(e=>WE(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 $D(e){return e.cancelled||e.status===void 0?!1:e.status===0||e.status>=400}function eO(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($D).length;return{value:o.length,sub:`${o.length===1?`call`:`calls`} · ${s} failed`}}var tO=class e{rpc=$(null);navigate=Rv();staticReport=Q(()=>HE(this.rpc()));meta=k(null);config=Q(()=>tD(this.rpc()));stats=Q(()=>this.rpc()?HD(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=IE();destroyRef=w(Es);stopLive=[];zone=Q(()=>WD(RE(this.injectorTree(),this.pageId)?.zone));liveInjectors=Q(()=>{let e=RE(this.injectorTree(),this.pageId);if(!e?.roots?.length)return null;let t=0,n=0,r=e=>{t++,n+=e.providers?.length??0};return JD(e.roots,r),JD(e.environment,r),{injectors:t,providers:n}});liveSignals=Q(()=>{let e=zE(this.signalGraph(),this.pageId);return e?.nodes?.length?e.nodes.filter(e=>GD.has(e.kind??``)).length:null});cards=Q(()=>{let e=this.rows(),t={};if(e.components&&(t.components=YD(e.components)),e.routes&&(t.routes=XD(e.routes)),e.store&&(t.store=ZD(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 · ${qD(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=QD(i,this.pageId));let a=this.httpState();return a&&(t.network=eO(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=tD(e),r=e=>oD(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)),oD(`forms`,t)&&r(`forms`,e=>this.formsState.set(e??{}),`forms`),oD(`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,wD,1,1)(6,TD,1,0)(7,ED,1,0),R(),M(8,AD,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,jD,4,1,`li`,5),M(23,MD,4,1,`li`),R()(),L(24,`div`,6),P(25,ID,11,6,`button`,7,SD),R(),L(27,`section`,8)(28,`h2`,9),J(29,`Configuration`),R(),M(30,LD,2,0,`p`)(31,zD,3,0,`dl`)(32,BD,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:[xD],styles:[`[_nghost-%COMP%] {
+}`]})},CD=(e,t)=>t.tab,wD=(e,t)=>t.label;function TD(e,t){e&1&&J(0),e&2&&X(` `,G().meta()?.projectName,` `)}function ED(e,t){e&1&&J(0,` Project details unavailable `)}function DD(e,t){e&1&&J(0,` Loading… `)}function OD(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function kD(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 T(e),E(G(2).loadMeta())}),J(1,`Try again`),R()}}function jD(e,t){if(e&1&&(L(0,`p`,10),M(1,OD,4,0)(2,kD,1,0),R(),M(3,AD,2,0,`button`,11)),e&2){let e=G();k(),N(e.staticReport()?1:2),k(2),N(e.staticReport()?-1:3)}}function MD(e,t){e&1&&(L(0,`li`,5)(1,`span`),J(2,`Analog`),R(),J(3),R()),e&2&&(k(3),Y(t))}function ND(e,t){e&1&&(L(0,`li`)(1,`span`),J(2,`Change detection`),R(),J(3),R()),e&2&&(k(3),Y(t))}function PD(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();k(),Y(t.cards()[e.tab]?.value),k(2),Y(t.cards()[e.tab]?.sub)}}function FD(e,t){e&1&&(L(0,`span`,21),J(1,`–`),R(),L(2,`span`,20),J(3,`Count unavailable`),R())}function ID(e,t){e&1&&(z(0,`span`,22),L(1,`span`,20),J(2,`Counting…`),R())}function LD(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){let t=T(e).$implicit;return E(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,PD,4,2)(9,FD,4,0)(10,ID,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`),k(3),I(`name`,n.tab),k(4),Y(n.label),k(),N((e=i)===`ready`?8:e===`error`?9:10)}}function RD(e,t){e&1&&(L(0,`p`),J(1,`Loading…`),R())}function zD(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;k(2),Y(e.label),k(2),Y(e.value)}}function BD(e,t){if(e&1&&(L(0,`dl`),P(1,zD,5,2,`div`,null,wD),R()),e&2){let e=G();k(),F(e.configItems())}}function VD(e,t){e&1&&(L(0,`p`),J(1,`Defaults`),R())}var HD=[{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 UD(e){return HD.filter(t=>sD(t.tab,e))}var WD={zoneless:`Zoneless`,zone:`zone.js`,"zone-unused":`Zoneless, zone.js loaded`};function GD(e){return e&&Object.hasOwn(WD,e)?WD[e]:null}var KD=new Set([`signal`,`computed`,`linkedSignal`,`effect`]),qD={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 JD(e,t,n){return`${e} ${e===1?t:n}`}function YD(e,t){for(let n of e??[])t(n),YD(n.children,t)}function XD(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 · ${JD(t,`directive`,`directives`)}`}}function ZD(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 · ${JD(t,`redirect`,`redirects`)}`}}function QD(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]=qD[e]??[e,e];return JD(t,n,r)});return{value:e.length,sub:n.join(` · `)}}function $D(e,t){let n=e?.forms??[],r=t?n.filter(e=>GE(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 eO(e){return e.cancelled||e.status===void 0?!1:e.status===0||e.status>=400}function tO(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(eO).length;return{value:o.length,sub:`${o.length===1?`call`:`calls`} · ${s} failed`}}var nO=class e{rpc=$(null);navigate=Rv();staticReport=Q(()=>UE(this.rpc()));meta=O(null);config=Q(()=>nD(this.rpc()));stats=Q(()=>this.rpc()?UD(this.config()):[]);configItems=Q(()=>wE(this.config()));metaState=O(`loading`);states=O({});rows=O({});injectorTree=O(null);signalGraph=O(null);formsState=O(null);httpState=O(null);pageId=LE();destroyRef=C(Ds);stopLive=[];zone=Q(()=>GD(zE(this.injectorTree(),this.pageId)?.zone));liveInjectors=Q(()=>{let e=zE(this.injectorTree(),this.pageId);if(!e?.roots?.length)return null;let t=0,n=0,r=e=>{t++,n+=e.providers?.length??0};return YD(e.roots,r),YD(e.environment,r),{injectors:t,providers:n}});liveSignals=Q(()=>{let e=BE(this.signalGraph(),this.pageId);return e?.nodes?.length?e.nodes.filter(e=>KD.has(e.kind??``)).length:null});cards=Q(()=>{let e=this.rows(),t={};if(e.components&&(t.components=XD(e.components)),e.routes&&(t.routes=ZD(e.routes)),e.store&&(t.store=QD(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 · ${JD(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=$D(i,this.pageId));let a=this.httpState();return a&&(t.network=tO(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(){mc(()=>{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=nD(e),r=e=>sD(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)),sD(`forms`,t)&&r(`forms`,e=>this.formsState.set(e??{}),`forms`),sD(`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=A({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,TD,1,1)(6,ED,1,0)(7,DD,1,0),R(),M(8,jD,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,MD,4,1,`li`,5),M(23,ND,4,1,`li`),R()(),L(24,`div`,6),P(25,LD,11,6,`button`,7,CD),R(),L(27,`section`,8)(28,`h2`,9),J(29,`Configuration`),R(),M(30,RD,2,0,`p`)(31,BD,3,0,`dl`)(32,VD,2,0,`p`),R()),e&2){let e,n,r;j(`aria-busy`,t.metaState()===`loading`),k(4),q(`muted`,t.metaState()!==`ready`),k(),N((e=t.metaState())===`ready`?5:e===`error`?6:7),k(3),N(t.metaState()===`error`?8:-1),k(),q(`pending`,t.metaState()===`loading`),k(4),Y(t.meta()?.angularVersion??`…`),k(4),Y(t.meta()?.typescript??`…`),k(4),Y(t.meta()?t.meta()?.ssr?`On`:`Off`:`…`),k(),N((n=t.meta()?.analog)?22:-1,n),k(),N((r=t.zone())?23:-1,r),k(2),F(t.stats()),k(2),j(`aria-busy`,!t.rpc()),k(3),N(t.rpc()?t.configItems().length?31:32:30)}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
   display: block;
   max-width: 1200px;
 }
@@ -325,7 +325,7 @@ h2.muted[_ngcontent-%COMP%] {
   .skeleton[_ngcontent-%COMP%] {
     animation: none;
   }
-}`]})},nO=`pangular:panel-action-result`,rO=6e3,iO=0;function aO(e=window){return e.location.protocol===`chrome-extension:`&&e.parent!==e}function oO(e,t=window){let n=`pa-${Date.now().toString(36)}-${++iO}`;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!==nO||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`}),rO);t.addEventListener(`message`,a),t.parent.postMessage({...e,requestId:n},t.location.origin)})}var sO=class e{available=aO();reveal(e,t){return oO({type:`pangular:reveal-element`,pageId:e,id:t})}openSource(e,t,n){return oO({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 cO(e){let t=e?.pages;return t&&typeof t==`object`?t:{}}function lO(e){let t=w(Es),n=k({}),r=null,i=null,a=async e=>{i?.(),i=null,r=e;try{let a=await e.scope(`pangular`).rpc.sharedState(`page-angular`);if(t.destroyed||r!==e)return;let o=e=>n.set(cO(e));o(a.value()),i=a.on(`updated`,o)}catch{r===e&&n.set({})}};return pc(()=>{let t=e();t&&t!==r&&Nv(()=>void a(t))}),t.onDestroy(()=>i?.()),n.asReadonly()}function uO(e,t){if(t)return e[t]??null;let n=null;for(let t of Object.values(e))(!n||t.reportedAt>n.reportedAt)&&(n=t);return n}var dO=[`*`];function fO(e,t){if(e&1&&(B(0,`div`,1)(1,`p`,2),J(2),V(),B(3,`p`,3),J(4),s_(5),B(6,`a`,4),J(7,`Supported versions`),V()()()),e&2){let e=G();q(`compact`,e.compact()),A(2),Y(e.title()),A(2),X(` `,t,` `),A(2),qg(`href`,e.docsUrl,Mu)}}var pO=`https://pangular-inspector.dev/getting-started/installation/#supported-angular-versions`,mO=class e{page=$(null);capability=$.required();missing=$(!1,{transform:oy});compact=$(!1,{transform:oy});docsUrl=pO;text=Q(()=>{let e=this.page();return!this.missing()&&!jE(e,this.capability())?null:ME(this.capability(),e?.version)});title=Q(()=>{let e=this.page()?.version;return e?`Not available on Angular ${OE(e)}`:`Not available on this page`});static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-angular-unavailable`]],inputs:{page:[1,`page`],capability:[1,`capability`],missing:[1,`missing`],compact:[1,`compact`]},ngContentSelectors:dO,decls:1,vars:1,consts:[[`role`,`status`,1,`unavailable`,3,`compact`],[`role`,`status`,1,`unavailable`],[1,`title`],[1,`hint`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`]],template:function(e,t){if(e&1&&(o_(),M(0,fO,8,5,`div`,0)),e&2){let e;N((e=t.text())?0:-1,e)}},styles:[`[_nghost-%COMP%] {
+}`]})},rO=`pangular:panel-action-result`,iO=6e3,aO=0;function oO(e=window){return e.location.protocol===`chrome-extension:`&&e.parent!==e}function sO(e,t=window){let n=`pa-${Date.now().toString(36)}-${++aO}`;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!==rO||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`}),iO);t.addEventListener(`message`,a),t.parent.postMessage({...e,requestId:n},t.location.origin)})}var cO=class e{available=oO();reveal(e,t){return sO({type:`pangular:reveal-element`,pageId:e,id:t})}openSource(e,t,n){return sO({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=Nl({token:e,factory:e.ɵfac})};function lO(e){let t=e?.pages;return t&&typeof t==`object`?t:{}}function uO(e){let t=C(Ds),n=O({}),r=null,i=null,a=async e=>{i?.(),i=null,r=e;try{let a=await e.scope(`pangular`).rpc.sharedState(`page-angular`);if(t.destroyed||r!==e)return;let o=e=>n.set(lO(e));o(a.value()),i=a.on(`updated`,o)}catch{r===e&&n.set({})}};return mc(()=>{let t=e();t&&t!==r&&Nv(()=>void a(t))}),t.onDestroy(()=>i?.()),n.asReadonly()}function dO(e,t){if(t)return e[t]??null;let n=null;for(let t of Object.values(e))(!n||t.reportedAt>n.reportedAt)&&(n=t);return n}var fO=[`*`];function pO(e,t){if(e&1&&(B(0,`div`,1)(1,`p`,2),J(2),V(),B(3,`p`,3),J(4),s_(5),B(6,`a`,4),J(7,`Supported versions`),V()()()),e&2){let e=G();q(`compact`,e.compact()),k(2),Y(e.title()),k(2),X(` `,t,` `),k(2),qg(`href`,e.docsUrl,Nu)}}var mO=`https://pangular-inspector.dev/getting-started/installation/#supported-angular-versions`,hO=class e{page=$(null);capability=$.required();missing=$(!1,{transform:oy});compact=$(!1,{transform:oy});docsUrl=mO;text=Q(()=>{let e=this.page();return!this.missing()&&!ME(e,this.capability())?null:NE(this.capability(),e?.version)});title=Q(()=>{let e=this.page()?.version;return e?`Not available on Angular ${kE(e)}`:`Not available on this page`});static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-angular-unavailable`]],inputs:{page:[1,`page`],capability:[1,`capability`],missing:[1,`missing`],compact:[1,`compact`]},ngContentSelectors:fO,decls:1,vars:1,consts:[[`role`,`status`,1,`unavailable`,3,`compact`],[`role`,`status`,1,`unavailable`],[1,`title`],[1,`hint`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`]],template:function(e,t){if(e&1&&(o_(),M(0,pO,8,5,`div`,0)),e&2){let e;N((e=t.text())?0:-1,e)}},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -372,7 +372,7 @@ a[_ngcontent-%COMP%] {
 a[_ngcontent-%COMP%]:focus-visible {
   outline: 2px solid var(--%NS%accent);
   outline-offset: 2px;
-}`]})};function hO(e){return e?.platform===`angular-native`}function gO(e){return hO(e)||e?.platform===`nativescript`}function _O(e,t){let n=Object.values(e??{}).filter(hO);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 vO=[`trigger`],yO=[`list`],bO=(e,t)=>t.value;function xO(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 wO(e,t){if(e&1&&(B(0,`li`,10),J(1),V()),e&2){let e=G(2);A(),Y(e.emptyText())}}function TO(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,bO,!1,wO,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 EO=0,DO=class e{options=$.required();value=Gv(null);placeholder=$(`Select…`);ariaLabel=$(``);labelledBy=$(``);describedBy=$(``);disabled=$(!1);emptyText=$(`Nothing to choose`);uid=`app-select-${++EO}`;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,vO,5)(t.list,yO,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,xO,2,1,`span`,4),O(),B(5,`svg`,5),Vg(6,`path`,6),V()(),M(7,TO,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%] {
+}`]})};function gO(e){return e?.platform===`angular-native`}function _O(e){return gO(e)||e?.platform===`nativescript`}function vO(e,t){let n=Object.values(e??{}).filter(gO);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 yO=[`trigger`],bO=[`list`],xO=(e,t)=>t.value;function SO(e,t){if(e&1&&(B(0,`span`,4),J(1),V()),e&2){let e=G();k(),Y(e.current().hint)}}function CO(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.hint)}}function wO(e,t){if(e&1){let e=H();B(0,`li`,11),W(`pointerenter`,function(){let t=T(e).$index;return E(G(2).active.set(t))})(`pointerdown`,function(e){return e.preventDefault()})(`click`,function(){let t=T(e).$index;return E(G(2).choose(t))}),D(),B(1,`svg`,12),Vg(2,`path`,13),V(),_s(),B(3,`span`,14),J(4),V(),M(5,CO,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),k(4),Y(e.label),k(),N(e.hint?5:-1)}}function TO(e,t){if(e&1&&(B(0,`li`,10),J(1),V()),e&2){let e=G(2);k(),Y(e.emptyText())}}function EO(e,t){if(e&1&&(B(0,`ul`,8,1),_g(`list-in`),W(`pointerdown`,function(e){return e.preventDefault()}),P(2,wO,6,9,`li`,9,xO,!1,TO,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`),k(2),F(e.options())}}var DO=0,OO=class e{options=$.required();value=Gv(null);placeholder=$(`Select…`);ariaLabel=$(``);labelledBy=$(``);describedBy=$(``);disabled=$(!1);emptyText=$(`Nothing to choose`);uid=`app-select-${++DO}`;open=O(!1);active=O(-1);dropUp=O(!1);current=Q(()=>this.options().find(e=>e.value===this.value())??null);host=C(Il);injector=C(Ts);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)&&Hd(()=>{(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=A({type:e,selectors:[[`app-select`]],viewQuery:function(e,t){e&1&&l_(t.trigger,yO,5)(t.list,bO,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)},Iu),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,SO,2,1,`span`,4),D(),B(5,`svg`,5),Vg(6,`path`,6),V()(),M(7,EO,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),k(2),q(`placeholder`,!t.current()),k(),X(` `,t.current()?.label??t.placeholder(),` `),k(),N(t.current()?.hint?4:-1),k(3),N(t.open()?7:-1))},styles:[`[_nghost-%COMP%] {
   position: relative;
   display: inline-flex;
   min-width: 0;
@@ -567,7 +567,7 @@ li.selected[_ngcontent-%COMP%]   .check[_ngcontent-%COMP%] {
   .chevron[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function OO(e,t){let n=wE(t);if(TE(n))return{nodes:e,matches:0};let r=0,i=e=>e.flatMap(e=>{let t=EE(e,n);t&&r++;let a=i(e.children);return t||a.length?[{...e,children:a}]:[]});return{nodes:i(e),matches:r}}function kO(e){return e.flatMap(e=>e.kind===`directive`?kO(e.children):[{...e,children:kO(e.children)}])}function AO(e){return(e.attributes?.length?e.attributes:e.directives??[e.name]).map(e=>`[${e}]`).join(` `)}var jO={hydrated:`Hydrated`,skipped:`Skipped`,mismatched:`Mismatch`,client:`Client`};function MO(e){return jO[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 PO(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 FO(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 IO(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&&!LO(t.roots,i)?{pageId:r,selectedId:null,detailId:n,destroyed:i}:{pageId:r,selectedId:i,detailId:n,destroyed:null}}function LO(e,t){return e.some(e=>e.id===t||LO(e.children,t))}function RO(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 zO=(e,t)=>t.key,BO=(e,t)=>t.id;function VO(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 HO(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 UO(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 WO(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 GO(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,UO,4,1,`span`,15),M(7,WO,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 KO(e,t){if(e&1&&(B(0,`h3`,10),J(1,`Mismatches`),V(),B(2,`ul`,11),P(3,GO,8,4,`li`,null,BO),V()),e&2){let e=G(2);A(3),F(e.mismatches)}}function qO(e,t){if(e&1){let e=H();B(0,`div`,3)(1,`ul`,4),P(2,HO,4,4,`li`,5,zO),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,KO,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 JO(e,t){e&1&&M(0,VO,5,0,`p`,2)(1,qO,9,2),e&2&&N(+!!t.hydrated)}function YO(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 XO=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,JO,2,1)(4,YO,5,0,`p`,2),V()),e&2){let e;A(3),N((e=t.report())?3:4,e)}},styles:[`.hydration[_ngcontent-%COMP%] {
+}`]})};function kO(e,t){let n=TE(t);if(EE(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 AO(e){return e.flatMap(e=>e.kind===`directive`?AO(e.children):[{...e,children:AO(e.children)}])}function jO(e){return(e.attributes?.length?e.attributes:e.directives??[e.name]).map(e=>`[${e}]`).join(` `)}var MO={hydrated:`Hydrated`,skipped:`Skipped`,mismatched:`Mismatch`,client:`Client`};function NO(e){return MO[e]}function PO(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 FO(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 LO(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&&!RO(t.roots,i)?{pageId:r,selectedId:null,detailId:n,destroyed:i}:{pageId:r,selectedId:i,detailId:n,destroyed:null}}function RO(e,t){return e.some(e=>e.id===t||RO(e.children,t))}function zO(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 BO=(e,t)=>t.key,VO=(e,t)=>t.id;function HO(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 UO(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),k(2),Y(e.value),k(),X(` `,e.label,` `)}}function WO(e,t){if(e&1&&(B(0,`span`,15),J(1,`Expected `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;k(3),Y(e.expected)}}function GO(e,t){if(e&1&&(B(0,`span`,15),J(1,`Found `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;k(3),Y(e.actual)}}function KO(e,t){if(e&1){let e=H();B(0,`li`)(1,`button`,12),W(`click`,function(){let t=T(e).$implicit;return E(G(4).showNode.emit(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G(4).highlight.emit(t.id))})(`blur`,function(){return T(e),E(G(4).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(4).highlight.emit(t.id))})(`mouseleave`,function(){return T(e),E(G(4).highlight.emit(null))}),B(2,`span`,13),J(3),V(),B(4,`span`,14),J(5),V(),M(6,WO,4,1,`span`,15),M(7,GO,4,1,`span`,15),V()()}if(e&2){let e=t.$implicit;k(3),Y(e.name),k(2),X(`<`,e.tag,`>`),k(),N(e.expected?6:-1),k(),N(e.actual?7:-1)}}function qO(e,t){if(e&1&&(B(0,`h3`,10),J(1,`Mismatches`),V(),B(2,`ul`,11),P(3,KO,8,4,`li`,null,VO),V()),e&2){let e=G(2);k(3),F(e.mismatches)}}function JO(e,t){if(e&1){let e=H();B(0,`div`,3)(1,`ul`,4),P(2,UO,4,4,`li`,5,BO),V(),B(4,`button`,6),W(`click`,function(){return T(e),E(G(2).toggleOverlay())}),D(),B(5,`svg`,7),Vg(6,`rect`,8),V(),J(7,` Outline on page `),V()(),M(8,qO,5,0)}if(e&2){let e=G(),t=G();k(2),F(t.counts()),k(2),j(`aria-pressed`,t.overlayOn()),k(4),N(e.mismatches.length?8:-1)}}function YO(e,t){e&1&&M(0,HO,5,0,`p`,2)(1,JO,9,2),e&2&&N(+!!t.hydrated)}function XO(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 ZO=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=A({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,YO,2,1)(4,XO,5,0,`p`,2),V()),e&2){let e;k(3),N((e=t.report())?3:4,e)}},styles:[`.hydration[_ngcontent-%COMP%] {
   margin-top: 16px;
 }
 
@@ -738,7 +738,7 @@ svg[_ngcontent-%COMP%] {
   button[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function ZO(e){return new Date(e).toLocaleTimeString()}var QO=/[ \t\n\r]/;function $O(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(;QO.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+=`: `:QO.test(n)||(r+=n)}return r}function ek(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 tk=`https://pangular-inspector.dev/getting-started/configuration/#limits`,nk=class e{dropped=$(0);max=$.required();what=$.required();limit=$.required();docsUrl=tk;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,ek,7,6,`p`,0),e&2&&N(t.dropped()>0?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})};function QO(e){return new Date(e).toLocaleTimeString()}var $O=/[ \t\n\r]/;function ek(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(;$O.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+=`: `:$O.test(n)||(r+=n)}return r}function tk(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();k(),iv(` Showing the latest `,e.max(),` `,e.what(),`. `,e.dropped(),` older `,e.dropped()===1?`entry was`:`entries were`,` dropped. Raise `),k(2),X(`limits.`,e.limit()),k(2),qg(`href`,e.docsUrl,Nu)}}var nk=`https://pangular-inspector.dev/getting-started/configuration/#limits`,rk=class e{dropped=$(0);max=$.required();what=$.required();limit=$.required();docsUrl=nk;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,tk,7,6,`p`,0),e&2&&N(t.dropped()>0?0:-1)},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -765,7 +765,86 @@ a[_ngcontent-%COMP%] {
 a[_ngcontent-%COMP%]:focus-visible {
   outline: 2px solid var(--%NS%accent);
   outline-offset: 2px;
-}`]})},rk=16.6;function ik(e){return e.ms>rk}function ak(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}function ok(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 sk(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 ck(e){let t=e.reduce((e,t)=>Math.max(e,t.ms),0);return Math.max(t,rk*1.25)}function lk(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 uk={c:`component`,h:`hook`,r:`afterRender`,o:`output`};function dk(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 fk(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:dk(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 pk=(e,t)=>t.cycle.id,mk=(e,t)=>t.id;function hk(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 gk(e,t){if(e&1&&Vg(0,`div`,28),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function _k(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 vk(e,t){e&1&&(B(0,`span`,33),J(1,`over budget`),V())}function yk(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 bk(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 xk(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,vk,2,0,`span`,33),V(),M(7,yk,4,1,`p`),B(8,`p`),J(9),V(),P(10,bk,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 wk(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 Tk=0,Ek=80,Dk=10,Ok=class e{cycles=$([]);range=Gv(null);gapUntil=Ek;budgetLabel=`${rk} ms budget`;uid=`cd-chart-${Tk++}`;hintId=`${this.uid}-hint`;active=k(null);anchor=null;dragging=!1;hover=k(null);focused=k(!1);max=Q(()=>ck(this.cycles()));budgetAt=Q(()=>rk/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:ik(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(()=>ok(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(ik).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 ${rk} 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:ik(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 ak(e)}isOver(e){return ik(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}`,ak(e.ms)];ik(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} ${ak(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+Dk;break;case`PageUp`:r=n-Dk;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,hk,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,gk,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,_k,2,12,`div`,13,pk),V(),M(28,xk,12,12,`div`,14),V()(),B(29,`div`,15),P(30,Sk,1,2,`span`,16,pk),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,wk,15,7,`tr`,null,mk),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%] {
+}`]})},ik=864e13,ak=200,ok=300,sk=100,ck=10,lk=100,uk=2e3,dk=2e3,fk=4e3,pk=1e3,mk=100,hk=3,gk=50,_k={component:`c`,hook:`h`,afterRender:`r`,output:`o`},vk=Object.values(_k),yk=e=>!!e&&typeof e==`object`&&!Array.isArray(e),bk=e=>typeof e==`number`&&Number.isFinite(e)&&e>=0?e:0,xk=(e,t)=>typeof e==`string`?e.slice(0,t):``,Sk=e=>bk(e)>0?bk(e):void 0,Ck=(e,t)=>Array.isArray(e)?e.slice(0,t):[];function wk(e){if(!yk(e))return null;let t=xk(e.name,ak);return t?{name:t,checks:bk(e.checks),ms:bk(e.ms)}:null}function Tk(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>pk||typeof o!=`string`||!vk.includes(o)?null:[n,r,bk(i),a,o]}function Ek(e,t){if(!yk(e)||typeof e.id!=`number`)return null;let n=Ck(e.components,ck).map(wk).filter(e=>!!e),r=xk(e.trigger,ok),i=Ck(e.spans,40).map(e=>Tk(e,t)).filter(e=>!!e),a=Array.isArray(e.spans)?e.spans.length-40:0,o=Math.floor(bk(e.droppedSpans))+Math.max(0,a),s={t:typeof e.t==`number`?bk(e.t):void 0,hookMs:Sk(e.hookMs),afterRenderMs:Sk(e.afterRenderMs),outputMs:Sk(e.outputMs)},c=Ak(e.cause),l=Sk(e.refreshed),u=Sk(e.unchanged);return{id:bk(e.id),at:bk(e.at),ms:bk(e.ms),passes:bk(e.passes),...r?{trigger:r}:{},checks:bk(e.checks),components:n,...Object.fromEntries(Object.entries(s).filter(([,e])=>e!==void 0)),...i.length?{spans:i}:{},...o?{droppedSpans:o}:{},...c?{cause:c}:{},...l?{refreshed:l}:{},...u?{unchanged:u}:{}}}var Dk=[`event`,`http`,`timer`,`signal`,`effect`,`markForCheck`,`input`,`view`,`tick`,`zone`,`unknown`],Ok={event:`Event`,http:`HTTP response`,timer:`Timer`,signal:`Signal write`,effect:`Effect`,markForCheck:`markForCheck`,input:`setInput`,view:`View change`,tick:`ApplicationRef.tick`,zone:`zone.js only`,unknown:`Unknown`},kk=e=>typeof e==`string`&&Dk.includes(e);function Ak(e){if(!yk(e)||!kk(e.kind))return;let t=[`component`,`listener`,`event`,`target`,`signal`,`task`],n={kind:e.kind};kk(e.via)&&(n.via=e.via);for(let r of t){let t=xk(e[r],ak);t&&(n[r]=t)}e.zone===!0&&(n.zone=!0);let r=Ck(e.stack,hk).map(e=>xk(e,ok)).filter(Boolean);r.length&&(n.stack=r);let i=Math.floor(bk(e.more));return i&&(n.more=i),n}function jk(e){if(!yk(e))return null;let t=xk(e.name,ak);if(!t)return null;let n=e.strategy;return{name:t,refreshed:Math.floor(bk(e.refreshed)),unchanged:Math.floor(bk(e.unchanged)),...n===`OnPush`||n===`Eager`?{strategy:n}:{}}}function Mk(e){if(!yk(e))return null;let t=xk(e.name,ak),n=xk(e.input,ak);if(!t||!n)return null;let r=xk(e.parent,ak);return{name:t,input:n,...r?{parent:r}:{},inPlace:Math.floor(bk(e.inPlace)),sameContents:Math.floor(bk(e.sameContents))}}function Nk(e){if(!yk(e))return null;let t=xk(e.name,ak);if(!t)return null;let n=Ck(e.tasks,3).map(e=>xk(e,ak)).filter(Boolean);return{name:t,ticks:Math.floor(bk(e.ticks)),...n.length?{tasks:n}:{}}}function Pk(e){if(!yk(e))return;let t={};if(yk(e.causes))for(let n of Dk){let r=Math.floor(bk(e.causes[n]));r&&(t[n]=r)}let n=Ck(e.components,lk).map(jk).filter(e=>!!e),r=Ck(e.inputs,gk).map(Mk).filter(e=>!!e),i=Ck(e.zone,gk).map(Nk).filter(e=>!!e),a=Math.floor(bk(e.major));return{triggers:e.triggers===!0,waste:e.waste===!0,...a&&a<1e3?{major:a}:{},causes:t,components:n,...r.length?{inputs:r}:{},...i.length?{zone:i}:{}}}function Fk(e){let t=[],n=e.component?` in ${e.component}${e.listener?` (${e.listener})`:``}`:``;switch(e.kind){case`event`:t.push(`${e.event??`Template listener`}${e.target?` on ${e.target}`:``}${n}`);break;case`http`:t.push(`HTTP response${n}`);break;case`timer`:t.push(`${e.task??`Timer`}${n}`);break;case`zone`:t.push(`zone.js tick with no Angular notification${e.task?` after ${e.task}`:``}`);break;case`tick`:t.push(`ApplicationRef.tick()${n}`);break;default:t.push(`${Ok[e.kind]}${n}`)}return e.signal?t.push(`wrote signal ${e.signal}`):e.via&&e.via!==e.kind&&t.push(`via ${Ok[e.via]}`),e.zone&&e.kind!==`zone`&&t.push(`run by zone.js`),e.more&&t.push(`${e.more} more notification${e.more===1?``:`s`}`),t.join(`, `)}function Ik(e){if(!e)return[];let t=[],n=(e.major??0)>=22;for(let r of e.components){if(r.refreshed<10)continue;let e=r.refreshed-r.unchanged;if(e/r.refreshed>.2)continue;let i=`refreshed ${r.refreshed} times and changed something in ${e}`;r.strategy===`Eager`?t.push({name:r.name,kind:`on-push`,text:n?`${r.name} was ${i}. It opts out of OnPush, which is the default from Angular 22: remove \`changeDetection: ChangeDetectionStrategy.Eager\` (or \`Default\`) so Angular skips it until an input, event, signal or markForCheck marks it.`:`${r.name} was ${i}. Add \`changeDetection: ChangeDetectionStrategy.OnPush\` so Angular skips it until an input, event, signal or markForCheck marks it.`}):r.strategy===`OnPush`&&t.push({name:r.name,kind:`already-on-push`,text:`${r.name} was ${i}, and it is already OnPush${n?` (the default from Angular 22)`:``}. Something keeps marking it: an input that gets a new reference each time, an event or output in it, markForCheck, or a signal it reads that is set to an equal value.`})}for(let n of e.inputs??[]){let e=n.parent?` set by ${n.parent}`:``;n.inPlace&&t.push({name:n.name,kind:`in-place`,text:`Input ${n.input} of ${n.name}${e} changed in place ${n.inPlace} time${n.inPlace===1?``:`s`}: same reference, different contents. OnPush components, computed and signal equality don't see that. Pass a new object or array instead of mutating it.`}),n.sameContents&&t.push({name:n.name,kind:`same-contents`,text:`Input ${n.input} of ${n.name}${e} got a new reference with the same contents ${n.sameContents} time${n.sameContents===1?``:`s`}, so Angular refreshed ${n.name} for nothing. Keep the reference when nothing changed, for example with a computed instead of a method call in the template.`})}for(let n of e.zone??[]){let e=n.tasks?.length?` (after ${n.tasks.join(`, `)})`:``;t.push({name:n.name,kind:`zone`,text:`${n.name} changed in ${n.ticks} tick${n.ticks===1?``:`s`} that only zone.js started${e}. Without zone.js it would not update: keep that state in a signal, or call markForCheck after changing it.`})}return t}function Lk(e){let t=wk(e);return!t||!yk(e)?null:{...t,maxMs:bk(e.maxMs),cycles:bk(e.cycles)}}function Rk(e){if(!yk(e))return null;let t=xk(e.name,ak),n=xk(e.hook,sk);if(!t||!n)return null;let{calls:r,ms:i,maxMs:a}=e;return{name:t,hook:n,calls:bk(r),ms:bk(i),maxMs:bk(a)}}function zk(e){if(!yk(e))return null;let t=xk(e.name,ak);if(!t)return null;let n=xk(e.listener,ak);return{name:t,...n?{listener:n}:{},calls:bk(e.calls),ms:bk(e.ms),maxMs:bk(e.maxMs)}}function Bk(e){if(yk(e)&&bk(e.runs))return{runs:bk(e.runs),ms:bk(e.ms),maxMs:bk(e.maxMs)}}function Vk(e,t){if(!yk(e))return null;let n=Ck(e.spanNames,fk).map(e=>xk(e,ok)),r=Array.isArray(e.cycles)?e.cycles.slice(-Math.min(t,dk)).map(e=>Ek(e,n.length)).filter(e=>!!e):[],i={},a=0;if(yk(e.hosts)){let t=Object.entries(e.hosts);a=Math.max(0,t.length-uk);for(let[e,n]of t.slice(0,uk))e.length<50&&bk(n)&&(i[e]=bk(n))}let o=Array.isArray(e.components)?e.components:[],s=Math.floor(bk(e.droppedClasses))+Math.max(0,o.length-lk),c=Math.floor(bk(e.droppedHosts))+a,l=Ck(e.hooks,mk).map(Rk).filter(e=>!!e),u=Ck(e.outputs,mk).map(zk).filter(e=>!!e),d=Math.max(0,Ck(e.hooks,1/0).length-mk)+Math.max(0,Ck(e.outputs,1/0).length-mk),f=Math.floor(bk(e.droppedTimings))+d,p=Bk(e.afterRender),m=r.some(e=>e.spans?.length),h=Pk(e.diagnosis);return{recording:e.recording===!0,startedAt:typeof e.startedAt==`number`&&e.startedAt<=ik?bk(e.startedAt):null,dropped:bk(e.dropped),cycles:r,components:o.slice(0,lk).map(Lk).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}:{},...h?{diagnosis:h}:{}}}var Hk=`pangular-inspector/change-detection`;function Uk(e,t,n=Date.now()){return{format:Hk,version:1,exportedAt:n,pageId:t,recording:{...Vk(e,dk)??e,recording:!1,hosts:{}}}}function Wk(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(!yk(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=yk(n.recording)?n.recording:n;if(!Array.isArray(r.cycles))return{ok:!1,error:`The file has no change detection cycles.`};let i=Vk(r,t);if(!i)return{ok:!1,error:`The file is not a recording.`};let a=xk(n.pageId??r.pageId,49)||`imported`,o=Sk(n.exportedAt);return{ok:!0,pageId:a,...o?{exportedAt:o}:{},recording:{...i,recording:!1}}}var Gk=1,Kk=1,qk=2,Jk={c:`component`,h:`lifecycle-hook`,r:`after-render`,o:`output`},Yk=e=>Math.round(e*1e6)/1e3;function Xk(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:Gk,tid:Kk,ts:Yk(e),dur:Yk(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}:{},...t.cause?{cause:Fk(t.cause)}:{},...t.unchanged?{unchanged:t.unchanged}:{},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===_k.output){let n=e+i;a.push({name:l,cat:Jk[d],ph:`X`,pid:Gk,tid:qk,ts:Yk(n),dur:Yk(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:Jk[d],ph:`X`,pid:Gk,tid:Kk,ts:Yk(f),dur:Yk(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=Yk((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:Gk,tid:e,args:{name:n}});return{traceEvents:[l(0,`process_name`,`Angular change detection (page ${t})`),l(Kk,`thread_name`,`Change detection`),l(qk,`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<=ik?{startedAt:new Date(e.startedAt).toISOString()}:{}}}}var Zk=16.6;function Qk(e){return e.ms>Zk}function $k(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}function eA(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 tA(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 nA(e){let t=e.reduce((e,t)=>Math.max(e,t.ms),0);return Math.max(t,Zk*1.25)}function rA(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 iA={c:`component`,h:`hook`,r:`afterRender`,o:`output`};function aA(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 oA(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:aA(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 sA=(e,t)=>t.kind,cA=(e,t)=>t.name,lA=(e,t)=>t.name+`.`+t.input;function uA(e,t){e&1&&(B(0,`p`,3),J(1,` The page has no Angular change detection scheduler the overlay could find (it needs Angular 18 or later), so cycles have no cause. `),V())}function dA(e,t){if(e&1&&(B(0,`tr`)(1,`td`),J(2),V(),B(3,`td`,6),J(4),V()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),Y(e.count)}}function fA(e,t){if(e&1&&(B(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),J(4,`Trigger`),V(),B(5,`th`,5),J(6,`Cycles`),V()()(),B(7,`tbody`),P(8,dA,5,2,`tr`,null,sA),V()()),e&2){let e=G(2);k(8),F(e.causes())}}function pA(e,t){e&1&&(B(0,`p`,3),J(1,`No cycle has a cause yet.`),V())}function mA(e,t){if(e&1&&(B(0,`tr`)(1,`td`,7),J(2),V(),B(3,`td`,6),J(4),V(),B(5,`td`,7),J(6),V()()),e&2){let e=t.$implicit;k(2),Y(e.name),k(2),Y(e.ticks),k(2),Y(e.tasks?.join(`, `))}}function hA(e,t){if(e&1&&(B(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),J(4,`Component`),V(),B(5,`th`,5),J(6,`Zone-only ticks`),V(),B(7,`th`,4),J(8,`After`),V()()(),B(9,`tbody`),P(10,mA,7,3,`tr`,null,cA),V()()),e&2){let e=G(2);k(10),F(e.zone())}}function gA(e,t){if(e&1&&(B(0,`p`,3),J(1),V()),e&2){let e=G(2);k(),Y(e.zoneNote())}}function _A(e,t){e&1&&(B(0,`p`,3),J(1,`The page can't watch DOM updates, so wasted checks are not counted.`),V())}function vA(e,t){if(e&1&&(B(0,`tr`)(1,`td`,7),J(2),V(),B(3,`td`,6),J(4),V(),B(5,`td`,6),J(6),V(),B(7,`td`),J(8),V()()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.name),k(2),Y(e.refreshed),k(2),Z(``,e.unchanged,` (`,n.share(e.unchanged,e.refreshed),`)`),k(2),Y(e.strategy??`Unknown`)}}function yA(e,t){if(e&1&&(B(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),J(4,`Component`),V(),B(5,`th`,5),J(6,`Refreshed`),V(),B(7,`th`,5),J(8,`Changed nothing`),V(),B(9,`th`,4),J(10,`Strategy`),V()()(),B(11,`tbody`),P(12,vA,9,5,`tr`,null,cA),V()()),e&2){let e=G(2);k(12),F(e.wasted())}}function bA(e,t){e&1&&(B(0,`p`,3),J(1,`Every refreshed check changed something.`),V())}function xA(e,t){if(e&1&&(B(0,`tr`)(1,`td`,7),J(2),V(),B(3,`td`,7),J(4),V(),B(5,`td`,6),J(6),V(),B(7,`td`,6),J(8),V()()),e&2){let e=t.$implicit;k(2),Z(``,e.name,`.`,e.input),k(2),Y(e.parent??`Unknown`),k(2),Y(e.inPlace),k(2),Y(e.sameContents)}}function SA(e,t){if(e&1&&(B(0,`h4`),J(1,`Inputs that break OnPush`),V(),B(2,`table`)(3,`thead`)(4,`tr`)(5,`th`,4),J(6,`Input`),V(),B(7,`th`,4),J(8,`Set by`),V(),B(9,`th`,5),J(10,`Changed in place`),V(),B(11,`th`,5),J(12,`Same contents, new reference`),V()()(),B(13,`tbody`),P(14,xA,9,5,`tr`,null,lA),V()()),e&2){let e=G(2);k(14),F(e.inputs())}}function CA(e,t){if(e&1&&(B(0,`li`),J(1),V()),e&2){let e=t.$implicit;k(),Y(e.text)}}function wA(e,t){if(e&1&&(B(0,`h4`),J(1,`Hints`),V(),B(2,`ul`,8),P(3,CA,2,1,`li`,null,kg),V()),e&2){let e=G(2);k(3),F(e.hints())}}function TA(e,t){if(e&1&&(B(0,`section`,0)(1,`h3`,1),J(2,`Why it ran and what it wasted`),V(),B(3,`div`,2)(4,`div`)(5,`h4`),J(6,`What started the cycles`),V(),M(7,uA,2,0,`p`,3)(8,fA,10,0,`table`)(9,pA,2,0,`p`,3),V(),B(10,`div`)(11,`h4`),J(12,`Depends on zone.js`),V(),M(13,hA,12,0,`table`)(14,gA,2,1,`p`,3),V()(),B(15,`h4`),J(16,`Wasted checks`),V(),M(17,_A,2,0,`p`,3)(18,yA,14,0,`table`)(19,bA,2,0,`p`,3),M(20,SA,16,0),M(21,wA,5,0),V()),e&2){let e=t,n=G();k(7),N(e.triggers?n.causes().length?8:9:7),k(6),N(n.zone().length?13:e.triggers?14:-1),k(4),N(e.waste?n.wasted().length?18:19:17),k(3),N(n.inputs().length?20:-1),k(),N(n.hints().length?21:-1)}}var EA=10,DA=class e{page=$(null);diagnosis=Q(()=>this.page()?.diagnosis??null);causes=Q(()=>{let e=this.diagnosis()?.causes??{};return Dk.filter(t=>e[t]).map(t=>({kind:t,label:Ok[t],count:e[t]}))});zone=Q(()=>(this.diagnosis()?.zone??[]).slice(0,EA));zoneNote=Q(()=>{let e=this.diagnosis()?.causes.zone??0;return e?`${e} ${e===1?`tick`:`ticks`} came from zone.js alone, and no component changed in them.`:`No component changed in a tick only zone.js started.`});wasted=Q(()=>(this.diagnosis()?.components??[]).filter(e=>e.unchanged>0).slice(0,EA));inputs=Q(()=>(this.diagnosis()?.inputs??[]).slice(0,EA));hints=Q(()=>Ik(this.diagnosis()??void 0).slice(0,EA));share(e,t){return t?`${Math.round(e/t*100)}%`:`0%`}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-cd-diagnosis`]],inputs:{page:[1,`page`]},decls:1,vars:1,consts:[[`aria-labelledby`,`cd-diagnosis-heading`,1,`diagnosis`],[`id`,`cd-diagnosis-heading`],[1,`grid`],[1,`note`],[`scope`,`col`],[`scope`,`col`,1,`num`],[1,`num`],[1,`mono`],[1,`hints`]],template:function(e,t){if(e&1&&M(0,TA,22,5,`section`,0),e&2){let e;N((e=t.diagnosis())?0:-1,e)}},styles:[`[_nghost-%COMP%] {
+  display: block;
+}
+
+h3[_ngcontent-%COMP%] {
+  color: var(--%NS%text-3);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  margin: 16px 0 6px;
+}
+
+h4[_ngcontent-%COMP%] {
+  margin: 12px 0 6px;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.grid[_ngcontent-%COMP%] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 0 16px;
+}
+
+@media (min-width: 880px) {
+  .grid[_ngcontent-%COMP%] {
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  }
+}
+table[_ngcontent-%COMP%] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 12px;
+}
+
+th[_ngcontent-%COMP%], 
+td[_ngcontent-%COMP%] {
+  padding: 4px 6px;
+  border-bottom: 1px solid var(--%NS%border);
+  text-align: left;
+}
+
+th[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+  font-weight: 500;
+}
+
+td.mono[_ngcontent-%COMP%] {
+  overflow-wrap: anywhere;
+}
+
+.num[_ngcontent-%COMP%] {
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+}
+
+.mono[_ngcontent-%COMP%] {
+  font-family: var(--%NS%font-mono);
+}
+
+.note[_ngcontent-%COMP%] {
+  margin: 4px 0 8px;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.hints[_ngcontent-%COMP%] {
+  margin: 0;
+  padding-left: 18px;
+  color: var(--%NS%text);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.hints[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    + li[_ngcontent-%COMP%] {
+  margin-top: 4px;
+}`]})},OA=(e,t)=>t.cycle.id,kA=(e,t)=>t.id;function AA(e,t){if(e&1){let e=H();B(0,`button`,27),W(`click`,function(){return T(e),E(G().showAll())}),J(1,`Show all cycles`),V()}}function jA(e,t){if(e&1&&Vg(0,`div`,28),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function MA(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),k(),K(`height`,e.height,`%`)}}function NA(e,t){e&1&&(B(0,`span`,33),J(1,`over budget`),V())}function PA(e,t){if(e&1&&(B(0,`p`),J(1,` after `),B(2,`span`,35),J(3),V()()),e&2){let e=G();k(3),Y(e.cycle.trigger)}}function FA(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);k(2),Y(e.name),k(2),Y(n.fmt(e.ms))}}function IA(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,NA,2,0,`span`,33),V(),M(7,PA,4,1,`p`),B(8,`p`),J(9),V(),P(10,FA,5,2,`p`,34,kg),V()),e&2){let e=t,n=G();K(`left`,e.left)(`right`,e.right),k(3),Y(n.fmt(e.cycle.ms)),k(2),X(`cycle `,e.cycle.id),k(),N(e.over?6:-1),k(),N(e.cycle.trigger?7:-1),k(2),iv(` `,e.cycle.checks,` `,e.cycle.checks===1?`check`:`checks`,`, `,e.cycle.passes,` `,e.cycle.passes===1?`pass`:`passes`,` `),k(),F(e.top)}}function LA(e,t){if(e&1&&Vg(0,`span`),e&2){let e=t.$implicit;q(`over`,e.over)}}function RA(e,t){if(e&1&&J(0),e&2){let e=t,n=G(2);Z(` `,e.name,` (`,n.fmt(e.ms),`) `)}}function zA(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,RA,1,2),V()()),e&2){let e,n=t.$implicit,r=G();k(2),Y(n.id),k(2),Y(r.fmt(n.ms)),k(2),Y(r.isOver(n)?`Over`:`Within`),k(2),Y(n.checks),k(2),Y(n.passes),k(2),Y(n.trigger??``),k(2),N((e=n.components[0])?14:-1,e)}}var BA=0,VA=80,HA=10,UA=class e{cycles=$([]);range=Gv(null);gapUntil=VA;budgetLabel=`${Zk} ms budget`;uid=`cd-chart-${BA++}`;hintId=`${this.uid}-hint`;active=O(null);anchor=null;dragging=!1;hover=O(null);focused=O(!1);max=Q(()=>nA(this.cycles()));budgetAt=Q(()=>Zk/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:Qk(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(()=>eA(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(Qk).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 ${Zk} 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:Qk(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 $k(e)}isOver(e){return Qk(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}`,$k(e.ms)];Qk(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} ${$k(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+HA;break;case`PageUp`:r=n-HA;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=A({type:e,selectors:[[`app-cd-cycle-chart`]],hostBindings:function(e,t){e&1&&U(`pointerup`,function(){return t.endDrag()},Fu)(`pointercancel`,function(){return t.endDrag()},Fu)},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,AA,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,jA,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,MA,2,12,`div`,13,OA),V(),M(28,IA,12,12,`div`,14),V()(),B(29,`div`,15),P(30,LA,1,2,`span`,16,OA),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,zA,15,7,`tr`,null,kA),V()()()()),e&2){let e,n;k(4),qg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.startId()),k(4),qg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.endId()),k(),N(t.range()?9:-1),k(2),Y(t.summary()),k(),qg(`id`,t.hintId),k(2),q(`flush`,t.bars().length>t.gapUntil),k(3),Y(t.fmt(t.max())),k(4),N((e=t.band())?21:-1,e),k(),K(`bottom`,t.budgetAt(),`%`),k(2),Y(t.budgetLabel),k(),j(`aria-label`,`Change detection cycles, `+t.summary())(`aria-describedby`,t.hintId)(`aria-activedescendant`,t.activeOptionId()),k(),F(t.bars()),k(2),N((n=t.tip())?28:-1,n),k(),q(`flush`,t.bars().length>t.gapUntil),k(),F(t.bars()),k(12),Y(t.budgetLabel),k(4),j(`aria-label`,t.tableLabel()),k(3),X(` `,t.tableLabel(),` `),k(18),F(t.selected())}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1145,7 +1224,7 @@ td.mono[_ngcontent-%COMP%] {
   .bar[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},kk=(e,t)=>t.id,Ak=(e,t)=>t.index,jk=(e,t)=>t.kind;function Mk(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 Pk(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 Fk(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 Ik(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 Lk(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 Rk(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,Lk,15,9,`tr`,null,Ak),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 zk(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,kk),V(),B(4,`div`,4),P(5,Pk,3,16,`button`,5,Ak),V()(),B(7,`p`,6),J(8),V(),B(9,`ul`,7),P(10,Fk,3,4,`li`,null,jk),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,Ik,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,Rk,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 Bk(e,t){if(e&1&&(B(0,`h3`),J(1,`Spans in the picked cycles`),V(),M(2,Mk,2,2,`p`,0)(3,zk,19,6)),e&2){let e,t=G();A(2),N(t.tooMany()?2:(e=t.graph())?3:-1,e)}}var Vk=22;function Hk(e,t){for(let n=e.length-1;n>=0;n--)if(t(e[n]))return e[n]}var Uk=class e{cycles=$([]);names=$([]);scope=$(`the recording`);pick=Rv();row=Vk;max=30;kinds=[`c`,`h`,`r`,`o`].map(e=>({kind:e,label:uk[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:fk(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 ak(e)}kindLabel(e){return uk[e.kind]}onToggle(e){this.tableOpen.set(e.target.open)}describe(e){let t=[e.name,uk[e.kind],`${ak(e.ms)} total`];return e.selfMs!==e.ms&&t.push(`${ak(e.selfMs)} self`),t.push(e.start<0?`cycle ${e.cycleId}, ${ak(-e.start)} before it started`:`cycle ${e.cycleId} at ${ak(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=Hk(t,e=>e.index<n.index&&e.depth===n.depth);break;case`ArrowUp`:r=n.parent===null?Hk(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,Bk,4,1),e&2&&N(t.hasSpans()?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})},WA=(e,t)=>t.id,GA=(e,t)=>t.index,KA=(e,t)=>t.kind;function qA(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=G(2);k(),Z(` Pick `,e.max,` cycles or fewer to see their spans. `,e.count(),` are picked. `)}}function JA(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=t.$implicit;K(`left`,e.x,`%`)(`width`,e.w,`%`),k(),X(`cycle `,e.id)}}function YA(e,t){if(e&1){let e=H();B(0,`button`,11),W(`focus`,function(){let t=T(e).$implicit;return E(G(3).current.set(t.index))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).hover.set(t.index))})(`mouseleave`,function(){return T(e),E(G(3).hover.set(null))})(`click`,function(){let t=T(e).$implicit;return E(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`),k(2),Y(e.name)}}function XA(e,t){if(e&1&&(B(0,`li`),Vg(1,`span`,13),J(2),V()),e&2){let e=t.$implicit;k(),M_(pv(`key kind-`,e.kind)),k(),Y(e.label)}}function ZA(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=G(3);k(),Z(` Each cycle keeps its longest spans. `,e.dropped(),` shorter `,e.dropped()===1?`span was`:`spans were`,` left out. `)}}function QA(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);k(2),Y(e.cycleId),k(),K(`padding-left`,6+e.depth*8,`px`),k(),Y(e.name),k(2),Y(n.kindLabel(e)),k(2),Y(e.depth),k(2),Y(n.fmt(e.start)),k(2),Y(n.fmt(e.ms)),k(2),Y(n.fmt(e.selfMs))}}function $A(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,QA,15,9,`tr`,null,GA),V()()()),e&2){let e=G(),t=G(2);j(`aria-label`,t.tableLabel()),k(3),X(` `,t.tableLabel(),` `),k(18),F(e.blocks)}}function ej(e,t){if(e&1){let e=H();B(0,`div`,1),W(`keydown`,function(t){return T(e),E(G(2).onKey(t))}),B(1,`div`,2),P(2,JA,2,5,`span`,3,WA),V(),B(4,`div`,4),P(5,YA,3,16,`button`,5,GA),V()(),B(7,`p`,6),J(8),V(),B(9,`ul`,7),P(10,XA,3,4,`li`,null,KA),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,ZA,2,2,`p`,0),B(15,`details`,9),W(`toggle`,function(t){return T(e),E(G(2).onToggle(t))}),B(16,`summary`),J(17,`Show the spans as a table`),V(),M(18,$A,23,2,`div`,10),V()}if(e&2){let e=t,n=G(2);j(`aria-label`,n.label()),k(2),F(e.cycles),k(2),K(`height`,e.depth*n.row,`px`),k(),F(e.blocks),k(3),Y(n.readout()),k(2),F(n.kinds),k(4),N(n.dropped()?14:-1),k(4),N(n.tableOpen()?18:-1)}}function tj(e,t){if(e&1&&(B(0,`h3`),J(1,`Spans in the picked cycles`),V(),M(2,qA,2,2,`p`,0)(3,ej,19,6)),e&2){let e,t=G();k(2),N(t.tooMany()?2:(e=t.graph())?3:-1,e)}}var nj=22;function rj(e,t){for(let n=e.length-1;n>=0;n--)if(t(e[n]))return e[n]}var ij=class e{cycles=$([]);names=$([]);scope=$(`the recording`);pick=Rv();row=nj;max=30;kinds=[`c`,`h`,`r`,`o`].map(e=>({kind:e,label:iA[e]}));current=O(0);tableOpen=O(!1);hover=O(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:oA(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 $k(e)}kindLabel(e){return iA[e.kind]}onToggle(e){this.tableOpen.set(e.target.open)}describe(e){let t=[e.name,iA[e.kind],`${$k(e.ms)} total`];return e.selfMs!==e.ms&&t.push(`${$k(e.selfMs)} self`),t.push(e.start<0?`cycle ${e.cycleId}, ${$k(-e.start)} before it started`:`cycle ${e.cycleId} at ${$k(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=rj(t,e=>e.index<n.index&&e.depth===n.depth);break;case`ArrowUp`:r=n.parent===null?rj(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=A({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,tj,4,1),e&2&&N(t.hasSpans()?0:-1)},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1352,7 +1431,7 @@ td.mono[_ngcontent-%COMP%] {
 .num[_ngcontent-%COMP%] {
   text-align: right;
   font-variant-numeric: tabular-nums;
-}`]})};function Wk(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 Gk(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,Wk,9,5,`tr`,null,kg),V()()()),e&2){let e=G(2);A(15),F(e.hooks())}}function Kk(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` (`,e.listener,`) `)}}function qk(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5),J(2),M(3,Kk,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 Jk(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,qk,10,5,`tr`,null,kg),V()()()),e&2){let e=G(2);A(15),F(e.outputs())}}function Yk(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 Xk(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 Zk(e,t){if(e&1&&(B(0,`div`,0),M(1,Gk,17,0,`div`),M(2,Jk,17,0,`div`),V(),M(3,Yk,2,4,`p`,1),M(4,Xk,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 Qk=10;function $k(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}var eA=class e{page=$(null);hooks=Q(()=>(this.page()?.hooks??[]).slice(0,Qk));outputs=Q(()=>(this.page()?.outputs??[]).slice(0,Qk));afterRender=Q(()=>{let e=this.page()?.afterRender;return e?.runs?e:null});dropped=Q(()=>this.page()?.droppedTimings??0);ms(e){return $k(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,Zk,5,4),e&2&&N(t.hooks().length||t.outputs().length||t.afterRender()?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})};function aj(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);k(2),Z(``,e.name,`.`,e.hook),k(2),Y(e.calls),k(2),Y(n.ms(e.ms)),k(2),Y(n.ms(e.maxMs))}}function oj(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,aj,9,5,`tr`,null,kg),V()()()),e&2){let e=G(2);k(15),F(e.hooks())}}function sj(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` (`,e.listener,`) `)}}function cj(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5),J(2),M(3,sj,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);k(2),X(` `,e.name,` `),k(),N(e.listener?3:-1),k(2),Y(e.calls),k(2),Y(n.ms(e.ms)),k(2),Y(n.ms(e.maxMs))}}function lj(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,cj,10,5,`tr`,null,kg),V()()()),e&2){let e=G(2);k(15),F(e.outputs())}}function uj(e,t){if(e&1&&(B(0,`p`,1),J(1),V()),e&2){let e=t,n=G(2);k(),iv(` afterRender callbacks ran `,e.runs,` `,e.runs===1?`time`:`times`,`, `,n.ms(e.ms),` in total, slowest `,n.ms(e.maxMs),`. `)}}function dj(e,t){if(e&1&&(B(0,`p`,2),J(1),V()),e&2){let e=G(2);k(),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 fj(e,t){if(e&1&&(B(0,`div`,0),M(1,oj,17,0,`div`),M(2,lj,17,0,`div`),V(),M(3,uj,2,4,`p`,1),M(4,dj,2,2,`p`,2)),e&2){let e,t=G();k(),N(t.hooks().length?1:-1),k(),N(t.outputs().length?2:-1),k(),N((e=t.afterRender())?3:-1,e),k(),N(t.dropped()?4:-1)}}var pj=10;function mj(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}var hj=class e{page=$(null);hooks=Q(()=>(this.page()?.hooks??[]).slice(0,pj));outputs=Q(()=>(this.page()?.outputs??[]).slice(0,pj));afterRender=Q(()=>{let e=this.page()?.afterRender;return e?.runs?e:null});dropped=Q(()=>this.page()?.droppedTimings??0);ms(e){return mj(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,fj,5,4),e&2&&N(t.hooks().length||t.outputs().length||t.afterRender()?0:-1)},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -1412,7 +1491,7 @@ td.mono[_ngcontent-%COMP%] {
   margin: 8px 0 0;
   color: var(--%NS%text-2);
   font-size: 12px;
-}`]})},tA=864e13,nA=200,rA=300,iA=100,aA=10,oA=100,sA=2e3,cA=2e3,lA=4e3,uA=1e3,dA=100,fA={component:`c`,hook:`h`,afterRender:`r`,output:`o`},pA=Object.values(fA),mA=e=>!!e&&typeof e==`object`&&!Array.isArray(e),hA=e=>typeof e==`number`&&Number.isFinite(e)&&e>=0?e:0,gA=(e,t)=>typeof e==`string`?e.slice(0,t):``,_A=e=>hA(e)>0?hA(e):void 0,vA=(e,t)=>Array.isArray(e)?e.slice(0,t):[];function yA(e){if(!mA(e))return null;let t=gA(e.name,nA);return t?{name:t,checks:hA(e.checks),ms:hA(e.ms)}:null}function bA(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>uA||typeof o!=`string`||!pA.includes(o)?null:[n,r,hA(i),a,o]}function xA(e,t){if(!mA(e)||typeof e.id!=`number`)return null;let n=vA(e.components,aA).map(yA).filter(e=>!!e),r=gA(e.trigger,rA),i=vA(e.spans,40).map(e=>bA(e,t)).filter(e=>!!e),a=Array.isArray(e.spans)?e.spans.length-40:0,o=Math.floor(hA(e.droppedSpans))+Math.max(0,a),s={t:typeof e.t==`number`?hA(e.t):void 0,hookMs:_A(e.hookMs),afterRenderMs:_A(e.afterRenderMs),outputMs:_A(e.outputMs)};return{id:hA(e.id),at:hA(e.at),ms:hA(e.ms),passes:hA(e.passes),...r?{trigger:r}:{},checks:hA(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=yA(e);return!t||!mA(e)?null:{...t,maxMs:hA(e.maxMs),cycles:hA(e.cycles)}}function CA(e){if(!mA(e))return null;let t=gA(e.name,nA),n=gA(e.hook,iA);if(!t||!n)return null;let{calls:r,ms:i,maxMs:a}=e;return{name:t,hook:n,calls:hA(r),ms:hA(i),maxMs:hA(a)}}function wA(e){if(!mA(e))return null;let t=gA(e.name,nA);if(!t)return null;let n=gA(e.listener,nA);return{name:t,...n?{listener:n}:{},calls:hA(e.calls),ms:hA(e.ms),maxMs:hA(e.maxMs)}}function TA(e){if(mA(e)&&hA(e.runs))return{runs:hA(e.runs),ms:hA(e.ms),maxMs:hA(e.maxMs)}}function EA(e,t){if(!mA(e))return null;let n=vA(e.spanNames,lA).map(e=>gA(e,rA)),r=Array.isArray(e.cycles)?e.cycles.slice(-Math.min(t,cA)).map(e=>xA(e,n.length)).filter(e=>!!e):[],i={},a=0;if(mA(e.hosts)){let t=Object.entries(e.hosts);a=Math.max(0,t.length-sA);for(let[e,n]of t.slice(0,sA))e.length<50&&hA(n)&&(i[e]=hA(n))}let o=Array.isArray(e.components)?e.components:[],s=Math.floor(hA(e.droppedClasses))+Math.max(0,o.length-oA),c=Math.floor(hA(e.droppedHosts))+a,l=vA(e.hooks,dA).map(CA).filter(e=>!!e),u=vA(e.outputs,dA).map(wA).filter(e=>!!e),d=Math.max(0,vA(e.hooks,1/0).length-dA)+Math.max(0,vA(e.outputs,1/0).length-dA),f=Math.floor(hA(e.droppedTimings))+d,p=TA(e.afterRender),m=r.some(e=>e.spans?.length);return{recording:e.recording===!0,startedAt:typeof e.startedAt==`number`&&e.startedAt<=tA?hA(e.startedAt):null,dropped:hA(e.dropped),cycles:r,components:o.slice(0,oA).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 DA=`pangular-inspector/change-detection`;function OA(e,t,n=Date.now()){return{format:DA,version:1,exportedAt:n,pageId:t,recording:{...EA(e,cA)??e,recording:!1,hosts:{}}}}function kA(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(!mA(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=mA(n.recording)?n.recording:n;if(!Array.isArray(r.cycles))return{ok:!1,error:`The file has no change detection cycles.`};let i=EA(r,t);if(!i)return{ok:!1,error:`The file is not a recording.`};let a=gA(n.pageId??r.pageId,49)||`imported`,o=_A(n.exportedAt);return{ok:!0,pageId:a,...o?{exportedAt:o}:{},recording:{...i,recording:!1}}}var AA=1,jA=1,MA=2,NA={c:`component`,h:`lifecycle-hook`,r:`after-render`,o:`output`},PA=e=>Math.round(e*1e6)/1e3;function FA(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:AA,tid:jA,ts:PA(e),dur:PA(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===fA.output){let n=e+i;a.push({name:l,cat:NA[d],ph:`X`,pid:AA,tid:MA,ts:PA(n),dur:PA(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:AA,tid:jA,ts:PA(f),dur:PA(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=PA((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:AA,tid:e,args:{name:n}});return{traceEvents:[l(0,`process_name`,`Angular change detection (page ${t})`),l(jA,`thread_name`,`Change detection`),l(MA,`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<=tA?{startedAt:new Date(e.startedAt).toISOString()}:{}}}}function IA(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=G();A(),Y(e.error())}}function LA(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 RA=class e{page=$(null);maxCycles=$(200);imported=Rv();error=k(``);hasCycles(){return(this.page()?.cycles.length??0)>0}exportJson(){let e=this.page();e&&LA(OA(e,e.pageId),`change-detection-${e.pageId}.json`)}exportTrace(){let e=this.page();e&&LA(FA(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=kA(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,IA,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%] {
+}`]})};function gj(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=G();k(),Y(e.error())}}function _j(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 vj=class e{page=$(null);maxCycles=$(200);imported=Rv();error=O(``);hasCycles(){return(this.page()?.cycles.length??0)>0}exportJson(){let e=this.page();e&&_j(Uk(e,e.pageId),`change-detection-${e.pageId}.json`)}exportTrace(){let e=this.page();e&&_j(Xk(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=Wk(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=A({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 T(e),E(d_(8).click())}),J(6,`Import`),V(),B(7,`input`,4,0),W(`change`,function(){T(e);let n=d_(8);return E(t.read(n))}),V()(),M(9,gj,2,1,`p`,5)}e&2&&(k(),qg(`disabled`,!t.hasCycles()),k(2),qg(`disabled`,!t.hasCycles()),k(6),N(t.error()?9:-1))},styles:[`[_nghost-%COMP%] {
   display: contents;
 }
 
@@ -1454,7 +1533,7 @@ button[_ngcontent-%COMP%]:disabled {
   margin: 0;
   color: var(--%NS%danger-text);
   font-size: 12px;
-}`]})},zA=(e,t)=>t.stat.name;function BA(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 VA(e,t){if(e&1&&(B(0,`div`,6)(1,`span`,7),J(2),V(),M(3,BA,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 HA(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 UA(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,HA,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 WA(e,t){if(e&1&&(B(0,`li`),M(1,VA,4,4,`div`,4)(2,UA,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 GA(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,WA,3,9,`li`,3,zA),V()}if(e&2){let e=G();j(`aria-label`,e.label()),A(),F(e.cells())}}function KA(e,t){e&1&&(B(0,`p`,1),J(1,`No component time in these cycles.`),V())}var qA=24,JA=3,YA=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,qA),n=e.slice(qA),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=lk(i,e=>e.stat.ms,JA);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, ${ak(t.ms)}, ${r}% of self time`:`${t.name}, ${ak(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 ak(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,GA,3,1,`ul`,0)(1,KA,2,0,`p`,1),e&2&&N(+!t.cells().length)},styles:[`[_nghost-%COMP%] {
+}`]})},yj=(e,t)=>t.stat.name;function bj(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2).$implicit;k(),X(``,e.other,` more`)}}function xj(e,t){if(e&1&&(B(0,`div`,6)(1,`span`,7),J(2),V(),M(3,bj,2,1,`span`,8),V()),e&2){let e=G().$implicit;K(`--%NS%tone`,e.tone+`%`),k(2),Y(e.label),k(),N(e.roomy?3:-1)}}function Sj(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);k(),Y(e.stat.name),k(2),Y(t.fmt(e.stat.ms))}}function Cj(e,t){if(e&1){let e=H();B(0,`button`,9),W(`focus`,function(){T(e);let t=G().$index;return E(G(2).current.set(t))})(`click`,function(){T(e);let t=G().$implicit;return E(G(2).pick.emit(t.stat.name))}),M(1,Sj,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),k(),N(t.roomy?1:-1)}}function wj(e,t){if(e&1&&(B(0,`li`),M(1,xj,4,4,`div`,4)(2,Cj,2,6,`button`,5),V()),e&2){let e=t.$implicit;K(`left`,e.x,`%`)(`top`,e.y,`%`)(`width`,e.w,`%`)(`height`,e.h,`%`),k(),N(e.other?1:2)}}function Tj(e,t){if(e&1){let e=H();B(0,`ul`,2),W(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(1,wj,3,9,`li`,3,yj),V()}if(e&2){let e=G();j(`aria-label`,e.label()),k(),F(e.cells())}}function Ej(e,t){e&1&&(B(0,`p`,1),J(1,`No component time in these cycles.`),V())}var Dj=24,Oj=3,kj=class e{stats=$([]);scope=$(`the recording`);pick=Rv();current=O(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,Dj),n=e.slice(Dj),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=rA(i,e=>e.stat.ms,Oj);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, ${$k(t.ms)}, ${r}% of self time`:`${t.name}, ${$k(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 $k(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=A({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,Tj,3,1,`ul`,0)(1,Ej,2,0,`p`,1),e&2&&N(+!t.cells().length)},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1530,7 +1609,7 @@ button.cell[_ngcontent-%COMP%]:focus-visible {
 .empty[_ngcontent-%COMP%] {
   margin: 8px 0;
   color: var(--%NS%text-2);
-}`]})},XA=(e,t)=>t.id;function ZA(e,t){if(e&1){let e=H();L(0,`button`,15),U(`click`,function(){return E(e),D(G(2).clear())}),J(1,`Clear`),R()}}function QA(e,t){if(e&1){let e=H();L(0,`button`,12),U(`click`,function(){return E(e),D(G().toggle())}),z(1,`span`,13),J(2),R(),M(3,ZA,2,0,`button`,14)}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 $A(e,t){if(e&1){let e=H();L(0,`p`,6)(1,`span`,16),J(2,`Imported recording`),R(),L(3,`span`,17),J(4),R(),L(5,`button`,15),U(`click`,function(){return E(e),D(G().closeImport())}),J(6,`Back to live recording`),R()()}e&2&&(A(4),Y(t.fileName))}function ej(e,t){e&1&&z(0,`app-angular-unavailable`,8),e&2&&I(`page`,G().angularPage())}function tj(e,t){e&1&&(L(0,`p`,10),J(1,`Angular profiling stays on until the page reloads.`),R())}function nj(e,t){e&1&&z(0,`app-angular-unavailable`,21),e&2&&I(`page`,G(2).angularPage())}function rj(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`span`,19),J(2,`Live views`),R(),L(3,`button`,20),U(`click`,function(){E(e);let t=G();return D(t.setView(`flash`,!t.views().flash))}),z(4,`span`,13),J(5,` Flash checks `),R(),L(6,`button`,20),U(`click`,function(){E(e);let t=G();return D(t.setView(`track`,!t.views().track))}),z(7,`span`,13),J(8,` Performance track `),R(),L(9,`button`,20),U(`click`,function(){return E(e),D(G().setView(`angularProfiling`,!0))}),z(10,`span`,13),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,tj,2,0,`p`,10)(15,nj,1,1,`app-angular-unavailable`,21)}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 ij(e,t){if(e&1&&(L(0,`p`,10),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function aj(e,t){if(e&1&&(L(0,`p`,24),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 oj(e,t){e&1&&(L(0,`p`,10),J(1,` For picked cycles, totals come from the 10 slowest components each cycle lists. `),R())}function sj(e,t){if(e&1){let e=H();L(0,`h3`),J(1,`Cycles`),R(),L(2,`app-cd-cycle-chart`,22),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`,23),U(`pick`,function(t){return E(e),D(G().showComponent.emit(t))}),R(),M(4,aj,2,1,`p`,24),L(5,`h3`),J(6,`Self time by component`),R(),M(7,oj,2,0,`p`,10),L(8,`app-cd-treemap`,25),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 cj(e,t){if(e&1&&(L(0,`tr`)(1,`td`,17),J(2),R(),L(3,`td`,31),J(4),R(),L(5,`td`,31),J(6),R(),L(7,`td`,31),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 lj(e,t){e&1&&(L(0,`tr`)(1,`td`,32),J(2,`No component time in the picked cycles.`),R()())}function uj(e,t){if(e&1&&(L(0,`span`,34),J(1,`after `),L(2,`span`,17),J(3),R()()),e&2){let e=G().$implicit;A(3),Y(e.trigger)}}function dj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit,t=G(2);A(),X(`hooks `,t.ms(e.hookMs))}}function fj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit,t=G(2);A(),X(`afterRender `,t.ms(e.afterRenderMs))}}function pj(e,t){if(e&1&&(L(0,`span`,36),J(1,` slowest `),L(2,`span`,17),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 mj(e,t){if(e&1&&(L(0,`li`)(1,`span`,33),J(2),R(),L(3,`span`,17),J(4),R(),L(5,`span`),J(6),R(),M(7,uj,4,1,`span`,34),M(8,dj,2,1,`span`,35),M(9,fj,2,1,`span`,35),M(10,pj,5,2,`span`,36),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 hj(e,t){if(e&1&&(L(0,`div`,26)(1,`div`)(2,`h3`),J(3),R(),L(4,`table`)(5,`thead`)(6,`tr`)(7,`th`,27),J(8,`Component`),R(),L(9,`th`,28),J(10,`Checks`),R(),L(11,`th`,28),J(12,`Self time`),R(),L(13,`th`,28),J(14,`Slowest`),R()()(),L(15,`tbody`),P(16,cj,9,4,`tr`,null,kg,!1,lj,3,0,`tr`),R()()(),L(19,`div`)(20,`h3`),J(21,`Latest cycles`),R(),L(22,`ol`,29),P(23,mj,11,10,`li`,null,XA),R()()(),z(25,`app-cd-timing`,30)),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 gj(e,t){e&1&&(L(0,`p`,11),J(1,`Use the app. Cycles show up here as Angular runs change detection.`),R())}var _j=10,vj=class e{livePage=$(null,{alias:`page`});pageId=$(null);rpc=$(null);angularPages=lO(()=>this.rpc());angularPage=Q(()=>uO(this.angularPages(),this.pageId()));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(()=>tD(this.rpc()).limits.cdCycles);picked=Q(()=>ok(this.cycles(),this.range()));hasSpans=Q(()=>this.picked().some(e=>e.spans?.length));spanNames=Q(()=>this.page()?.spanNames??[]);stats=Q(()=>this.range()?sk(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,_j));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 ZO(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 BE(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`],[`capability`,`profiler`,`missing`,``,`compact`,``,3,`page`],[`what`,`cycles`,`limit`,`cdCycles`,3,`dropped`,`max`],[1,`note`],[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`],[`capability`,`angularProfiling`,`missing`,``,`compact`,``,3,`page`],[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,QA,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,$A,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,ej,1,1,`app-angular-unavailable`,8),M(14,rj,16,7),z(15,`app-limit-note`,9),P(16,ij,2,1,`p`,10,Ag),M(18,sj,9,9),M(19,hj,26,3)(20,gj,2,0,`p`,11),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:[mO,nk,eA,RA,Ok,Uk,YA],styles:[`[_nghost-%COMP%] {
+}`]})},Aj=(e,t)=>t.id;function jj(e,t){if(e&1){let e=H();L(0,`button`,15),U(`click`,function(){return T(e),E(G(2).clear())}),J(1,`Clear`),R()}}function Mj(e,t){if(e&1){let e=H();L(0,`button`,12),U(`click`,function(){return T(e),E(G().toggle())}),z(1,`span`,13),J(2),R(),M(3,jj,2,0,`button`,14)}if(e&2){let e=G();q(`on`,e.recording()),I(`disabled`,!e.pageId()),k(2),X(` `,e.recording()?`Stop recording`:`Record`,` `),k(),N(e.cycles().length?3:-1)}}function Nj(e,t){if(e&1){let e=H();L(0,`p`,6)(1,`span`,16),J(2,`Imported recording`),R(),L(3,`span`,17),J(4),R(),L(5,`button`,15),U(`click`,function(){return T(e),E(G().closeImport())}),J(6,`Back to live recording`),R()()}e&2&&(k(4),Y(t.fileName))}function Pj(e,t){e&1&&z(0,`app-angular-unavailable`,8),e&2&&I(`page`,G().angularPage())}function Fj(e,t){e&1&&(L(0,`p`,10),J(1,`Angular profiling stays on until the page reloads.`),R())}function Ij(e,t){e&1&&z(0,`app-angular-unavailable`,21),e&2&&I(`page`,G(2).angularPage())}function Lj(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`span`,19),J(2,`Live views`),R(),L(3,`button`,20),U(`click`,function(){T(e);let t=G();return E(t.setView(`flash`,!t.views().flash))}),z(4,`span`,13),J(5,` Flash checks `),R(),L(6,`button`,20),U(`click`,function(){T(e);let t=G();return E(t.setView(`track`,!t.views().track))}),z(7,`span`,13),J(8,` Performance track `),R(),L(9,`button`,20),U(`click`,function(){return T(e),E(G().setView(`angularProfiling`,!0))}),z(10,`span`,13),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,Fj,2,0,`p`,10)(15,Ij,1,1,`app-angular-unavailable`,21)}if(e&2){let e=G();k(3),I(`disabled`,!e.canShowViews()),j(`aria-pressed`,e.views().flash),k(3),I(`disabled`,!e.canShowViews()),j(`aria-pressed`,e.views().track),k(3),I(`disabled`,!e.canShowViews()||e.views().angularProfiling||!e.views().angularProfilingAvailable),j(`aria-pressed`,e.views().angularProfiling),k(5),N(e.views().angularProfiling?14:e.views().angularProfilingAvailable?-1:15)}}function Rj(e,t){if(e&1&&(L(0,`p`,10),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function zj(e,t){if(e&1&&(L(0,`p`,24),J(1),R()),e&2){let e=G(2);k(),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 Bj(e,t){e&1&&(L(0,`p`,10),J(1,` For picked cycles, totals come from the 10 slowest components each cycle lists. `),R())}function Vj(e,t){if(e&1){let e=H();L(0,`h3`),J(1,`Cycles`),R(),L(2,`app-cd-cycle-chart`,22),cv(`rangeChange`,function(t){T(e);let n=G();return sv(n.range,t)||(n.range=t),E(t)}),R(),L(3,`app-cd-flame-graph`,23),U(`pick`,function(t){return T(e),E(G().showComponent.emit(t))}),R(),M(4,zj,2,1,`p`,24),L(5,`h3`),J(6,`Self time by component`),R(),M(7,Bj,2,0,`p`,10),L(8,`app-cd-treemap`,25),U(`pick`,function(t){return T(e),E(G().showComponent.emit(t))}),R()}if(e&2){let e=G();k(2),I(`cycles`,e.cycles()),ov(`range`,e.range),k(),I(`cycles`,e.picked())(`names`,e.spanNames())(`scope`,e.scope()),k(),N(e.hasSpans()?-1:4),k(3),N(e.range()?7:-1),k(),I(`stats`,e.stats())(`scope`,e.scope())}}function Hj(e,t){if(e&1&&(L(0,`tr`)(1,`td`,17),J(2),R(),L(3,`td`,31),J(4),R(),L(5,`td`,31),J(6),R(),L(7,`td`,31),J(8),R()()),e&2){let e=t.$implicit,n=G(2);k(2),Y(e.name),k(2),Y(e.checks),k(2),Y(n.ms(e.ms)),k(2),Y(n.ms(e.maxMs))}}function Uj(e,t){e&1&&(L(0,`tr`)(1,`td`,32),J(2,`No component time in the picked cycles.`),R()())}function Wj(e,t){if(e&1&&(L(0,`span`,34),J(1,`from `),L(2,`span`,17),J(3),R()()),e&2){let e=G(3);k(3),Y(e.causeText(t))}}function Gj(e,t){if(e&1&&(L(0,`span`,34),J(1,`after `),L(2,`span`,17),J(3),R()()),e&2){let e=G().$implicit;k(3),Y(e.trigger)}}function Kj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.unchanged,` changed nothing`)}}function qj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),X(`hooks `,t.ms(e.hookMs))}}function Jj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),X(`afterRender `,t.ms(e.afterRenderMs))}}function Yj(e,t){if(e&1&&(L(0,`span`,36),J(1,` slowest `),L(2,`span`,17),J(3),R(),J(4),R()),e&2){let e=t,n=G(3);k(3),Y(e.name),k(),X(` `,n.ms(e.ms),` `)}}function Xj(e,t){if(e&1&&(L(0,`li`)(1,`span`,33),J(2),R(),L(3,`span`,17),J(4),R(),L(5,`span`),J(6),R(),M(7,Wj,4,1,`span`,34)(8,Gj,4,1,`span`,34),M(9,Kj,2,1,`span`,35),M(10,qj,2,1,`span`,35),M(11,Jj,2,1,`span`,35),M(12,Yj,5,2,`span`,36),R()),e&2){let e,n,r=t.$implicit,i=G(2);k(2),Y(i.clock(r.at)),k(2),Y(i.ms(r.ms)),k(2),iv(` `,r.checks,` `,r.checks===1?`check`:`checks`,`, `,r.passes,` `,r.passes===1?`pass`:`passes`,` `),k(),N((e=r.cause)?7:r.trigger?8:-1,e),k(2),N(r.unchanged?9:-1),k(),N(r.hookMs?10:-1),k(),N(r.afterRenderMs?11:-1),k(),N((n=r.components[0])?12:-1,n)}}function Zj(e,t){if(e&1&&(L(0,`div`,26)(1,`div`)(2,`h3`),J(3),R(),L(4,`table`)(5,`thead`)(6,`tr`)(7,`th`,27),J(8,`Component`),R(),L(9,`th`,28),J(10,`Checks`),R(),L(11,`th`,28),J(12,`Self time`),R(),L(13,`th`,28),J(14,`Slowest`),R()()(),L(15,`tbody`),P(16,Hj,9,4,`tr`,null,kg,!1,Uj,3,0,`tr`),R()()(),L(19,`div`)(20,`h3`),J(21,`Latest cycles`),R(),L(22,`ol`,29),P(23,Xj,13,11,`li`,null,Aj),R()()(),z(25,`app-cd-timing`,30)(26,`app-cd-diagnosis`,30)),e&2){let e=G();k(3),X(` `,e.range()?`Slowest components in the picked cycles`:`Slowest components`,` `),k(13),F(e.slowest()),k(7),F(e.latest()),k(2),I(`page`,e.page()),k(),I(`page`,e.page())}}function Qj(e,t){e&1&&(L(0,`p`,11),J(1,`Use the app. Cycles show up here as Angular runs change detection.`),R())}var $j=10,eM=class e{livePage=$(null,{alias:`page`});pageId=$(null);rpc=$(null);angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.pageId()));showComponent=Rv();range=O(null);imported=O(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=O(``);announcement=O(``);recording=Q(()=>this.page()?.recording===!0);cycles=Q(()=>this.page()?.cycles??[]);maxCycles=Q(()=>nD(this.rpc()).limits.cdCycles);picked=Q(()=>eA(this.cycles(),this.range()));hasSpans=Q(()=>this.picked().some(e=>e.spans?.length));spanNames=Q(()=>this.page()?.spanNames??[]);stats=Q(()=>this.range()?tA(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,$j));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 QO(e)}causeText(e){return Fk(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 VE(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=A({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`],[`capability`,`profiler`,`missing`,``,`compact`,``,3,`page`],[`what`,`cycles`,`limit`,`cdCycles`,3,`dropped`,`max`],[1,`note`],[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`],[`capability`,`angularProfiling`,`missing`,``,`compact`,``,3,`page`],[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,Mj,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,Nj,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, what started it and which checks changed nothing. Tree rows show how often each instance was checked. Times come from a development build. While it records, the page also wraps Angular's scheduler, adds a signal write hook and watches DOM updates; all of it stops with the recording. `),R(),M(13,Pj,1,1,`app-angular-unavailable`,8),M(14,Lj,16,7),z(15,`app-limit-note`,9),P(16,Rj,2,1,`p`,10,Ag),M(18,Vj,9,9),M(19,Zj,27,4)(20,Qj,2,0,`p`,11),R()),e&2){let e;k(4),N(t.imported()?-1:4),k(),I(`page`,t.page())(`maxCycles`,t.maxCycles()),k(2),Y(t.status()),k(2),Y(t.announcement()),k(),N((e=t.imported())?10:-1,e),k(3),N(t.page()?.supported===!1?13:-1),k(),N(t.imported()?-1:14),k(),I(`dropped`,t.page()?.dropped??0)(`max`,t.maxCycles()),k(),F(t.capNotes()),k(2),N(t.cycles().length?18:-1),k(),N(t.page()?.components?.length?19:t.recording()?20:-1)}},dependencies:[hO,rk,hj,DA,vj,UA,ij,kj],styles:[`[_nghost-%COMP%] {
   display: block;
   margin-top: 16px;
 }
@@ -1732,7 +1811,7 @@ td.mono[_ngcontent-%COMP%] {
 .trigger[_ngcontent-%COMP%]   .mono[_ngcontent-%COMP%], 
 .top[_ngcontent-%COMP%]   .mono[_ngcontent-%COMP%] {
   overflow-wrap: anywhere;
-}`]})},yj=[`*`];function bj(e,t){e&1&&J(0),e&2&&Y(G(2).label())}function xj(e,t){e&1&&s_(0,0,null,bj,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 wj(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 Tj=class e{source=k(k(null));client=Q(()=>this.source()());available=Q(()=>{let e=this.client();return!!e&&!HE(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 BE(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 Ej(e,t){return t?`${e}:${t}`:e}var Dj=class e{editor=w(Tj);file=$.required();line=$(void 0);label=Q(()=>Ej(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:yj,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,xj,2,0,`ng-template`,null,0,Ev),M(2,Cj,3,4)(3,wj,2,2,`span`,1)),e&2&&(A(2),N(t.editor.available()?2:3))},dependencies:[ub],styles:[`[_nghost-%COMP%] {
+}`]})},tM=[`*`];function nM(e,t){e&1&&J(0),e&2&&Y(G(2).label())}function rM(e,t){e&1&&s_(0,0,null,nM,1,1)}function iM(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G(2);k(),Y(e.message())}}function aM(e,t){if(e&1){let e=H();L(0,`button`,2),U(`click`,function(){return T(e),E(G().open())}),Gg(1,3),R(),M(2,iM,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`),k(),I(`ngTemplateOutlet`,t),k(),N(e.message()?2:-1)}}function oM(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()),k(),I(`ngTemplateOutlet`,t)}}var sM=class e{source=O(O(null));client=Q(()=>this.source()());available=Q(()=>{let e=this.client();return!!e&&!UE(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 VE(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=Nl({token:e,factory:e.ɵfac})};function cM(e,t){return t?`${e}:${t}`:e}var lM=class e{editor=C(sM);file=$.required();line=$(void 0);label=Q(()=>cM(this.file(),this.line()));message=O(``);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=A({type:e,selectors:[[`app-source-link`]],inputs:{file:[1,`file`],line:[1,`line`]},ngContentSelectors:tM,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,rM,2,0,`ng-template`,null,0,Ev),M(2,aM,3,4)(3,oM,2,2,`span`,1)),e&2&&(k(2),N(t.editor.available()?2:3))},dependencies:[ub],styles:[`[_nghost-%COMP%] {
   display: inline;
   min-width: 0;
 }
@@ -1767,7 +1846,7 @@ td.mono[_ngcontent-%COMP%] {
   color: var(--%NS%danger-text);
   font-family: var(--%NS%font-sans);
   font-size: 0.92em;
-}`]})},Oj=[`field`],kj=[`editButton`],Aj=[`valueBox`];function jj(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 Mj(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 Pj(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G(2);A(),Y(e.prop().locked)}}function Fj(e,t){if(e&1&&(B(0,`div`,11),M(1,Mj,4,6,`pre`),M(2,Nj,3,2,`button`,12),V(),M(3,Pj,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 Ij(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 Lj=0;function Rj(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 zj=class e{prop=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);bare=$(!1);readDraft=$(null);fieldId=`prop-edit-${++Lj}`;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(){dy(()=>{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=Rj(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,Oj,5)(t.editButton,kj,5)(t.valueBox,Aj,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,jj,11,11)(1,Fj,4,3),M(2,Ij,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:[gb],styles:[`[_nghost-%COMP%] {
+}`]})},uM=[`field`],dM=[`editButton`],fM=[`valueBox`];function pM(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 T(e),E(G().draft.set(t.target.value))})(`keydown.enter`,function(t){T(e);let n=G();return t.preventDefault(),E(n.apply())})(`keydown.escape`,function(t){T(e);let n=G();return t.preventDefault(),t.stopPropagation(),E(n.cancel())}),V(),B(5,`button`,8),W(`click`,function(){return T(e),E(G().apply())}),J(6,`Apply`),V(),B(7,`button`,9),W(`click`,function(){return T(e),E(G().cancel())}),J(8,`Cancel`),V()(),B(9,`p`,10),J(10),V()}if(e&2){let e=G();k(),qg(`htmlFor`,e.fieldId),k(),X(`New value of `,e.prop().name,`, as JSON`),k(),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:``)),k(2),qg(`disabled`,e.busy()),k(4),qg(`id`,e.hintId),k(),X(` JSON, such as "text", 42, true or `,e.objectSample,`. Enter applies, Escape cancels. `)}}function mM(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),k(2),Y(Cv(3,4,e.prop().value))}}function hM(e,t){if(e&1){let e=H();B(0,`button`,14,2),W(`click`,function(){return T(e),E(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 gM(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G(2);k(),Y(e.prop().locked)}}function _M(e,t){if(e&1&&(B(0,`div`,11),M(1,mM,4,6,`pre`),M(2,hM,3,2,`button`,12),V(),M(3,gM,2,1,`p`,13)),e&2){let e=G();k(),N(e.bare()?-1:1),k(),N(e.editable()?2:-1),k(),N(e.writes()&&e.prop().locked?3:-1)}}function vM(e,t){if(e&1&&(B(0,`p`,3),J(1),V()),e&2){let e=G();qg(`id`,e.errorId),k(),Y(e.error())}}var yM=0;function bM(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 xM=class e{prop=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);bare=$(!1);readDraft=$(null);fieldId=`prop-edit-${++yM}`;hintId=`${this.fieldId}-hint`;errorId=`${this.fieldId}-error`;objectSample=`{"a": 1}`;editing=O(!1);draft=O(``);busy=O(!1);error=O(``);done=O(``);editable=Q(()=>this.writes()&&!!this.prop().edit&&!!this.pageId()&&!!this.rpc());field=Jv(`field`);editButton=Jv(`editButton`);valueBox=Jv(`valueBox`);injector=C(Ts);scrollable=O(!1);constructor(){dy(()=>{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),Hd(()=>{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=bM(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(){Hd(()=>this.editButton()?.nativeElement.focus(),{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-prop-value`]],viewQuery:function(e,t){e&1&&l_(t.field,uM,5)(t.editButton,dM,5)(t.valueBox,fM,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,pM,11,11)(1,_M,4,3),M(2,vM,2,2,`p`,3),B(3,`p`,4),J(4),V()),e&2&&(N(+!t.editing()),k(2),N(t.error()?2:-1),k(2),Y(t.done()))},dependencies:[gb],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1890,7 +1969,7 @@ button.edit[_ngcontent-%COMP%] {
 
 .error[_ngcontent-%COMP%] {
   color: var(--%NS%danger-text);
-}`]})},Bj=1e3,Vj={depth:5,limit:100},Hj=`[redacted]`;function Uj(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function Wj(e){return Uj(e)&&typeof e.$more==`number`&&Object.keys(e).length===1}function Gj(e){return Uj(e)&&typeof e.$collapsed==`string`&&typeof e.size==`number`&&Object.keys(e).length===2}function Kj(e){return e===`Array`?`array`:e===`Map`?`map`:e===`Set`?`set`:`object`}function qj(e){return e.$type===`Map`&&Array.isArray(e.entries)}function Jj(e){return e.$type===`Set`&&Array.isArray(e.values)}function Yj(e){return Object.keys(e).filter(e=>e!==`$type`&&e!==`$more`)}function Xj(e){if(!e||typeof e!=`object`)return null;if(Gj(e))return e.size<=0?null:{kind:Kj(e.$collapsed),type:e.$collapsed,size:e.size,collapsed:!0};if(Wj(e))return null;if(Array.isArray(e)){let t=e.at(-1),n=Wj(t)?t.$more:0,r=e.length-+!!n+n;return r?{kind:`array`,type:`Array`,size:r,collapsed:!1}:null}let t=e;if(qj(t)||Jj(t)){let e=typeof t.size==`number`?t.size:0,n=qj(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=Yj(t).length+n,i=typeof t.$type==`string`?t.$type:`Object`;return r?{kind:`object`,type:i,size:r,collapsed:!1}:null}function Zj(e){if(typeof e==`string`)return JSON.stringify(e);let t=Xj(e);if(t)return eM(t);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function Qj(e){let t=Xj(e);if(!t||t.collapsed)return{children:[],more:0};if(Array.isArray(e)){let n=(Wj(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:Zj(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:Yj(n).map(e=>({key:e,label:e,value:n[e]})),more:typeof n.$more==`number`?n.$more:0}}function $j(e,t,n){return`${e} ${e===1?t:n}`}function eM(e){let t={array:$j(e.size,`item`,`items`),object:$j(e.size,`key`,`keys`),map:$j(e.size,`entry`,`entries`),set:$j(e.size,`value`,`values`)}[e.kind];return`${e.type} (${t})`}function tM(e,t){return JSON.stringify(t===void 0?e:[t,...e])}function nM(e,t){return e.map((e,n)=>n===0?e:(t?t[n-1]!==`object`:/^\d+$/.test(e))?`[${e}]`:`.${e}`).join(``)}function rM(e){return e.every(e=>e&&e===e.trim()&&!/[.[\]]/.test(e))?e.join(`.`):null}var iM=/^\[(Getter|Unreadable|Circular|Truncated|Function\b.*|Promise)\]$/;function aM(e){return e===null||typeof e==`boolean`?!0:typeof e==`number`?Number.isFinite(e):typeof e==`string`&&e!==Hj&&!iM.test(e)&&!e.endsWith(`…`)}function oM(e,t){return!e||t.kind===`map`||t.kind===`set`||e===`signal`&&t.kind===`object`&&t.type!==`Object`?null:e}function sM(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=tM(e);if(!(s.has(r)||a.length>=i)){s.add(r);for(let r of Qj(t).children){let t=[...e,r.key];if(r.label.toLowerCase().includes(o)&&a.push(t),!Xj(r.value))continue;let i=n(t)??(Xj(r.value)?.collapsed?void 0:r.value);i!==void 0&&c(t,i)}}};return c(e,n(e)??t),a}var cM=(e,t)=>t.id;function lM(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 uM(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 dM(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G(2).$implicit;A(),Y(e.text)}}function fM(e,t){if(e&1&&(L(0,`span`,14),J(1),R(),M(2,uM,1,5,`app-prop-value`,15)(3,dM,2,1,`span`,16)),e&2){let e,t=G().$implicit;A(),X(``,t.label,`:`),A(),N((e=t.edit)?2:3,e)}}function pM(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 mM(e,t){e&1&&(L(0,`span`,12),J(1,`Reading from the page…`),R())}function hM(e,t){if(e&1&&(L(0,`span`,13),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.text)}}function gM(e,t){if(e&1&&(L(0,`li`,9),M(1,lM,7,4,`button`,10)(2,fM,4,2)(3,pM,4,2,`button`,11)(4,mM,2,0,`span`,12)(5,hM,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 _M(e,t){if(e&1&&(L(0,`ul`,7),P(1,gM,6,3,`li`,8,cM),R()),e&2){let e=G(2);I(`id`,e.listId),j(`aria-label`,e.prop().name+` entries`),A(),F(e.rows())}}function vM(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,_M,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 yM(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 bM=0;function xM(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 aM(e)}var CM=class e{prop=$.required();store=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);directive=$(void 0);query=$(``);listId=`value-tree-${++bM}`;host=w(Fl);pendingMore=null;constructor(){dy(()=>{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(()=>Xj(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 sM(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(tM(e));for(let t=2;t<=e.length;t++)i.add(tM(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}=Qj(e);for(let e of h){let h=[...o,e.key],g=tM(h);if(r&&!m&&!i.has(g))continue;let _=Xj(e.value),ee=tM(h,n);if(!_){let t=p&&aM(e.value)?rM(h):null;c.push({id:ee,kind:`leaf`,depth:f,path:h,label:e.label,text:xM(e.value),edit:s&&t&&p?{name:nM(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:eM(_),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,oM(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:`${tM(e,n)}:${r}`,kind:r,depth:t,path:e,label:``,text:``});return l(this.rootValue(),this.rootPath(),[e.kind],0,s?oM(o.editInside??null,e):null,!r),c});readWhole=async()=>{let e=await this.store().read(this.rootPath(),Vj.depth,Vj.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 eM(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,vM,8,12)(1,yM,1,5,`app-prop-value`,0),e&2){let e;N((e=t.root())?0:1,e)}},dependencies:[zj],styles:[`[_nghost-%COMP%] {
+}`]})},SM=1e3,CM={depth:5,limit:100},wM=`[redacted]`;function TM(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function EM(e){return TM(e)&&typeof e.$more==`number`&&Object.keys(e).length===1}function DM(e){return TM(e)&&typeof e.$collapsed==`string`&&typeof e.size==`number`&&Object.keys(e).length===2}function OM(e){return e===`Array`?`array`:e===`Map`?`map`:e===`Set`?`set`:`object`}function kM(e){return e.$type===`Map`&&Array.isArray(e.entries)}function AM(e){return e.$type===`Set`&&Array.isArray(e.values)}function jM(e){return Object.keys(e).filter(e=>e!==`$type`&&e!==`$more`)}function MM(e){if(!e||typeof e!=`object`)return null;if(DM(e))return e.size<=0?null:{kind:OM(e.$collapsed),type:e.$collapsed,size:e.size,collapsed:!0};if(EM(e))return null;if(Array.isArray(e)){let t=e.at(-1),n=EM(t)?t.$more:0,r=e.length-+!!n+n;return r?{kind:`array`,type:`Array`,size:r,collapsed:!1}:null}let t=e;if(kM(t)||AM(t)){let e=typeof t.size==`number`?t.size:0,n=kM(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=jM(t).length+n,i=typeof t.$type==`string`?t.$type:`Object`;return r?{kind:`object`,type:i,size:r,collapsed:!1}:null}function NM(e){if(typeof e==`string`)return JSON.stringify(e);let t=MM(e);if(t)return IM(t);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function PM(e){let t=MM(e);if(!t||t.collapsed)return{children:[],more:0};if(Array.isArray(e)){let n=(EM(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:NM(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:jM(n).map(e=>({key:e,label:e,value:n[e]})),more:typeof n.$more==`number`?n.$more:0}}function FM(e,t,n){return`${e} ${e===1?t:n}`}function IM(e){let t={array:FM(e.size,`item`,`items`),object:FM(e.size,`key`,`keys`),map:FM(e.size,`entry`,`entries`),set:FM(e.size,`value`,`values`)}[e.kind];return`${e.type} (${t})`}function LM(e,t){return JSON.stringify(t===void 0?e:[t,...e])}function RM(e,t){return e.map((e,n)=>n===0?e:(t?t[n-1]!==`object`:/^\d+$/.test(e))?`[${e}]`:`.${e}`).join(``)}function zM(e){return e.every(e=>e&&e===e.trim()&&!/[.[\]]/.test(e))?e.join(`.`):null}var BM=/^\[(Getter|Unreadable|Circular|Truncated|Function\b.*|Promise)\]$/;function VM(e){return e===null||typeof e==`boolean`?!0:typeof e==`number`?Number.isFinite(e):typeof e==`string`&&e!==wM&&!BM.test(e)&&!e.endsWith(`…`)}function HM(e,t){return!e||t.kind===`map`||t.kind===`set`||e===`signal`&&t.kind===`object`&&t.type!==`Object`?null:e}function UM(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=LM(e);if(!(s.has(r)||a.length>=i)){s.add(r);for(let r of PM(t).children){let t=[...e,r.key];if(r.label.toLowerCase().includes(o)&&a.push(t),!MM(r.value))continue;let i=n(t)??(MM(r.value)?.collapsed?void 0:r.value);i!==void 0&&c(t,i)}}};return c(e,n(e)??t),a}var WM=(e,t)=>t.id;function GM(e,t){if(e&1){let e=H();L(0,`button`,2),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).toggle(t))}),D(),L(1,`svg`,3),z(2,`path`,4),R(),_s(),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),k(4),X(``,e.label,`:`),k(2),Y(e.text)}}function KM(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 qM(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G(2).$implicit;k(),Y(e.text)}}function JM(e,t){if(e&1&&(L(0,`span`,14),J(1),R(),M(2,KM,1,5,`app-prop-value`,15)(3,qM,2,1,`span`,16)),e&2){let e,t=G().$implicit;k(),X(``,t.label,`:`),k(),N((e=t.edit)?2:3,e)}}function YM(e,t){if(e&1){let e=H();L(0,`button`,17),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).more(t))}),J(1),L(2,`span`,18),J(3),R()()}if(e&2){let e=G().$implicit,t=G(3);k(),X(` Show `,t.step(e),` more `),k(2),X(`(`,e.more,` not listed)`)}}function XM(e,t){e&1&&(L(0,`span`,12),J(1,`Reading from the page…`),R())}function ZM(e,t){if(e&1&&(L(0,`span`,13),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.text)}}function QM(e,t){if(e&1&&(L(0,`li`,9),M(1,GM,7,4,`button`,10)(2,JM,4,2)(3,YM,4,2,`button`,11)(4,XM,2,0,`span`,12)(5,ZM,2,1,`span`,13),R()),e&2){let e,n=t.$implicit;K(`padding-left`,n.depth*14,`px`),k(),N((e=n.kind)===`node`?1:e===`leaf`?2:e===`more`?3:e===`loading`?4:e===`error`?5:-1)}}function $M(e,t){if(e&1&&(L(0,`ul`,7),P(1,QM,6,3,`li`,8,WM),R()),e&2){let e=G(2);I(`id`,e.listId),j(`aria-label`,e.prop().name+` entries`),k(),F(e.rows())}}function eN(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`button`,2),U(`click`,function(){return T(e),E(G().toggleRoot())}),D(),L(2,`svg`,3),z(3,`path`,4),R(),_s(),L(4,`span`,5),J(5),R()(),z(6,`app-prop-value`,6),R(),M(7,$M,3,2,`ul`,7)}if(e&2){let e=t,n=G();k(),j(`aria-expanded`,n.rootOpen())(`aria-controls`,n.rootOpen()?n.listId:null)(`aria-label`,n.prop().name+`: `+n.summaryOf(e)),k(4),Y(n.summaryOf(e)),k(),I(`bare`,!0)(`prop`,n.prop())(`componentId`,n.componentId())(`pageId`,n.pageId())(`rpc`,n.rpc())(`writes`,n.writes())(`readDraft`,n.readWhole),k(),N(n.rootOpen()?7:-1)}}function tN(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 nN=0;function rN(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function iN(e){if(Array.isArray(e))return e.every(iN);if(e&&typeof e==`object`){let t=e;return![`$collapsed`,`$more`,`$type`].some(e=>Object.hasOwn(t,e))&&Object.values(t).every(iN)}return VM(e)}var aN=class e{prop=$.required();store=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);directive=$(void 0);query=$(``);listId=`value-tree-${++nN}`;host=C(Il);pendingMore=null;constructor(){dy(()=>{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(()=>MM(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 UM(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(LM(e));for(let t=2;t<=e.length;t++)i.add(LM(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}=PM(e);for(let e of h){let h=[...o,e.key],g=LM(h);if(r&&!m&&!i.has(g))continue;let _=MM(e.value),ee=LM(h,n);if(!_){let t=p&&VM(e.value)?zM(h):null;c.push({id:ee,kind:`leaf`,depth:f,path:h,label:e.label,text:rN(e.value),edit:s&&t&&p?{name:RM(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:IM(_),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,HM(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:`${LM(e,n)}:${r}`,kind:r,depth:t,path:e,label:``,text:``});return l(this.rootValue(),this.rootPath(),[e.kind],0,s?HM(o.editInside??null,e):null,!r),c});readWhole=async()=>{let e=await this.store().read(this.rootPath(),CM.depth,CM.limit);return e.ok?iN(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 IM(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=A({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,eN,8,12)(1,tN,1,5,`app-prop-value`,0),e&2){let e;N((e=t.root())?0:1,e)}},dependencies:[xM],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -2012,7 +2091,7 @@ button.edit[_ngcontent-%COMP%] {
    .more[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function wM(e,t){return e.length>t.length&&e.startsWith(`${t.slice(0,-1)},`)}var TM=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=tM(e,t),r=this.pushed();return Object.hasOwn(r,n)?r[n]:this.fetched().get(n)}isOpen(e,t){return this.open().has(tM(e,t))}toggle(e,t,n){let r=tM(e,t),i=new Set(this.open());if(i.has(r)){for(let e of i)(e===r||wM(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=tM(e,t),i=Math.min(Bj,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=tM(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 EM(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(2);A(),X(`: `,e.label())}}function DM(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(3);A(),X(`: `,e.label())}}function OM(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,DM,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 kM(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,EM,2,1,`span`,1),V(),M(3,OM,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 AM=class e{rpc=$(null);pageId=$(null);target=$.required();label=$(``);canLog=$(!1);staticReport=Q(()=>HE(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,kM,6,4),e&2&&N(t.staticReport()?-1:0)},styles:[`[_nghost-%COMP%] {
+}`]})};function oN(e,t){return e.length>t.length&&e.startsWith(`${t.slice(0,-1)},`)}var sN=class{target={rpc:null,pageId:null,componentId:null};fetched=O(new Map);pushed=O({});open=O(new Set);loading=O(new Set);errors=O(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=LM(e,t),r=this.pushed();return Object.hasOwn(r,n)?r[n]:this.fetched().get(n)}isOpen(e,t){return this.open().has(LM(e,t))}toggle(e,t,n){let r=LM(e,t),i=new Set(this.open());if(i.has(r)){for(let e of i)(e===r||oN(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=LM(e,t),i=Math.min(SM,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=LM(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 cN(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(2);k(),X(`: `,e.label())}}function lN(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(3);k(),X(`: `,e.label())}}function uN(e,t){if(e&1){let e=H();B(0,`button`,4),W(`click`,function(){return T(e),E(G(2).store(`log`))}),J(1,` Log to console `),M(2,lN,2,1,`span`,1),V()}if(e&2){let e=G(2);qg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),k(2),N(e.label()?2:-1)}}function dN(e,t){if(e&1){let e=H();B(0,`button`,0),W(`click`,function(){return T(e),E(G().store())}),J(1,` Store as global `),M(2,cN,2,1,`span`,1),V(),M(3,uN,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()),k(2),N(e.label()?2:-1),k(),N(e.canLog()?3:-1),k(2),Y(e.message())}}var fN=class e{rpc=$(null);pageId=$(null);target=$.required();label=$(``);canLog=$(!1);staticReport=Q(()=>UE(this.rpc()));busy=O(!1);message=O(``);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=A({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,dN,6,4),e&2&&N(t.staticReport()?-1:0)},styles:[`[_nghost-%COMP%] {
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
@@ -2032,7 +2111,7 @@ button.edit[_ngcontent-%COMP%] {
 
 .status[_ngcontent-%COMP%]:empty {
   display: none;
-}`]})},jM=(e,t)=>t.id;function MM(e,t){if(e&1&&(L(0,`p`,4),J(1),R()),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&&(L(0,`span`,9),J(1,`@empty showing`),R())}function PM(e,t){e&1&&(L(0,`span`,10),J(1,`@empty`),R())}function FM(e,t){e&1&&(L(0,`span`,10),J(1,`renders nothing`),R())}function IM(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,6),U(`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))}),L(2,`span`,7),J(3),R(),L(4,`span`,8),J(5),R(),M(6,NM,2,0,`span`,9)(7,PM,2,0,`span`,10)(8,FM,2,0,`span`,10),L(9,`span`,11),J(10),R()()()}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 LM(e,t){if(e&1&&(L(0,`section`,1)(1,`h2`,2),J(2,` @for blocks `),L(3,`span`,3),J(4),R()(),M(5,MM,2,1,`p`,4),L(6,`ul`,5),P(7,IM,11,6,`li`,null,jM),R()()),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 RM(e,t){e&1&&M(0,LM,9,2,`section`,1),e&2&&N(t.length?0:-1)}function zM(e,t){e&1&&z(0,`app-angular-unavailable`,0),e&2&&I(`page`,G().angular())}var BM={$index:`track $index`,item:`track item`,function:`track expression`},VM=class e{blocks=$(void 0);truncated=$(!1);supported=$(null);angular=$(null);showOwner=Rv();highlight=Rv();target(e){return e.rootIds[0]??e.owner?.id??null}trackLabel(e){return e.track?BM[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`],angular:[1,`angular`]},outputs:{showOwner:`showOwner`,highlight:`highlight`},decls:2,vars:1,consts:[[`capability`,`forBlocks`,`missing`,``,`compact`,``,1,`for`,3,`page`],[`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,RM,1,1)(1,zM,1,1,`app-angular-unavailable`,0),e&2){let e;N((e=t.blocks())?0:t.supported()===!1?1:-1,e)}},dependencies:[mO],styles:[`[_nghost-%COMP%] {
+}`]})},pN=(e,t)=>t.id;function mN(e,t){if(e&1&&(L(0,`p`,4),J(1),R()),e&2){let e=G(2);k(),X(`The page has more @for blocks than the `,e.length,` listed.`)}}function hN(e,t){e&1&&(L(0,`span`,9),J(1,`@empty showing`),R())}function gN(e,t){e&1&&(L(0,`span`,10),J(1,`@empty`),R())}function _N(e,t){e&1&&(L(0,`span`,10),J(1,`renders nothing`),R())}function vN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,6),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showOwner.emit(t))})(`focus`,function(){let t=T(e).$implicit,n=G(3);return E(n.highlight.emit(n.target(t)))})(`blur`,function(){return T(e),E(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit,n=G(3);return E(n.highlight.emit(n.target(t)))})(`mouseleave`,function(){return T(e),E(G(3).highlight.emit(null))}),L(2,`span`,7),J(3),R(),L(4,`span`,8),J(5),R(),M(6,hN,2,0,`span`,9)(7,gN,2,0,`span`,10)(8,_N,2,0,`span`,10),L(9,`span`,11),J(10),R()()()}if(e&2){let e=t.$implicit,n=G(3);k(),j(`aria-disabled`,e.owner?null:`true`),k(2),Y(e.owner?.name??`Unknown component`),k(2),Z(` `,e.count,` `,e.count===1?`item`:`items`,` `),k(),N(e.showingEmpty?6:e.hasEmptyBlock?7:e.count===0?8:-1),k(4),Y(n.trackLabel(e))}}function yN(e,t){if(e&1&&(L(0,`section`,1)(1,`h2`,2),J(2,` @for blocks `),L(3,`span`,3),J(4),R()(),M(5,mN,2,1,`p`,4),L(6,`ul`,5),P(7,vN,11,6,`li`,null,pN),R()()),e&2){let e=G(),t=G();k(4),Y(t.truncated()?e.length+`+`:e.length),k(),N(t.truncated()?5:-1),k(2),F(e)}}function bN(e,t){e&1&&M(0,yN,9,2,`section`,1),e&2&&N(t.length?0:-1)}function xN(e,t){e&1&&z(0,`app-angular-unavailable`,0),e&2&&I(`page`,G().angular())}var SN={$index:`track $index`,item:`track item`,function:`track expression`},CN=class e{blocks=$(void 0);truncated=$(!1);supported=$(null);angular=$(null);showOwner=Rv();highlight=Rv();target(e){return e.rootIds[0]??e.owner?.id??null}trackLabel(e){return e.track?SN[e.track]:`track unknown`}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-for-blocks`]],inputs:{blocks:[1,`blocks`],truncated:[1,`truncated`],supported:[1,`supported`],angular:[1,`angular`]},outputs:{showOwner:`showOwner`,highlight:`highlight`},decls:2,vars:1,consts:[[`capability`,`forBlocks`,`missing`,``,`compact`,``,1,`for`,3,`page`],[`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,bN,1,1)(1,xN,1,1,`app-angular-unavailable`,0),e&2){let e;N((e=t.blocks())?0:t.supported()===!1?1:-1,e)}},dependencies:[hO],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -2150,7 +2229,159 @@ button.edit[_ngcontent-%COMP%] {
   min-width: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-}`]})},HM=12,UM=900;function WM(e){for(let t=e.parentElement;t;t=t.parentElement){let e=getComputedStyle(t);if(/(auto|scroll|overlay)/.test(e.overflowY))return t}return null}var GM=class{options;injector=w(ws);visibleTop=k(0);viewport=k(UM);rowHeight;host=null;scroller=null;detach=null;enabled;range;padTop;padBottom;constructor(e){this.options=e,this.rowHeight=k(e.estimate);let t=e.min??300;this.enabled=Q(()=>e.count()>t),this.range=Q(()=>{let t=e.count();if(!this.enabled())return{start:0,end:t};let n=this.rowHeight(),r=this.viewport(),i=Math.max(0,Math.min(this.visibleTop(),t*n-r)),a=Math.max(0,Math.min(t-1,Math.floor(i/n)-HM));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+HM))}}),this.padTop=Q(()=>this.enabled()?this.range().start*this.rowHeight():0),this.padBottom=Q(()=>this.enabled()?(e.count()-this.range().end)*this.rowHeight():0),pc(()=>{e.count(),Vd(()=>this.update(),{injector:this.injector})}),w(Es).onDestroy(()=>this.detach?.())}get count(){return this.options.count()}rendered(e){let{start:t,end:n}=this.range();return e>=t&&e<n}attach(e){if(this.host===e)return;this.detach?.(),this.host=e,e.style.overflowAnchor=`none`,e.style.transitionProperty=`none`;let t=/(auto|scroll|overlay)/.test(getComputedStyle(e).overflowY);this.scroller=t?e:WM(e);let n=this.scroller??window,r=()=>this.update();n.addEventListener(`scroll`,r,{passive:!0}),window.addEventListener(`resize`,r),this.detach=()=>{n.removeEventListener(`scroll`,r),window.removeEventListener(`resize`,r)},this.update()}update(){let e=this.host;if(e){if(this.scroller===e)this.place(e.scrollTop,e.clientHeight);else{let t=this.scroller?this.scroller.getBoundingClientRect().top:0,n=this.scroller?this.scroller.clientHeight:window.innerHeight;this.place(t-e.getBoundingClientRect().top,n)}this.options.fixed||this.measure()}}place(e,t){this.visibleTop.set(e),this.viewport.set(t>0?t:UM)}measure(){let e=this.host?.querySelectorAll(`[data-vindex]`);if(!e||e.length<2)return;let t=e[0].getBoundingClientRect(),n=(e[e.length-1].getBoundingClientRect().bottom-t.top)/e.length;n>4&&Math.abs(n-this.rowHeight())>1&&this.rowHeight.set(n)}reveal(e,t){if(this.enabled()&&!this.rendered(e)){let t=e*this.rowHeight(),n=this.viewport(),r=Math.max(0,t-n/2);if(this.place(r,n),this.host&&this.scroller===this.host)this.host.scrollTop=r;else if(this.host){let e=this.scroller?this.scroller.getBoundingClientRect().top:0,t=this.host.getBoundingClientRect().top-e+r;this.scroller?this.scroller.scrollTop+=t:window.scrollBy(0,t)}}t&&Vd(t,{injector:this.injector})}},KM=[`filterInput`],qM=[`treeEl`],JM=[`propFilterInput`],YM=()=>[],XM=e=>({kind:`component`,id:e}),ZM=(e,t)=>t.row.node.id,QM=(e,t)=>t.outlet+t.route,$M=(e,t)=>t+e,eN=(e,t)=>t.formId,tN=(e,t)=>t.name+t.index,nN=(e,t)=>t.name,rN=(e,t)=>t.token+e,iN=(e,t)=>t.id;function aN(e,t){return this.sourceKey(t)}function oN(e,t){if(e&1){let e=H();L(0,`span`,36),J(1,`Page`),R(),L(2,`app-select`,37),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 sN(e,t){if(e&1){let e=H();L(0,`button`,38),U(`click`,function(){return E(e),D(G(2).toggleDirectiveHosts())}),O(),L(1,`svg`,14),z(2,`path`,39)(3,`path`,40),R(),J(4,` Directive hosts `),R()}e&2&&j(`aria-pressed`,G(2).showDirectiveHosts())}function cN(e,t){if(e&1){let e=H();L(0,`button`,41),U(`click`,function(){E(e);let t=G(2);return D(t.picking()?t.cancelPick():t.pick())}),O(),L(1,`svg`,14),z(2,`path`,42),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 lN(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);A(),Y(e.pickMessage())}}function uN(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);A(),Y(e.truncationText())}}function dN(e,t){e&1&&(L(0,`p`,44),J(1,`The filter only searches the components the tree lists.`),R())}function fN(e,t){e&1&&(L(0,`p`,44),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function pN(e,t){if(e&1){let e=H();L(0,`div`,25)(1,`p`,43),J(2),R(),M(3,dN,2,0,`p`,44),M(4,fN,2,0,`p`,44),L(5,`button`,45),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 mN(e,t){if(e&1&&(L(0,`p`,26),J(1),R()),e&2){let e=G(2);A(),X(` `,e.rows().length,` rows. Rows render as you scroll, so the browser's find only sees the ones near view; the filter above searches them all. `)}}function hN(e,t){if(e&1){let e=H();L(0,`span`,53),U(`click`,function(t){E(e),G();let n=fv(0);return D(G(2).toggle(n.node.id,t))}),O(),L(1,`svg`,54),z(2,`path`,55),R()()}e&2&&(G(),q(`open`,fv(0).expanded))}function gN(e,t){e&1&&z(0,`span`,48)}function _N(e,t){if(e&1&&(L(0,`span`,56),J(1),R(),L(2,`span`,57),J(3),R(),L(4,`span`,24),J(5,`directive host`),R()),e&2){G();let e=fv(0),t=G(2);A(),X(`<`,e.node.tag,`>`),A(),j(`title`,e.node.directives?.join(`, `)),A(),Y(t.hostLabel(e.node))}}function vN(e,t){if(e&1&&(L(0,`span`,58),J(1),R(),L(2,`span`,59),J(3),R()),e&2){G();let e=fv(0);A(),Y(e.node.name),A(2),X(`<`,e.node.tag,`>`)}}function yN(e,t){if(e&1&&(L(0,`span`)(1,`span`,24),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 bN(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=t.$implicit;A(),Y(e.route||`/`)}}function xN(e,t){if(e&1&&(L(0,`span`,51),J(1),L(2,`span`,24),J(3),R()()),e&2){let e=t;A(),X(` `,e),A(2),X(` `,e===1?`check`:`checks`,` while recording`)}}function SN(e,t){if(e&1&&(L(0,`span`,52),J(1),L(2,`span`,24),J(3),R()()),e&2){G();let e=fv(0);j(`title`,e.node.directives.join(`, `)),A(),X(` +`,e.node.directives.length,` `),A(2),X(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function CN(e,t){if(e&1){let e=H();uv(0),L(1,`div`,46),U(`click`,function(){E(e);let t=fv(0);return D(G(2).select(t.node.id))})(`focus`,function(){E(e);let t=fv(0),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(){E(e);let t=fv(0);return D(G(2).highlight(t.node.id))})(`mouseleave`,function(){return E(e),D(G(2).highlight(null))}),M(2,hN,3,2,`span`,47)(3,gN,1,0,`span`,48),M(4,_N,6,3)(5,vN,4,2),M(6,yN,4,3,`span`,49),P(7,bN,2,1,`span`,50,QM),M(9,xN,4,2,`span`,51),M(10,SN,4,3,`span`,52),R()}if(e&2){let e,n,r=t.$implicit,i=G(2),a=dv(r.row);A(),K(`--%NS%depth`,a.depth),q(`selected`,i.selectedId()===a.node.id)(`dir-host`,a.node.kind===`directive`),j(`aria-level`,a.depth+1)(`aria-setsize`,a.setsize)(`aria-posinset`,a.posinset)(`aria-expanded`,a.hasChildren?a.expanded:null)(`aria-selected`,i.selectedId()===a.node.id)(`tabindex`,i.tabStop()===a.node.id?0:-1)(`data-vindex`,r.index)(`data-id`,a.node.id),A(),N(a.hasChildren?2:3),A(2),N(a.node.kind===`directive`?4:5),A(2),N((e=a.node.hydration)?6:-1,e),A(),F(i.routedById().get(a.node.id)??mv(20,YM)),A(2),N((n=i.cdHosts()[a.node.id])?9:-1,n),A(),N(a.node.kind!==`directive`&&a.node.directives?.length?10:-1)}}function wN(e,t){if(e&1&&(L(0,`li`,67),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function TN(e,t){if(e&1){let e=H();L(0,`div`,69)(1,`button`,45),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 EN(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,60)(2,`span`,61),J(3,`directive host`),R(),L(4,`h2`,62),J(5),R(),L(6,`span`,63),J(7),R()(),L(8,`div`,64)(9,`h3`),J(10,` Directives `),L(11,`span`,65),J(12),R()(),L(13,`ul`,66),P(14,wN,2,1,`li`,67,$M),R()(),L(16,`div`,64)(17,`p`,68),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,TN,3,1,`div`,69),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,YM)),A(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function DN(e,t){if(e&1&&(L(0,`p`,70),z(1,`app-source-link`,74),R()),e&2){let e=t;A(),I(`file`,e.file)(`line`,e.line)}}function ON(e,t){if(e&1){let e=H();L(0,`div`,75)(1,`button`,45),U(`click`,function(){E(e);let t=G();return D(G(2).revealInElements(t))}),J(2,`Reveal in Elements`),R(),L(3,`button`,45),U(`click`,function(){E(e);let t=G();return D(G(2).openSource(t))}),J(4,`Open source`),R()(),L(5,`p`,76),J(6),R()}if(e&2){let e=G(3);A(6),Y(e.actionMessage())}}function kN(e,t){if(e&1){let e=H();L(0,`button`,78),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 AN(e,t){if(e&1&&(L(0,`div`,71),P(1,kN,2,1,`button`,77,eN),R()),e&2){let e=G(),t=G(3);A(),F(t.formsIn(e.file))}}function jN(e,t){e&1&&M(0,AN,3,0,`div`,71),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function MN(e,t){if(e&1){let e=H();L(0,`div`,71)(1,`button`,45),U(`click`,function(){E(e);let t=G();return D(G(2).openInjector(t))}),J(2,` Show in Injectors `),L(3,`span`,24),J(4),R()()()}if(e&2){let e=G();A(4),X(`: `,e.name)}}function NN(e,t){if(e&1&&z(0,`app-store-global`,72),e&2){let e=G(),t=G(2);I(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,hv(4,XM,e.id))(`label`,e.name)}}function PN(e,t){if(e&1&&(L(0,`dt`),J(1,`Routed`),R(),L(2,`dd`,80),J(3),R()),e&2){let e=t.$implicit;A(3),Z(``,e.route||`/`,` in outlet `,e.outlet)}}function FN(e,t){if(e&1&&(L(0,`span`,11),J(1),R()),e&2){let e=G(4);A(),Z(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function IN(e,t){if(e&1){let e=H();L(0,`div`,84)(1,`p`,43),J(2),R(),L(3,`p`,44),J(4,` The filter searches names, and the nested keys of values you opened. `),R(),L(5,`button`,45),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 LN(e,t){if(e&1&&(L(0,`span`,88),J(1),R()),e&2){let e=G().$implicit;A(),X(`(`,e.prop,`)`)}}function RN(e,t){if(e&1&&(L(0,`li`,86)(1,`span`,87),J(2),M(3,LN,2,1,`span`,88),R(),z(4,`app-value-tree`,89),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 zN(e,t){if(e&1&&(L(0,`ul`,85),P(1,RN,5,9,`li`,86,nN),R()),e&2){let e=G(2);A(),F(e.inputs)}}function BN(e,t){e&1&&(L(0,`p`,68),J(1,`No inputs.`),R())}function VN(e,t){if(e&1&&(L(0,`div`,64)(1,`h3`),J(2,` Inputs `),L(3,`span`,65),J(4),R()(),M(5,zN,3,0,`ul`,85)(6,BN,2,0,`p`,68),R()),e&2){let e=G();A(4),Y(e.inputs.length),A(),N(e.inputs.length?5:6)}}function HN(e,t){if(e&1&&(L(0,`li`,91)(1,`span`,80),J(2),R(),L(3,`span`,92),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 UN(e,t){if(e&1&&(L(0,`ul`,66),P(1,HN,5,4,`li`,90,nN),R()),e&2){let e=G(2);A(),F(e.outputs)}}function WN(e,t){e&1&&(L(0,`p`,68),J(1,`No outputs.`),R())}function GN(e,t){if(e&1&&(L(0,`div`,64)(1,`h3`),J(2,` Outputs `),L(3,`span`,65),J(4),R()(),M(5,UN,3,0,`ul`,66)(6,WN,2,0,`p`,68),R()),e&2){let e=G();A(4),Y(e.outputs.length),A(),N(e.outputs.length?5:6)}}function KN(e,t){if(e&1&&(L(0,`span`,93),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.kind)}}function qN(e,t){if(e&1&&(L(0,`li`,86)(1,`span`,87),J(2),M(3,KN,2,1,`span`,93),R(),z(4,`app-value-tree`,89),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 JN(e,t){if(e&1&&(L(0,`ul`,85),P(1,qN,5,9,`li`,86,nN),R()),e&2){let e=G(2);A(),F(e.properties)}}function YN(e,t){e&1&&(L(0,`p`,68),J(1,`No other properties.`),R())}function XN(e,t){if(e&1&&(L(0,`div`,64)(1,`h3`),J(2,` Properties `),L(3,`span`,65),J(4),R()(),M(5,JN,3,0,`ul`,85)(6,YN,2,0,`p`,68),R()),e&2){let e=G();A(4),Y(e.properties.length),A(),N(e.properties.length?5:6)}}function ZN(e,t){if(e&1&&(L(0,`li`,67),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function QN(e,t){if(e&1&&(L(0,`div`,64)(1,`h3`),J(2,` DOM listeners `),L(3,`span`,65),J(4),R()(),L(5,`ul`,66),P(6,ZN,2,1,`li`,67,Ag),R()()),e&2){let e=G(2);A(4),Y(e.listeners.length),A(2),F(e.listeners)}}function $N(e,t){if(e&1&&(L(0,`li`,86)(1,`span`,87),J(2),R(),z(3,`app-value-tree`,94),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 eP(e,t){if(e&1&&(L(0,`ul`,85),P(1,$N,4,8,`li`,86,nN),R()),e&2){let e=G().$implicit;A(),F(e.inputs)}}function tP(e,t){if(e&1&&(L(0,`li`,91)(1,`span`,80),J(2),R(),L(3,`span`,92),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 nP(e,t){if(e&1&&(L(0,`ul`,66),P(1,tP,5,4,`li`,90,nN),R()),e&2){let e=G().$implicit;A(),F(e.outputs)}}function rP(e,t){e&1&&(L(0,`p`,68),J(1,`No inputs or outputs.`),R())}function iP(e,t){if(e&1&&(L(0,`div`,64)(1,`h3`)(2,`span`,80),J(3),R(),L(4,`span`,93),J(5,`directive on host`),R()(),M(6,eP,3,0,`ul`,85),M(7,nP,3,0,`ul`,66),M(8,rP,2,0,`p`,68),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 aP(e,t){if(e&1&&(M(0,IN,7,1,`div`,84),M(1,VN,7,2,`div`,64),M(2,GN,7,2,`div`,64),M(3,XN,7,2,`div`,64),M(4,QN,8,1,`div`,64),P(5,iP,9,4,`div`,64,tN)),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 oP(e,t){if(e&1&&(L(0,`span`,93),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function sP(e,t){if(e&1&&(L(0,`span`,97),J(1,`from `),L(2,`span`,80),J(3),R()()),e&2){let e=G().$implicit;A(3),Y(e.providedByName??`an injector`)}}function cP(e,t){e&1&&(L(0,`span`,98),J(1,`not provided`),R())}function lP(e,t){if(e&1&&(L(0,`li`,95)(1,`span`,96),J(2),R(),P(3,oP,2,1,`span`,93,Ag),M(5,sP,4,1,`span`,97)(6,cP,2,0,`span`,98),R()),e&2){let e=t.$implicit;A(2),Y(e.token),A(),F(e.flags),A(2),N(e.providedBy?5:6)}}function uP(e,t){if(e&1&&(L(0,`ul`,83),P(1,lP,7,2,`li`,95,rN),R()),e&2){let e=G();A(),F(e.dependencies)}}function dP(e,t){e&1&&(L(0,`p`,68),J(1,`Nothing is injected through the constructor or inject().`),R())}function fP(e,t){if(e&1){let e=H();L(0,`dl`,79)(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`,80),J(12),R(),P(13,PN,4,2,null,null,QM),R(),L(15,`div`,81)(16,`div`,5),O(),L(17,`svg`,6),z(18,`circle`,7)(19,`path`,8),R(),gs(),L(20,`input`,82,2),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,FN,2,2,`span`,11),L(23,`p`,20),J(24),R()(),M(25,aP,7,5),L(26,`div`,64)(27,`h3`),J(28,` Injected `),L(29,`span`,65),J(30),R()(),M(31,uP,3,0,`ul`,83)(32,dP,2,0,`p`,68),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,YM)),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 pP(e,t){e&1&&(L(0,`div`,73),z(1,`span`,99),L(2,`p`,44),J(3,`Reading live values from the page…`),R()())}function mP(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,60)(2,`span`,61),J(3,`component`),R(),L(4,`h2`,62),J(5),R(),L(6,`span`,63),J(7),R(),M(8,DN,2,2,`p`,70),M(9,ON,7,1),M(10,jN,1,1),M(11,MN,5,1,`div`,71),M(12,NN,1,6,`app-store-global`,72),R(),M(13,fP,33,10)(14,pP,4,0,`div`,73),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 hP(e,t){e&1&&(L(0,`p`,43),J(1,`The selected component was destroyed`),R(),L(2,`p`,44)(3,`span`,80),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 gP(e,t){e&1&&(L(0,`p`,44),J(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),R())}function _P(e,t){if(e&1&&(L(0,`div`,30),M(1,hP,6,1)(2,gP,2,0,`p`,44),R()),e&2){let e,t=G(2);A(),N((e=t.destroyed())?1:2,e)}}function vP(e,t){e&1&&(L(0,`span`,93),J(1,`hydrate never`),R())}function yP(e,t){if(e&1&&(L(0,`span`,93),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.hydration)}}function bP(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,102),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`,58),J(3),R(),L(4,`span`,103),J(5),R(),M(6,vP,2,0,`span`,93)(7,yP,2,1,`span`,93),L(8,`span`,104),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 xP(e,t){if(e&1&&(L(0,`section`,31)(1,`h2`,100),J(2,` Defer blocks `),L(3,`span`,65),J(4),R()(),L(5,`ul`,101),P(6,bP,10,7,`li`,null,iN),R()()),e&2){let e=G(2);A(4),Y(e.deferCount()),A(2),F(e.deferBlocks())}}function SP(e,t){e&1&&z(0,`app-angular-unavailable`,32),e&2&&I(`page`,G(2).angularPage())}function CP(e,t){if(e&1){let e=H();L(0,`app-hydration-section`,105),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 wP(e,t){if(e&1){let e=H();L(0,`app-cd-recording`,106),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 TP(e,t){if(e&1){let e=H();L(0,`p`,3),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`,4)(3,`div`,5),O(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),gs(),L(7,`input`,9,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`,10),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,oN,3,2),L(12,`span`,11),J(13),R(),M(14,sN,5,1,`button`,12),L(15,`button`,13),U(`click`,function(){return E(e),D(G().expandAll())}),O(),L(16,`svg`,14),z(17,`path`,15)(18,`path`,16),R(),J(19,` Expand all `),R(),gs(),L(20,`button`,13),U(`click`,function(){return E(e),D(G().collapseAll())}),O(),L(21,`svg`,14),z(22,`path`,17)(23,`path`,18),R(),J(24,` Collapse all `),R(),M(25,cN,4,3,`button`,19),R(),gs(),L(26,`p`,20),J(27),R(),M(28,lN,2,1,`p`,21),M(29,uN,2,1,`p`,22),L(30,`div`,23)(31,`div`)(32,`h2`,24),J(33,`Component tree`),R(),M(34,pN,7,3,`div`,25),M(35,mN,2,1,`p`,26),L(36,`div`,27,1),U(`keydown`,function(t){return E(e),D(G().onTreeKey(t))}),P(38,CN,11,21,`div`,28,ZM),R()(),M(40,EN,20,5,`section`,29)(41,mP,15,8,`section`,29)(42,_P,3,1,`div`,30),R(),M(43,xP,8,1,`section`,31),M(44,SP,1,1,`app-angular-unavailable`,32),M(45,CP,1,1,`app-hydration-section`,33),L(46,`app-for-blocks`,34),U(`showOwner`,function(t){return E(e),D(G().showForOwner(t))})(`highlight`,function(t){return E(e),D(G().highlight(t))}),R(),M(47,wP,1,3,`app-cd-recording`,35)}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(),N(t.rowWindow.enabled()?35:-1),A(),K(`padding-top`,t.rowWindow.enabled()?6+t.rowWindow.padTop():null,`px`)(`padding-bottom`,t.rowWindow.enabled()?6+t.rowWindow.padBottom():null,`px`),q(`windowed`,t.rowWindow.enabled()),I(`hidden`,!t.rows().length),A(2),F(t.shownRows()),A(2),N((e=t.selectedHost())?40:(e=t.selectedNode())?41:42,e),A(3),N(t.deferBlocks().length?43:-1),A(),N(t.deferUnavailable()?44:-1),A(),N(t.native()?-1:45),A(),I(`blocks`,t.page()?.forBlocks)(`truncated`,t.page()?.forBlocksTruncated===!0)(`supported`,t.page()?.deferBlocks&&!t.page()?.forBlocks||t.forUnavailable()?!1:null)(`angular`,t.angularPage()),A(),N(!t.staticReport()&&!t.native()?47:-1)}}function EP(e,t){e&1&&(L(0,`p`,22),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 DP(e,t){e&1&&(L(0,`p`,107),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 kP(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 AP(e,t){if(e&1&&(L(0,`span`,109),M(1,OP,1,2)(2,kP,1,4),R()),e&2){let e=G(2);A(),N(e.filter().trim()?1:2)}}function jP(e,t){e&1&&(L(0,`div`,113),z(1,`span`,99),L(2,`p`,43),J(3,`Scanning components…`),R()())}function MP(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function NP(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function PP(e,t){if(e&1){let e=H();L(0,`div`,114)(1,`p`,43),J(2,`Could not load components`),R(),L(3,`p`,44),M(4,MP,4,0)(5,NP,1,0),R(),L(6,`button`,45),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 FP(e,t){e&1&&(L(0,`div`,115)(1,`p`,43),J(2,`No components found`),R(),L(3,`p`,44),J(4,`No @Component or @Directive was found in the source.`),R()())}function IP(e,t){if(e&1){let e=H();L(0,`div`,115)(1,`p`,43),J(2),R(),L(3,`button`,45),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 LP(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function RP(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 zP(e,t){if(e&1){let e=H();L(0,`button`,78),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 BP(e,t){if(e&1&&(L(0,`div`,125)(1,`dl`,79)(2,`dt`),J(3,`Class`),R(),L(4,`dd`,80),J(5),R(),L(6,`dt`),J(7,`File`),R(),L(8,`dd`,80),z(9,`app-source-link`,74),R(),L(10,`dt`),J(11,`Standalone`),R(),L(12,`dd`),J(13),R(),M(14,RP,4,1),L(15,`dt`),J(16,`Inputs`),R(),L(17,`dd`,80),J(18),R(),L(19,`dt`),J(20,`Outputs`),R(),L(21,`dd`,80),J(22),R()(),P(23,zP,2,1,`button`,77,eN),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 VP(e,t){if(e&1){let e=H();L(0,`li`,118)(1,`button`,119),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`,120),J(3),R(),L(4,`span`,121)(5,`span`,122),J(6),R(),L(7,`span`,123),M(8,LP,1,1),J(9),R()(),O(),L(10,`svg`,124),z(11,`path`,55),R()(),M(12,BP,25,8,`div`,125),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 HP(e,t){if(e&1&&(L(0,`ul`,116),P(1,VP,13,12,`li`,117,aN,!0),R()),e&2){let e=G(2);A(),F(e.filteredSource())}}function UP(e,t){if(e&1){let e=H();M(0,EP,2,0,`p`,22)(1,DP,2,0,`p`,107),L(2,`div`,4)(3,`div`,5),O(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),gs(),L(7,`input`,108,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,AP,3,1,`span`,109),L(10,`button`,110),U(`click`,function(){return E(e),D(G().refresh())}),O(),L(11,`svg`,14),z(12,`path`,111)(13,`path`,112),R(),J(14,` Refresh `),R()(),M(15,jP,4,0,`div`,113)(16,PP,8,1,`div`,114)(17,FP,5,0,`div`,115)(18,IP,5,1,`div`,115)(19,HP,3,0,`ul`,116)}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)}}var WP=32;function GP(e){return e.replace(/^_(?=[A-Z])/,``)}var KP=`pangular:components:directive-hosts`;function qP(){try{return localStorage.getItem(KP)!==`hidden`}catch{return!0}}var JP=class e{rpc=$(null);staticReport=Q(()=>HE(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(sO);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=k(new Set);showDirectiveHosts=k(qP());openKey=k(null);routerPages=k([]);pageId=IE();angularPages=lO(()=>this.rpc());angularPage=Q(()=>uO(this.angularPages(),this.page()?.pageId??this.pageId));hasControlFlow=Q(()=>{let e=this.angularPage()?.version;return!e||AE(e,`17.0`)});deferUnavailable=Q(()=>this.hasControlFlow()&&jE(this.angularPage(),`deferBlocks`));forUnavailable=Q(()=>this.hasControlFlow()&&jE(this.angularPage(),`forBlocks`));destroyRef=w(Es);injector=w(ws);host=w(Fl);filterInput=Jv(`filterInput`);cdRecording=Jv(vj);pagesKnown=k(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Fv({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>LE(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(()=>gO(this.page()));canEdit=Q(()=>this.live()&&!this.native()&&!this.staticReport()&&nD(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:kO(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(()=>OO(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(()=>FO(this.page()?.truncatedBy));rows=Q(()=>{let e=[],t=this.collapsed(),n=!!this.query(),r=(i,a)=>{i.forEach((o,s)=>{let c=n||!t.has(o.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:c,posinset:s+1,setsize:i.length}),c&&r(o.children,a+1)})};return r(this.filtered().nodes,0),e});rowWindow=new GM({count:Q(()=>this.rows().length),estimate:WP,fixed:!0});shownRows=Q(()=>{let{start:e,end:t}=this.rowWindow.range();return this.rows().slice(e,t).map((t,n)=>({row:t,index:e+n}))});tabStop=Q(()=>{let e=this.rovingId(),t=this.shownRows();return t.some(({row:t})=>t.node.id===e)?e:t[0]?.row.node.id??null});treeEl=Jv(`treeEl`);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 TM;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)||sM([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=GP(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.treeEl()?.nativeElement;e&&this.rowWindow.attach(e)}),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(GP(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:GP(e.className)}bareName(e){return GP(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=RO(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=IO({...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(PO(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 AO(e)}hydrationText(e){return MO(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(KP,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);let r=this.rows().findIndex(t=>t.node.id===e);r>=0&&this.rowWindow.reveal(r),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);let n=()=>{let t=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);t?.focus(),t?.scrollIntoView({block:`nearest`})};this.rowWindow.rendered(a)?queueMicrotask(n):this.rowWindow.reveal(a,n)}}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,KM,5)(t.cdRecording,vj,5)(t.treeEl,qM,5)(t.propFilterInput,JM,5),e&2&&u_(4)},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`,``],[`treeEl`,``],[`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`],[1,`window-note`],[`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`],[`capability`,`deferBlocks`,`compact`,``,1,`defer`,3,`page`],[3,`report`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`supported`,`angular`],[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,TP,48,28)(1,UP,20,7),e&2&&N(+!t.live())},dependencies:[DO,vj,Dj,CM,AM,VM,XO,mO],styles:[`[_nghost-%COMP%] {
+}`]})},wN=(e,t)=>t.id;function TN(e,t){e&1&&(L(0,`p`,7),J(1,` This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and the Angular debug API of a development build. `),R())}function EN(e,t){if(e&1&&(L(0,`span`,18),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`open subscription`))}}function DN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,15),J(4),R(),L(5,`span`,16),J(6),R(),L(7,`span`,17),J(8),R(),M(9,EN,2,1,`span`,18),R()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.name),k(2),Y(e.route||`/`),k(2),X(``,n.plural(e.navigations,`navigation`),` ago`),k(2),Y(n.ageOf(e)),k(),N(e.subscriptions?9:-1)}}function ON(e,t){if(e&1&&(L(0,`p`,6),J(1),R(),L(2,`ul`,12),P(3,DN,10,5,`li`,13,wN),R()),e&2){let e=G(2);k(),Z(` Destroyed, yet still in memory after at least `,e.minNavigations,` navigations and `,e.minSeconds,` seconds. Take a heap snapshot, search for the class and read its retainers. `),k(2),F(e.retained().slice(0,e.shown))}}function kN(e,t){e&1&&(L(0,`p`,6),J(1,`No destroyed component is still in memory after a few navigations.`),R())}function AN(e,t){if(e&1&&(L(0,`p`,6),J(1),L(2,`span`,19),J(3),R(),J(4,`. Navigate a few times to see whether they stay. `),R()),e&2){let e=G(2);k(),X(` `,e.plural(e.recent().length,`instance`),` destroyed recently and not collected yet: `),k(2),Y(e.names(e.recent()))}}function jN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Off the page but not destroyed (detached views, such as a route reuse cache): `),L(2,`span`,19),J(3),R(),J(4,`. `),R()),e&2){let e=G(2);k(3),Y(e.names(e.detached()))}}function MN(e,t){if(e&1&&(L(0,`span`,10),J(1),R()),e&2){let e=G();k(),Y(e.subscriptions.length)}}function NN(e,t){if(e&1&&(L(0,`span`,15),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.source)}}function PN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,16),J(4),R(),L(5,`span`,18),J(6),R(),M(7,NN,2,1,`span`,15),R()),e&2){let e=t.$implicit;k(2),Y(e.name),k(2),X(``,e.count,` open`),k(2),X(` `,e.reason===`instance-destroyed`?`instance destroyed`:`no instance left`,` `),k(),N(e.source?7:-1)}}function FN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Still open although the component that made them is gone. Tear them down with takeUntilDestroyed(), DestroyRef.onDestroy or the async pipe. `),R(),L(2,`ul`,12),P(3,PN,8,4,`li`,13,kg),R()),e&2){let e=G(2),t=G();k(3),F(e.subscriptions.slice(0,t.shown))}}function IN(e,t){e&1&&(L(0,`p`,6),J(1,`No subscription is still open after its component went away.`),R())}function LN(e,t){e&1&&(L(0,`p`,6),J(1,` Subscriptions are tied to component classes only; Angular 20 profiler hooks tie them to instances. `),R())}function RN(e,t){if(e&1&&(M(0,FN,5,0)(1,IN,2,0,`p`,6),M(2,LN,2,0,`p`,6)),e&2){let e=G();N(+!e.subscriptions.length),k(2),N(e.support.instances?-1:2)}}function zN(e,t){e&1&&(L(0,`p`,7),J(1,` Tracking could not start: the page has no RxJS the overlay can load. `),R())}function BN(e,t){e&1&&(L(0,`p`,6),J(1,` Off. Track subscriptions wraps Observable.prototype.subscribe on the page to record which component makes each subscription, until you stop it. Subscriptions made before you start are not seen, so reload or navigate again after starting. `),R())}function VN(e,t){e&1&&z(0,`app-angular-unavailable`,11),e&2&&I(`page`,G(2).angular())}function HN(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`subscription`))}}function UN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showComponent.emit(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`blur`,function(){return T(e),E(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`mouseleave`,function(){return T(e),E(G(3).highlight.emit(null))}),L(2,`span`,14),J(3),R(),L(4,`span`,16),J(5),R(),M(6,HN,2,1,`span`,16),R()()}if(e&2){let e=t.$implicit,n=G(2),r=G();k(3),Y(e.name),k(2),Y(r.effectsText(e)),k(),N(n.support.subscriptions===`on`?6:-1)}}function WN(e,t){e&1&&(L(0,`p`,6),J(1,` Angular files a component's effects under the template its host sits in, so effects of components side by side in one template show as shared. `),R())}function GN(e,t){if(e&1&&(L(0,`ul`,12),P(1,UN,7,3,`li`,null,wN),R(),M(3,WN,2,0,`p`,6)),e&2){let e=G(),t=G();k(),F(e.components.slice(0,t.shown)),k(2),N(e.components.some(t.hasShared)?3:-1)}}function KN(e,t){e&1&&(L(0,`p`,6),J(1,`No component on the page has a live effect or a tracked subscription.`),R())}function qN(e,t){if(e&1&&(M(0,TN,2,0,`p`,7),L(1,`p`,8),J(2),R(),L(3,`h3`,9),J(4,` Still retained `),L(5,`span`,10),J(6),R()(),M(7,ON,5,2)(8,kN,2,0,`p`,6),M(9,AN,5,2,`p`,6),M(10,jN,5,1,`p`,6),L(11,`h3`,9),J(12,` Open subscriptions after destroy `),M(13,MN,2,1,`span`,10),R(),M(14,RN,3,2)(15,zN,2,0,`p`,7)(16,BN,2,0,`p`,6),L(17,`h3`,9),J(18,` Live effects and subscriptions `),L(19,`span`,10),J(20),R()(),M(21,VN,1,1,`app-angular-unavailable`,11),M(22,GN,4,1)(23,KN,2,0,`p`,6)),e&2){let e,n=t,r=G();N(n.support.retention?-1:0),k(2),rv(` `,r.plural(n.navigations,`navigation`),` · `,r.retained().length,` still retained · `,r.plural(n.totals.collected,`instance`),` collected `),k(4),Y(r.retained().length),k(),N(r.retained().length?7:8),k(2),N(r.recent().length?9:-1),k(),N(r.detached().length?10:-1),k(3),N(n.support.subscriptions===`on`?13:-1),k(),N((e=n.support.subscriptions)===`on`?14:e===`unavailable`?15:16),k(6),Y(n.components.length),k(),N(n.support.effects?-1:21),k(),N(n.components.length?22:23)}}function JN(e,t){e&1&&(L(0,`p`,6),J(1,`No leak data from this page yet. It comes with the next report.`),R())}var YN=20;function XN(e){let t=Math.max(0,Math.round(e/1e3));if(t<120)return`${t} s`;let n=Math.round(t/60);return n<120?`${n} min`:`${Math.round(n/60)} h`}var ZN=(e,t,n=`${t}s`)=>`${e} ${e===1?t:n}`,QN=class e{report=$(null);pageId=$(null);rpc=$(null);angular=$(null);now=$(()=>Date.now());showComponent=Rv();highlight=Rv();shown=YN;minNavigations=2;minSeconds=nE/1e3;plural=ZN;busy=O(!1);announcement=O(``);tracking=Q(()=>this.report()?.support.subscriptions===`on`);split=Q(()=>{let e=this.report(),t=[],n=[],r=[];if(!e)return{retained:t,recent:n,detached:r};for(let i of e.destroyed)i.detached?r.push(i):this.isRetained(e,i)?t.push(i):n.push(i);return{retained:t,recent:n,detached:r}});retained=Q(()=>this.split().retained);recent=Q(()=>this.split().recent);detached=Q(()=>this.split().detached);ageMs(e,t){return Math.max(0,this.now()()-e.reportedAt+(e.at-t.destroyedAt))}isRetained(e,t){return t.navigations>=2&&this.ageMs(e,t)>=1e4}ageOf(e){let t=this.report();return t?`${XN(this.ageMs(t,e))} old`:``}names(e){let t=[...new Set(e.map(e=>e.name))];return t.length>6?`${t.slice(0,6).join(`, `)} and more`:t.join(`, `)}hasShared(e){return!!e.sharedEffects}effectsText(e){let t=ZN(e.effects,`effect`);return e.sharedEffects?`${t}, ${e.sharedEffects} shared`:t}async toggle(){let e=this.pageId();if(!e||this.busy())return;let t=!this.tracking();this.busy.set(!0);try{await VE(this.rpc(),`request-leak-tracking`,{pageId:e,on:t}),this.announcement.set(t?`Tracking subscriptions. Reload or navigate to see subscriptions made at start.`:`Stopped tracking subscriptions.`)}catch{this.announcement.set(`Could not reach the page. Try again.`)}finally{this.busy.set(!1)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-leaks-section`]],inputs:{report:[1,`report`],pageId:[1,`pageId`],rpc:[1,`rpc`],angular:[1,`angular`],now:[1,`now`]},outputs:{showComponent:`showComponent`,highlight:`highlight`},decls:12,vars:5,consts:[[`aria-labelledby`,`ct-leaks-title`,1,`leaks`],[1,`head`],[`id`,`ct-leaks-title`],[`type`,`button`,1,`track`,3,`click`,`disabled`],[`role`,`status`,1,`sr-only`],[1,`hint`],[1,`note`],[`role`,`status`,1,`note`],[1,`stats`],[1,`sub`],[1,`pill`],[`capability`,`signalGraph`,`missing`,``,`compact`,``,3,`page`],[1,`rows`],[1,`row`],[1,`name`,`mono`],[1,`meta`,`mono`],[1,`count`],[1,`meta`],[1,`flag`,`warn`],[1,`mono`],[`type`,`button`,1,`row`,`live`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`h2`,2),J(3,`Leaks`),R(),L(4,`button`,3),U(`click`,function(){return t.toggle()}),J(5),R(),L(6,`p`,4),J(7),R()(),L(8,`p`,5),J(9,` Components that left the page but are still in memory, and the live effects and RxJS subscriptions of each component. The browser collects garbage when it decides, so a retained instance is a hint: check what holds it in the Chrome DevTools Memory panel. `),R(),M(10,qN,24,13)(11,JN,2,0,`p`,6),R()),e&2){let e;k(4),I(`disabled`,!t.pageId()||t.busy()||!t.report()),j(`aria-pressed`,t.tracking()),k(),X(` `,t.tracking()?`Stop tracking subscriptions`:`Track subscriptions`,` `),k(2),Y(t.announcement()),k(3),N((e=t.report())?10:11,e)}},dependencies:[hO],styles:[`[_nghost-%COMP%] {
+  display: block;
+}
+
+.leaks[_ngcontent-%COMP%] {
+  margin-top: 16px;
+}
+
+.head[_ngcontent-%COMP%] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+
+h2[_ngcontent-%COMP%] {
+  color: var(--%NS%text-3);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  margin: 0;
+}
+
+.track[_ngcontent-%COMP%] {
+  height: var(--%NS%control-h);
+}
+
+.track[aria-pressed=true][_ngcontent-%COMP%] {
+  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);
+}
+
+.track[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.hint[_ngcontent-%COMP%], 
+.note[_ngcontent-%COMP%], 
+.stats[_ngcontent-%COMP%] {
+  margin: 8px 0;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.stats[_ngcontent-%COMP%] {
+  color: var(--%NS%text);
+}
+
+.sub[_ngcontent-%COMP%] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin: 14px 0 6px;
+  color: var(--%NS%text-strong);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.pill[_ngcontent-%COMP%] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 18px;
+  height: 16px;
+  padding: 0 5px;
+  border-radius: 99px;
+  background: var(--%NS%surface-3);
+  color: var(--%NS%text-2);
+  font-size: 10px;
+  font-weight: 600;
+}
+
+.rows[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.row[_ngcontent-%COMP%] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  min-height: var(--%NS%control-h);
+  padding: 6px 12px;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%surface);
+  font-size: 12px;
+}
+
+.row.live[_ngcontent-%COMP%] {
+  justify-content: flex-start;
+  width: 100%;
+  height: auto;
+  text-align: left;
+}
+
+.row.live[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.name[_ngcontent-%COMP%] {
+  min-width: 0;
+  color: var(--%NS%text-strong);
+  font-weight: 600;
+  overflow: hidden;
+  min-width: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.mono[_ngcontent-%COMP%] {
+  font-family: var(--%NS%font-mono);
+}
+
+.meta[_ngcontent-%COMP%] {
+  min-width: 0;
+  color: var(--%NS%text-2);
+  overflow: hidden;
+  min-width: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.count[_ngcontent-%COMP%] {
+  padding: 0 8px;
+  border-radius: 99px;
+  background: var(--%NS%surface-3);
+  color: var(--%NS%text-2);
+  font-size: 11px;
+  line-height: 18px;
+}
+
+.flag[_ngcontent-%COMP%] {
+  padding: 0 6px;
+  border-radius: 5px;
+  font-size: 11px;
+  line-height: 18px;
+}
+
+.flag.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);
+}`]})},$N=12,eP=900;function tP(e){for(let t=e.parentElement;t;t=t.parentElement){let e=getComputedStyle(t);if(/(auto|scroll|overlay)/.test(e.overflowY))return t}return null}var nP=class{options;injector=C(Ts);visibleTop=O(0);viewport=O(eP);rowHeight;host=null;scroller=null;detach=null;enabled;range;padTop;padBottom;constructor(e){this.options=e,this.rowHeight=O(e.estimate);let t=e.min??300;this.enabled=Q(()=>e.count()>t),this.range=Q(()=>{let t=e.count();if(!this.enabled())return{start:0,end:t};let n=this.rowHeight(),r=this.viewport(),i=Math.max(0,Math.min(this.visibleTop(),t*n-r)),a=Math.max(0,Math.min(t-1,Math.floor(i/n)-$N));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+$N))}}),this.padTop=Q(()=>this.enabled()?this.range().start*this.rowHeight():0),this.padBottom=Q(()=>this.enabled()?(e.count()-this.range().end)*this.rowHeight():0),mc(()=>{e.count(),Hd(()=>this.update(),{injector:this.injector})}),C(Ds).onDestroy(()=>this.detach?.())}get count(){return this.options.count()}rendered(e){let{start:t,end:n}=this.range();return e>=t&&e<n}attach(e){if(this.host===e)return;this.detach?.(),this.host=e,e.style.overflowAnchor=`none`,e.style.transitionProperty=`none`;let t=/(auto|scroll|overlay)/.test(getComputedStyle(e).overflowY);this.scroller=t?e:tP(e);let n=this.scroller??window,r=()=>this.update();n.addEventListener(`scroll`,r,{passive:!0}),window.addEventListener(`resize`,r),this.detach=()=>{n.removeEventListener(`scroll`,r),window.removeEventListener(`resize`,r)},this.update()}update(){let e=this.host;if(e){if(this.scroller===e)this.place(e.scrollTop,e.clientHeight);else{let t=this.scroller?this.scroller.getBoundingClientRect().top:0,n=this.scroller?this.scroller.clientHeight:window.innerHeight;this.place(t-e.getBoundingClientRect().top,n)}this.options.fixed||this.measure()}}place(e,t){this.visibleTop.set(e),this.viewport.set(t>0?t:eP)}measure(){let e=this.host?.querySelectorAll(`[data-vindex]`);if(!e||e.length<2)return;let t=e[0].getBoundingClientRect(),n=(e[e.length-1].getBoundingClientRect().bottom-t.top)/e.length;n>4&&Math.abs(n-this.rowHeight())>1&&this.rowHeight.set(n)}reveal(e,t){if(this.enabled()&&!this.rendered(e)){let t=e*this.rowHeight(),n=this.viewport(),r=Math.max(0,t-n/2);if(this.place(r,n),this.host&&this.scroller===this.host)this.host.scrollTop=r;else if(this.host){let e=this.scroller?this.scroller.getBoundingClientRect().top:0,t=this.host.getBoundingClientRect().top-e+r;this.scroller?this.scroller.scrollTop+=t:window.scrollBy(0,t)}}t&&Hd(t,{injector:this.injector})}},rP=[`filterInput`],iP=[`treeEl`],aP=[`propFilterInput`],oP=()=>[],sP=e=>({kind:`component`,id:e}),cP=(e,t)=>t.row.node.id,lP=(e,t)=>t.outlet+t.route,uP=(e,t)=>t+e,dP=(e,t)=>t.formId,fP=(e,t)=>t.name+t.index,pP=(e,t)=>t.name,mP=(e,t)=>t.token+e,hP=(e,t)=>t.id;function gP(e,t){return this.sourceKey(t)}function _P(e,t){if(e&1){let e=H();L(0,`span`,35),J(1,`Page`),R(),L(2,`app-select`,36),U(`valueChange`,function(t){return T(e),E(G(2).selectPage(t))}),R()}if(e&2){let e=G(2);k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function vP(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){return T(e),E(G(2).toggleDirectiveHosts())}),D(),L(1,`svg`,14),z(2,`path`,38)(3,`path`,39),R(),J(4,` Directive hosts `),R()}e&2&&j(`aria-pressed`,G(2).showDirectiveHosts())}function yP(e,t){if(e&1){let e=H();L(0,`button`,40),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),D(),L(1,`svg`,14),z(2,`path`,41),R(),J(3),R()}if(e&2){let e=G(2);q(`on`,e.picking()),k(3),X(` `,e.picking()?`Cancel pick`:`Pick component on page`,` `)}}function bP(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);k(),Y(e.pickMessage())}}function xP(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);k(),Y(e.truncationText())}}function SP(e,t){e&1&&(L(0,`p`,43),J(1,`The filter only searches the components the tree lists.`),R())}function CP(e,t){e&1&&(L(0,`p`,43),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function wP(e,t){if(e&1){let e=H();L(0,`div`,25)(1,`p`,42),J(2),R(),M(3,SP,2,0,`p`,43),M(4,CP,2,0,`p`,43),L(5,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`),k(),N(e.page().truncated?3:-1),k(),N(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function TP(e,t){if(e&1&&(L(0,`p`,26),J(1),R()),e&2){let e=G(2);k(),X(` `,e.rows().length,` rows. Rows render as you scroll, so the browser's find only sees the ones near view; the filter above searches them all. `)}}function EP(e,t){if(e&1){let e=H();L(0,`span`,52),U(`click`,function(t){T(e),G();let n=fv(0);return E(G(2).toggle(n.node.id,t))}),D(),L(1,`svg`,53),z(2,`path`,54),R()()}e&2&&(G(),q(`open`,fv(0).expanded))}function DP(e,t){e&1&&z(0,`span`,47)}function OP(e,t){if(e&1&&(L(0,`span`,55),J(1),R(),L(2,`span`,56),J(3),R(),L(4,`span`,24),J(5,`directive host`),R()),e&2){G();let e=fv(0),t=G(2);k(),X(`<`,e.node.tag,`>`),k(),j(`title`,e.node.directives?.join(`, `)),k(),Y(t.hostLabel(e.node))}}function kP(e,t){if(e&1&&(L(0,`span`,57),J(1),R(),L(2,`span`,58),J(3),R()),e&2){G();let e=fv(0);k(),Y(e.node.name),k(2),X(`<`,e.node.tag,`>`)}}function AP(e,t){if(e&1&&(L(0,`span`)(1,`span`,24),J(2,`Hydration: `),R(),J(3),R()),e&2){let e=t,n=G(3);M_(`hyd hyd-`+e),k(3),Y(n.hydrationText(e))}}function jP(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.route||`/`)}}function MP(e,t){if(e&1&&(L(0,`span`,50),J(1),L(2,`span`,24),J(3),R()()),e&2){let e=t;k(),X(` `,e),k(2),X(` `,e===1?`check`:`checks`,` while recording`)}}function NP(e,t){if(e&1&&(L(0,`span`,51),J(1),L(2,`span`,24),J(3),R()()),e&2){G();let e=fv(0);j(`title`,e.node.directives.join(`, `)),k(),X(` +`,e.node.directives.length,` `),k(2),X(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function PP(e,t){if(e&1){let e=H();uv(0),L(1,`div`,45),U(`click`,function(){T(e);let t=fv(0);return E(G(2).select(t.node.id))})(`focus`,function(){T(e);let t=fv(0),n=G(2);return n.focusId.set(t.node.id),E(n.highlight(t.node.id))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(2).highlight(t.node.id))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(2,EP,3,2,`span`,46)(3,DP,1,0,`span`,47),M(4,OP,6,3)(5,kP,4,2),M(6,AP,4,3,`span`,48),P(7,jP,2,1,`span`,49,lP),M(9,MP,4,2,`span`,50),M(10,NP,4,3,`span`,51),R()}if(e&2){let e,n,r=t.$implicit,i=G(2),a=dv(r.row);k(),K(`--%NS%depth`,a.depth),q(`selected`,i.selectedId()===a.node.id)(`dir-host`,a.node.kind===`directive`),j(`aria-level`,a.depth+1)(`aria-setsize`,a.setsize)(`aria-posinset`,a.posinset)(`aria-expanded`,a.hasChildren?a.expanded:null)(`aria-selected`,i.selectedId()===a.node.id)(`tabindex`,i.tabStop()===a.node.id?0:-1)(`data-vindex`,r.index)(`data-id`,a.node.id),k(),N(a.hasChildren?2:3),k(2),N(a.node.kind===`directive`?4:5),k(2),N((e=a.node.hydration)?6:-1,e),k(),F(i.routedById().get(a.node.id)??mv(20,oP)),k(2),N((n=i.cdHosts()[a.node.id])?9:-1,n),k(),N(a.node.kind!==`directive`&&a.node.directives?.length?10:-1)}}function FP(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function IP(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`button`,44),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.id,!0))}),J(2),R()()}e&2&&(k(2),X(` Show `,t.name,` `))}function LP(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`directive host`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R()(),L(8,`div`,63)(9,`h3`),J(10,` Directives `),L(11,`span`,64),J(12),R()(),L(13,`ul`,65),P(14,FP,2,1,`li`,66,uP),R()(),L(16,`div`,63)(17,`p`,67),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,IP,3,1,`div`,68),R()()),e&2){let e,n=t,r=G(2);k(5),X(`<`,n.tag,`>`),k(2),Y(r.hostLabel(n)),k(5),Y(n.directives?.length??0),k(2),F(n.directives??mv(4,oP)),k(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function RP(e,t){if(e&1&&(L(0,`p`,69),z(1,`app-source-link`,73),R()),e&2){let e=t;k(),I(`file`,e.file)(`line`,e.line)}}function zP(e,t){if(e&1){let e=H();L(0,`div`,74)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).revealInElements(t))}),J(2,`Reveal in Elements`),R(),L(3,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openSource(t))}),J(4,`Open source`),R()(),L(5,`p`,75),J(6),R()}if(e&2){let e=G(3);k(6),Y(e.actionMessage())}}function BP(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function VP(e,t){if(e&1&&(L(0,`div`,70),P(1,BP,2,1,`button`,76,dP),R()),e&2){let e=G(),t=G(3);k(),F(t.formsIn(e.file))}}function HP(e,t){e&1&&M(0,VP,3,0,`div`,70),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function UP(e,t){if(e&1){let e=H();L(0,`div`,70)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openInjector(t))}),J(2,` Show in Injectors `),L(3,`span`,24),J(4),R()()()}if(e&2){let e=G();k(4),X(`: `,e.name)}}function WP(e,t){if(e&1&&z(0,`app-store-global`,71),e&2){let e=G(),t=G(2);I(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,hv(4,sP,e.id))(`label`,e.name)}}function GP(e,t){if(e&1&&(L(0,`dt`),J(1,`Routed`),R(),L(2,`dd`,79),J(3),R()),e&2){let e=t.$implicit;k(3),Z(``,e.route||`/`,` in outlet `,e.outlet)}}function KP(e,t){if(e&1&&(L(0,`span`,11),J(1),R()),e&2){let e=G(4);k(),Z(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function qP(e,t){if(e&1){let e=H();L(0,`div`,83)(1,`p`,42),J(2),R(),L(3,`p`,43),J(4,` The filter searches names, and the nested keys of values you opened. `),R(),L(5,`button`,44),U(`click`,function(){return T(e),E(G(5).clearPropFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(5);k(2),X(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function JP(e,t){if(e&1&&(L(0,`span`,87),J(1),R()),e&2){let e=G().$implicit;k(),X(`(`,e.prop,`)`)}}function YP(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,JP,2,1,`span`,87),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.prop===e.name?-1:3),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function XP(e,t){if(e&1&&(L(0,`ul`,84),P(1,YP,5,9,`li`,85,pP),R()),e&2){let e=G(2);k(),F(e.inputs)}}function ZP(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs.`),R())}function QP(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Inputs `),L(3,`span`,64),J(4),R()(),M(5,XP,3,0,`ul`,84)(6,ZP,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.inputs.length),k(),N(e.inputs.length?5:6)}}function $P(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function eF(e,t){if(e&1&&(L(0,`ul`,65),P(1,$P,5,4,`li`,89,pP),R()),e&2){let e=G(2);k(),F(e.outputs)}}function tF(e,t){e&1&&(L(0,`p`,67),J(1,`No outputs.`),R())}function nF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Outputs `),L(3,`span`,64),J(4),R()(),M(5,eF,3,0,`ul`,65)(6,tF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.outputs.length),k(),N(e.outputs.length?5:6)}}function rF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function iF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,rF,2,1,`span`,92),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.kind?3:-1),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function aF(e,t){if(e&1&&(L(0,`ul`,84),P(1,iF,5,9,`li`,85,pP),R()),e&2){let e=G(2);k(),F(e.properties)}}function oF(e,t){e&1&&(L(0,`p`,67),J(1,`No other properties.`),R())}function sF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Properties `),L(3,`span`,64),J(4),R()(),M(5,aF,3,0,`ul`,84)(6,oF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.properties.length),k(),N(e.properties.length?5:6)}}function cF(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function lF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` DOM listeners `),L(3,`span`,64),J(4),R()(),L(5,`ul`,65),P(6,cF,2,1,`li`,66,Ag),R()()),e&2){let e=G(2);k(4),Y(e.listeners.length),k(2),F(e.listeners)}}function uF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),R(),z(3,`app-value-tree`,93),R()),e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2),i=G(3);k(2),Y(e.name),k(),I(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function dF(e,t){if(e&1&&(L(0,`ul`,84),P(1,uF,4,8,`li`,85,pP),R()),e&2){let e=G().$implicit;k(),F(e.inputs)}}function fF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function pF(e,t){if(e&1&&(L(0,`ul`,65),P(1,fF,5,4,`li`,89,pP),R()),e&2){let e=G().$implicit;k(),F(e.outputs)}}function mF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs or outputs.`),R())}function hF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`)(2,`span`,79),J(3),R(),L(4,`span`,92),J(5,`directive on host`),R()(),M(6,dF,3,0,`ul`,84),M(7,pF,3,0,`ul`,65),M(8,mF,2,0,`p`,67),R()),e&2){let e=t.$implicit;k(3),Y(e.name),k(3),N(e.inputs.length?6:-1),k(),N(e.outputs.length?7:-1),k(),N(!e.inputs.length&&!e.outputs.length?8:-1)}}function gF(e,t){if(e&1&&(M(0,qP,7,1,`div`,83),M(1,QP,7,2,`div`,63),M(2,nF,7,2,`div`,63),M(3,sF,7,2,`div`,63),M(4,lF,8,1,`div`,63),P(5,hF,9,4,`div`,63,fP)),e&2){let e=t,n=G(),r=G(3);N(r.propQuery()&&!e.count?0:-1),k(),N(!r.propQuery()||e.inputs.length?1:-1),k(),N(!r.propQuery()||e.outputs.length?2:-1),k(),N(!r.propQuery()||e.properties.length?3:-1),k(),N(!r.propQuery()&&n.listeners.length?4:-1),k(),F(e.directives)}}function _F(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function vF(e,t){if(e&1&&(L(0,`span`,96),J(1,`from `),L(2,`span`,79),J(3),R()()),e&2){let e=G().$implicit;k(3),Y(e.providedByName??`an injector`)}}function yF(e,t){e&1&&(L(0,`span`,97),J(1,`not provided`),R())}function bF(e,t){if(e&1&&(L(0,`li`,94)(1,`span`,95),J(2),R(),P(3,_F,2,1,`span`,92,Ag),M(5,vF,4,1,`span`,96)(6,yF,2,0,`span`,97),R()),e&2){let e=t.$implicit;k(2),Y(e.token),k(),F(e.flags),k(2),N(e.providedBy?5:6)}}function xF(e,t){if(e&1&&(L(0,`ul`,82),P(1,bF,7,2,`li`,94,mP),R()),e&2){let e=G();k(),F(e.dependencies)}}function SF(e,t){e&1&&(L(0,`p`,67),J(1,`Nothing is injected through the constructor or inject().`),R())}function CF(e,t){if(e&1){let e=H();L(0,`dl`,78)(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`,79),J(12),R(),P(13,GP,4,2,null,null,lP),R(),L(15,`div`,80)(16,`div`,5),D(),L(17,`svg`,6),z(18,`circle`,7)(19,`path`,8),R(),_s(),L(20,`input`,81,2),U(`input`,function(t){return T(e),E(G(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return T(e),E(G(3).clearPropFilter(t))}),R()(),M(22,KP,2,2,`span`,11),L(23,`p`,20),J(24),R()(),M(25,gF,7,5),L(26,`div`,63)(27,`h3`),J(28,` Injected `),L(29,`span`,64),J(30),R()(),M(31,xF,3,0,`ul`,82)(32,SF,2,0,`p`,67),R()}if(e&2){let e,n=t,r=G(),i=G(2);k(4),Y(n.changeDetection??`Unknown`),k(4),Y(n.encapsulation??`Unknown`),k(4),Y(n.path),k(),F(i.routedById().get(r.id)??mv(9,oP)),k(7),I(`value`,i.propFilter()),k(2),N(i.propQuery()?22:-1),k(2),Y(i.propFilterStatus()),k(),N((e=i.shownValues())?25:-1,e),k(5),Y(n.dependencies.length),k(),N(n.dependencies.length?31:32)}}function wF(e,t){e&1&&(L(0,`div`,72),z(1,`span`,98),L(2,`p`,43),J(3,`Reading live values from the page…`),R()())}function TF(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`component`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R(),M(8,RP,2,2,`p`,69),M(9,zP,7,1),M(10,HP,1,1),M(11,UP,5,1,`div`,70),M(12,WP,1,6,`app-store-global`,71),R(),M(13,CF,33,10)(14,wF,4,0,`div`,72),R()),e&2){let e,n,r,i=t,a=G(2);k(5),Y(i.name),k(2),X(`<`,i.tag,`>`),k(),N((e=a.whereOf(i))?8:-1,e),k(),N(a.devtoolsActions()?9:-1),k(),N((n=a.sourceFor(i))?10:-1,n),k(),N(a.canShowInjector()&&!a.staticReport()?11:-1),k(),N(!a.staticReport()&&!a.native()?12:-1),k(),N((r=a.detail())?13:14,r)}}function EF(e,t){e&1&&(L(0,`p`,42),J(1,`The selected component was destroyed`),R(),L(2,`p`,43)(3,`span`,79),J(4),R(),J(5,` is no longer on the page. Select another component to see its live values. `),R()),e&2&&(k(4),Y(t))}function DF(e,t){e&1&&(L(0,`p`,43),J(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),R())}function OF(e,t){if(e&1&&(L(0,`div`,30),M(1,EF,6,1)(2,DF,2,0,`p`,43),R()),e&2){let e,t=G(2);k(),N((e=t.destroyed())?1:2,e)}}function kF(e,t){e&1&&(L(0,`span`,92),J(1,`hydrate never`),R())}function AF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.hydration)}}function jF(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,101),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showOwner(t))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))}),L(2,`span`,57),J(3),R(),L(4,`span`,102),J(5),R(),M(6,kF,2,0,`span`,92)(7,AF,2,1,`span`,92),L(8,`span`,103),J(9),R()()()}if(e&2){let e=t.$implicit;k(),j(`aria-disabled`,e.owner?null:`true`),k(2),Y(e.owner?.name??`Unknown component`),k(),M_(`defer-state-`+e.state),k(),Y(e.state),k(),N(e.hydrateNever?6:e.hydration===`not-configured`?-1:7),k(3),Y(e.triggers.join(`, `)||`no triggers`)}}function MF(e,t){if(e&1&&(L(0,`section`,31)(1,`h2`,99),J(2,` Defer blocks `),L(3,`span`,64),J(4),R()(),L(5,`ul`,100),P(6,jF,10,7,`li`,null,hP),R()()),e&2){let e=G(2);k(4),Y(e.deferCount()),k(2),F(e.deferBlocks())}}function NF(e,t){e&1&&z(0,`app-angular-unavailable`,32),e&2&&I(`page`,G(2).angularPage())}function PF(e,t){if(e&1){let e=H();L(0,`app-hydration-section`,104),U(`overlay`,function(t){return T(e),E(G(2).setHydrationOverlay(t))})(`showNode`,function(t){return T(e),E(G(2).revealNode(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}e&2&&I(`report`,G(2).page()?.hydration)}function FF(e,t){if(e&1){let e=H();L(0,`app-cd-recording`,105),U(`showComponent`,function(t){return T(e),E(G(2).showCdComponent(t))}),R(),L(1,`app-leaks-section`,106),U(`showComponent`,function(t){return T(e),E(G(2).revealNode(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}if(e&2){let e=G(2);I(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc()),k(),I(`report`,e.leaksPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`angular`,e.angularPage())}}function IF(e,t){if(e&1){let e=H();L(0,`p`,3),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`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,9,0),U(`input`,function(t){return T(e),E(G().setFilter(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().setFilter(``))}),R(),L(9,`span`,10),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,_P,3,2),L(12,`span`,11),J(13),R(),M(14,vP,5,1,`button`,12),L(15,`button`,13),U(`click`,function(){return T(e),E(G().expandAll())}),D(),L(16,`svg`,14),z(17,`path`,15)(18,`path`,16),R(),J(19,` Expand all `),R(),_s(),L(20,`button`,13),U(`click`,function(){return T(e),E(G().collapseAll())}),D(),L(21,`svg`,14),z(22,`path`,17)(23,`path`,18),R(),J(24,` Collapse all `),R(),M(25,yP,4,3,`button`,19),R(),_s(),L(26,`p`,20),J(27),R(),M(28,bP,2,1,`p`,21),M(29,xP,2,1,`p`,22),L(30,`div`,23)(31,`div`)(32,`h2`,24),J(33,`Component tree`),R(),M(34,wP,7,3,`div`,25),M(35,TP,2,1,`p`,26),L(36,`div`,27,1),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(38,PP,11,21,`div`,28,cP),R()(),M(40,LP,20,5,`section`,29)(41,TF,15,8,`section`,29)(42,OF,3,1,`div`,30),R(),M(43,MF,8,1,`section`,31),M(44,NF,1,1,`app-angular-unavailable`,32),M(45,PF,1,1,`app-hydration-section`,33),L(46,`app-for-blocks`,34),U(`showOwner`,function(t){return T(e),E(G().showForOwner(t))})(`highlight`,function(t){return T(e),E(G().highlight(t))}),R(),M(47,FF,2,7)}if(e&2){let e,t=G();k(7),I(`value`,t.filter()),k(4),N(t.pageOptions().length>1?11:-1),k(2),Y(t.countLabel()),k(),N(t.page().directiveHostCount?14:-1),k(),I(`disabled`,!!t.filter().trim()),k(5),I(`disabled`,!!t.filter().trim()),k(5),N(t.native()?-1:25),k(2),Y(t.announcement()),k(),N(t.pickMessage()?28:-1),k(),N(t.page().truncated?29:-1),k(5),N(t.rows().length?-1:34),k(),N(t.rowWindow.enabled()?35:-1),k(),K(`padding-top`,t.rowWindow.enabled()?6+t.rowWindow.padTop():null,`px`)(`padding-bottom`,t.rowWindow.enabled()?6+t.rowWindow.padBottom():null,`px`),q(`windowed`,t.rowWindow.enabled()),I(`hidden`,!t.rows().length),k(2),F(t.shownRows()),k(2),N((e=t.selectedHost())?40:(e=t.selectedNode())?41:42,e),k(3),N(t.deferBlocks().length?43:-1),k(),N(t.deferUnavailable()?44:-1),k(),N(t.native()?-1:45),k(),I(`blocks`,t.page()?.forBlocks)(`truncated`,t.page()?.forBlocksTruncated===!0)(`supported`,t.page()?.deferBlocks&&!t.page()?.forBlocks||t.forUnavailable()?!1:null)(`angular`,t.angularPage()),k(),N(!t.staticReport()&&!t.native()?47:-1)}}function LF(e,t){e&1&&(L(0,`p`,22),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 RF(e,t){e&1&&(L(0,`p`,107),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 zF(e,t){if(e&1&&J(0),e&2){let e=G(3);Z(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function BF(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 VF(e,t){if(e&1&&(L(0,`span`,109),M(1,zF,1,2)(2,BF,1,4),R()),e&2){let e=G(2);k(),N(e.filter().trim()?1:2)}}function HF(e,t){e&1&&(L(0,`div`,113),z(1,`span`,98),L(2,`p`,42),J(3,`Scanning components…`),R()())}function UF(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function WF(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function GF(e,t){if(e&1){let e=H();L(0,`div`,114)(1,`p`,42),J(2,`Could not load components`),R(),L(3,`p`,43),M(4,UF,4,0)(5,WF,1,0),R(),L(6,`button`,44),U(`click`,function(){return T(e),E(G(2).refresh())}),J(7,`Retry`),R()()}if(e&2){let e=G(2);k(4),N(e.staticReport()?4:5)}}function KF(e,t){e&1&&(L(0,`div`,115)(1,`p`,42),J(2,`No components found`),R(),L(3,`p`,43),J(4,`No @Component or @Directive was found in the source.`),R()())}function qF(e,t){if(e&1){let e=H();L(0,`div`,115)(1,`p`,42),J(2),R(),L(3,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(4,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`)}}function JF(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function YF(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;k(3),Y(e.changeDetection??`Unknown`)}}function XF(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function ZF(e,t){if(e&1&&(L(0,`div`,125)(1,`dl`,78)(2,`dt`),J(3,`Class`),R(),L(4,`dd`,79),J(5),R(),L(6,`dt`),J(7,`File`),R(),L(8,`dd`,79),z(9,`app-source-link`,73),R(),L(10,`dt`),J(11,`Standalone`),R(),L(12,`dd`),J(13),R(),M(14,YF,4,1),L(15,`dt`),J(16,`Inputs`),R(),L(17,`dd`,79),J(18),R(),L(19,`dt`),J(20,`Outputs`),R(),L(21,`dd`,79),J(22),R()(),P(23,XF,2,1,`button`,76,dP),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(3);I(`id`,`ct-source-`+n),k(5),Y(r.bareName(t.className)),k(4),I(`file`,t.file)(`line`,t.line),k(4),Y(t.isStandalone?`Yes`:`No`),k(),N(t.kind===`component`?14:-1),k(4),Y(t.inputs.join(`, `)||`None`),k(4),Y(t.outputs.join(`, `)||`None`),k(),F(r.formsIn(t.file))}}function QF(e,t){if(e&1){let e=H();L(0,`li`,118)(1,`button`,119),U(`click`,function(){let t=T(e).$implicit,n=G(3);return E(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),L(2,`span`,120),J(3),R(),L(4,`span`,121)(5,`span`,122),J(6),R(),L(7,`span`,123),M(8,JF,1,1),J(9),R()(),D(),L(10,`svg`,124),z(11,`path`,54),R()(),M(12,ZF,25,8,`div`,125),R()}if(e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`expanded`,r.openKey()===r.sourceKey(e)),k(),j(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),k(),q(`directive`,e.kind===`directive`),k(),Y(e.kind),k(3),Y(r.sourceLabel(e)),k(2),N(e.selector?8:-1),k(),Z(` `,e.file,`:`,e.line,` `),k(3),N(r.openKey()===r.sourceKey(e)?12:-1)}}function $F(e,t){if(e&1&&(L(0,`ul`,116),P(1,QF,13,12,`li`,117,gP,!0),R()),e&2){let e=G(2);k(),F(e.filteredSource())}}function eI(e,t){if(e&1){let e=H();M(0,LF,2,0,`p`,22)(1,RF,2,0,`p`,107),L(2,`div`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,108,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(9,VF,3,1,`span`,109),L(10,`button`,110),U(`click`,function(){return T(e),E(G().refresh())}),D(),L(11,`svg`,14),z(12,`path`,111)(13,`path`,112),R(),J(14,` Refresh `),R()(),M(15,HF,4,0,`div`,113)(16,GF,8,1,`div`,114)(17,KF,5,0,`div`,115)(18,qF,5,1,`div`,115)(19,$F,3,0,`ul`,116)}if(e&2){let e=G();N(+!e.page()),k(7),I(`value`,e.filter()),k(2),N(e.source().length?9:-1),k(),q(`spinning`,e.loading()),j(`aria-busy`,e.loading()),k(5),N(e.loading()&&!e.source().length?15:e.error()&&!e.source().length?16:e.source().length?e.filteredSource().length?19:18:17)}}var tI=32;function nI(e){return e.replace(/^_(?=[A-Z])/,``)}var rI=`pangular:components:directive-hosts`;function iI(){try{return localStorage.getItem(rI)!==`hidden`}catch{return!0}}var aI=class e{rpc=$(null);staticReport=Q(()=>UE(this.rpc()));focus=$(null);showForm=Rv();focusHandled=Rv();command=$(null);commandHandled=Rv();canShowInjector=$(!1);showInjector=Rv();filter=O(``);loading=O(!1);error=O(!1);source=O([]);formOwners=O([]);pages=O({});chosenPageId=O(null);selectedId=O(null);destroyed=O(null);announcement=O(``);picking=O(!1);pickMessage=O(``);pickPageId=null;pickSeq=0;focusId=O(null);bridge=C(cO);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=O(new Set);showDirectiveHosts=O(iI());openKey=O(null);routerPages=O([]);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.pageId));hasControlFlow=Q(()=>{let e=this.angularPage()?.version;return!e||jE(e,`17.0`)});deferUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`deferBlocks`));forUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`forBlocks`));destroyRef=C(Ds);injector=C(Ts);host=C(Il);filterInput=Jv(`filterInput`);cdRecording=Jv(eM);pagesKnown=O(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Fv({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>RE(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(()=>_O(this.page()));canEdit=Q(()=>this.live()&&!this.native()&&!this.staticReport()&&rD(this.rpc(),`components`));devtoolsActions=Q(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=O({});cdPage=Q(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=Q(()=>this.cdPage()?.hosts??{});leaksPages=O({});leaksPage=Q(()=>{let e=this.page()?.pageId;return e?this.leaksPages()[e]??null:null});visibleRoots=Q(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:AO(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(()=>kO(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(()=>PO(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)=>{i.forEach((o,s)=>{let c=n||!t.has(o.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:c,posinset:s+1,setsize:i.length}),c&&r(o.children,a+1)})};return r(this.filtered().nodes,0),e});rowWindow=new nP({count:Q(()=>this.rows().length),estimate:tI,fixed:!0});shownRows=Q(()=>{let{start:e,end:t}=this.rowWindow.range();return this.rows().slice(e,t).map((t,n)=>({row:t,index:e+n}))});tabStop=Q(()=>{let e=this.rovingId(),t=this.shownRows();return t.some(({row:t})=>t.node.id===e)?e:t[0]?.row.node.id??null});treeEl=Jv(`treeEl`);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 sN;propFilter=O(``);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)||UM([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=nI(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(){mc(()=>{let e=this.treeEl()?.nativeElement;e&&this.rowWindow.attach(e)}),mc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Nv(()=>this.values.follow(t,e?.expanded))}),mc(()=>{let e=this.page()?.pageId??null;Nv(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),mc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),mc(()=>{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()})}),mc(()=>{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(`leaks`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.leaksPages.set(t&&typeof t==`object`?t:{})};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.leaksPages.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(nI(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:nI(e.className)}bareName(e){return nI(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=zO(r,a,n);o&&(this.focusId.set(o),Hd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=LO({...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(FO(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 jO(e)}hydrationText(e){return NO(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(rI,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);let r=this.rows().findIndex(t=>t.node.id===e);r>=0&&this.rowWindow.reveal(r),Hd(()=>{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);let n=()=>{let t=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);t?.focus(),t?.scrollIntoView({block:`nearest`})};this.rowWindow.rendered(a)?queueMicrotask(n):this.rowWindow.reveal(a,n)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,rP,5)(t.cdRecording,eM,5)(t.treeEl,iP,5)(t.propFilterInput,aP,5),e&2&&u_(4)},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`,``],[`treeEl`,``],[`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`],[1,`window-note`],[`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`],[`capability`,`deferBlocks`,`compact`,``,1,`defer`,3,`page`],[3,`report`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`supported`,`angular`],[`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`],[3,`showComponent`,`highlight`,`report`,`pageId`,`rpc`,`angular`],[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,IF,48,28)(1,eI,20,7),e&2&&N(+!t.live())},dependencies:[OO,eM,lM,aN,fN,CN,ZO,QN,hO],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -3033,7 +3264,7 @@ pre[_ngcontent-%COMP%] {
 
 .inline-detail[_ngcontent-%COMP%]   .show-form[_ngcontent-%COMP%] {
   margin: 0 16px;
-}`]})};function YP(e){return e.line?`${e.file}:${e.line}`:e.file}function XP(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 ZP=VE;function QP(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var $P=`Could not reach the page.`;async function eF(e,t,n){return await ZP(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function tF(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var nF=()=>[],rF=(e,t)=>t[0],iF=(e,t)=>t.input;function aF(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 oF(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);A(),Y(e.navigationOff)}}function sF(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,oF,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 cF(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);A(),Y(e.message())}}function lF(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 uF(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 dF(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 fF(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;A(),X(`, `,e.nesting)}}function pF(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.route.outlet)}}function mF(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function hF(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 gF(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.route.component)}}function _F(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function vF(e,t){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function yF(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,vF,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 bF(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function xF(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(A(),Y(t))}function SF(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,xF,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 CF(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function wF(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;A(),Y(e)}}function TF(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;A(),X(`resolve `,e)}}function EF(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function DF(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,fF,2,1,`span`,14),M(4,pF,2,1,`span`,15),M(5,mF,2,0,`span`,15),M(6,hF,2,2,`div`,16),V(),B(7,`td`),M(8,gF,2,1,`code`,17)(9,_F,4,0),V(),B(10,`td`),P(11,yF,5,5,`div`,18,rF,!1,bF,4,0),V(),B(14,`td`),P(15,SF,5,5,`div`,19,rF,!1,CF,4,0),V(),B(18,`td`),P(19,wF,2,1,`span`,15,Ag),P(21,TF,2,1,`span`,15,Ag),M(23,EF,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,nF)),A(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function OF(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 kF(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,OF,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 AF(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function jF(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function MF(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 NF(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 PF(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,kF,6,3)(4,AF,2,0,`span`,23),M(5,jF,2,0,`span`,15),P(6,MF,2,2,`span`,15,iF),M(8,NF,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,PF,9,6,`li`,22,kg),V()),e&2){let e=G(2);A(3),F(e.outletRows())}}function IF(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,aF,5,1,`p`,3),M(6,sF,10,5),M(7,cF,2,1,`p`,4),B(8,`dl`,5),M(9,lF,4,1),M(10,uF,6,3),M(11,dF,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,DF,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 LF(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 RF=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>nD(this.rpc(),`router`));navigationOff=yE(`router`);componentsOn=Q(()=>tD(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 eF(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,IF,32,8)(1,LF,8,0,`div`,0),e&2){let e;N((e=t.page().snapshot)?0:1,e)}},dependencies:[gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function oI(e){return e.line?`${e.file}:${e.line}`:e.file}function sI(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 cI=HE;function lI(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var uI=`Could not reach the page.`;async function dI(e,t,n){return await cI(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function fI(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var pI=()=>[],mI=(e,t)=>t[0],hI=(e,t)=>t.input;function gI(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();k(3),Y(e.browserUrl)}}function _I(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);k(),Y(e.navigationOff)}}function vI(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 T(e),E(G(2).abort())}),J(8,` Abort `),V()(),M(9,_I,2,1,`p`,12)}if(e&2){let e=t,n=G(2);k(5),Y(e.url),k(),X(` (#`,e.id,`)`),k(),qg(`disabled`,!n.navigationAllowed()),j(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),k(2),N(n.navigationAllowed()?-1:9)}}function yI(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);k(),Y(e.message())}}function bI(e,t){if(e&1&&(B(0,`dt`),J(1,`Document title`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.title)}}function xI(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();k(4),Y(Cv(5,1,e.queryParams))}}function SI(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();k(4),Y(e.fragment)}}function CI(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),X(`, `,e.nesting)}}function wI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.outlet)}}function TI(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function EI(e,t){if(e&1&&(B(0,`div`,16),J(1),V()),e&2){let e=G().$implicit;k(),Z(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function DI(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.component)}}function OI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function kI(e,t){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function AI(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,kI,2,0,`span`,15),V()),e&2){let e=t.$implicit,n=G().$implicit;k(2),Z(``,e[0],`: `,Cv(3,3,e[1])),k(2),N(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function jI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function MI(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(k(),Y(t))}function NI(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,MI,2,1,`span`,15),V()),e&2){let e,n=t.$implicit,r=G().$implicit;k(2),Z(``,n[0],`: `,Cv(3,3,n[1])),k(2),N((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function PI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function FI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Y(e)}}function II(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function LI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function RI(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,CI,2,1,`span`,14),M(4,wI,2,1,`span`,15),M(5,TI,2,0,`span`,15),M(6,EI,2,2,`div`,16),V(),B(7,`td`),M(8,DI,2,1,`code`,17)(9,OI,4,0),V(),B(10,`td`),P(11,AI,5,5,`div`,18,mI,!1,jI,4,0),V(),B(14,`td`),P(15,NI,5,5,`div`,19,mI,!1,PI,4,0),V(),B(18,`td`),P(19,FI,2,1,`span`,15,Ag),P(21,II,2,1,`span`,15,Ag),M(23,LI,4,0),V()()),e&2){let e=t.$implicit,n=G(2);k(),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.label,` `),k(),N(e.nesting?3:-1),k(),N(e.route.outlet===`primary`?-1:4),k(),N(e.route.lazy?5:-1),k(),N(e.route.title?6:-1),k(2),N(e.route.component?8:9),k(3),F(n.entries(e.route.params)),k(4),F(n.entries(e.route.data)),k(4),F(n.guardList(e.route)),k(2),F(e.route.resolvers??mv(11,pI)),k(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function zI(e,t){if(e&1){let e=H();B(0,`button`,26),W(`click`,function(){T(e);let t=G(2).$implicit,n=G(3);return E(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;k(3),X(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function BI(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,zI,4,1,`button`,25)),e&2){let e=G().$implicit,t=G(3);k(),Y(e.outlet.component??`?`),k(3),Y(e.outlet.route??`?`),k(),N(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function VI(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function HI(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function UI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Z(`input `,e.input,` ← `,e.source)}}function WI(e,t){if(e&1&&(B(0,`span`,24),J(1,`routerOutletData `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;k(3),Y(e.outlet.data)}}function GI(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,BI,6,3)(4,VI,2,0,`span`,23),M(5,HI,2,0,`span`,15),P(6,UI,2,2,`span`,15,hI),M(8,WI,4,1,`span`,24),V()),e&2){let e=t.$implicit,n=G(3);K(`padding-left`,10+e.depth*16,`px`),k(2),Y(e.outlet.outlet),k(),N(e.outlet.activated?3:4),k(2),N(e.outlet.detached?5:-1),k(),F(n.boundInputs(e.outlet)),k(2),N(e.outlet.data===void 0?-1:8)}}function KI(e,t){if(e&1&&(B(0,`h3`),J(1,`Outlets`),V(),B(2,`ul`,21),P(3,GI,9,6,`li`,22,kg),V()),e&2){let e=G(2);k(3),F(e.outletRows())}}function qI(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,gI,5,1,`p`,3),M(6,vI,10,5),M(7,yI,2,1,`p`,4),B(8,`dl`,5),M(9,bI,4,1),M(10,xI,6,3),M(11,SI,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,RI,24,12,`tr`,null,kg),V()()(),M(31,KI,5,0)),e&2){let e,n=t,r=G();k(4),Y(n.url),k(),N(n.urlDrift&&n.browserUrl?5:-1),k(),N((e=n.pending)?6:-1,e),k(),N(r.message()?7:-1),k(2),N(n.title?9:-1),k(),N(r.hasKeys(n.queryParams)?10:-1),k(),N(n.fragment?11:-1),k(18),F(r.rows()),k(2),N(r.outletRows().length?31:-1)}}function JI(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 YI=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);componentsOn=Q(()=>nD(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 dI(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=A({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,qI,32,8)(1,JI,8,0,`div`,0),e&2){let e;N((e=t.page().snapshot)?0:1,e)}},dependencies:[gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -3466,7 +3697,7 @@ h3[_ngcontent-%COMP%] {
   display: block;
   color: var(--%NS%text-2);
   font-size: 12px;
-}`]})};function zF(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 BF(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 HF(e,t){if(e&1&&(B(0,`span`,3),M(1,zF,2,1,`span`,8),M(2,BF,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 UF(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 WF(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function GF(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 KF(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function qF(e,t){e&1&&J(0,` No page with a router is connected. `)}function JF(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,GF,1,0)(5,KF,1,0)(6,qF,1,0),V()()),e&2){let e;A(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function YF(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 XF(e,t){if(e&1&&(B(0,`ul`,7),P(1,YF,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),A(),F(e.findings())}}function ZF(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 QF=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 ZP(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,HF,4,3,`span`,3),V(),M(6,UF,7,0,`div`,4)(7,WF,2,0,`p`,5)(8,JF,7,1,`div`,6)(9,XF,3,1,`ul`,7)(10,ZF,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 XI(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().error,` error(s)`)}}function ZI(e,t){if(e&1&&(B(0,`span`,9),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().warning,` warning(s)`)}}function QI(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().info,` info`)}}function $I(e,t){if(e&1&&(B(0,`span`,3),M(1,XI,2,1,`span`,8),M(2,ZI,2,1,`span`,9),M(3,QI,2,1,`span`,10),V()),e&2){let e=G();k(),N(e.counts().error?1:-1),k(),N(e.counts().warning?2:-1),k(),N(e.counts().info?3:-1)}}function eL(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 T(e),E(G().run())}),J(6,`Retry`),V()()}}function tL(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function nL(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 rL(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function iL(e,t){e&1&&J(0,` No page with a router is connected. `)}function aL(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,nL,1,0)(5,rL,1,0)(6,iL,1,0),V()()),e&2){let e;k(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function oL(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),k(2),j(`data-tone`,n.severityTone(e.severity)),k(),Y(e.severity),k(2),Y(e.rule),k(2),Y(e.route),k(2),Y(e.message),k(5),X(``,e.fix,` `),k(2),X(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function sL(e,t){if(e&1&&(B(0,`ul`,7),P(1,oL,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),k(),F(e.findings())}}function cL(e,t){e&1&&(B(0,`div`,6)(1,`span`,19),D(),B(2,`svg`,20),Vg(3,`path`,21),V()(),_s(),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 lL=class e{page=$.required();rpc=$(null);result=O(null);failed=O(!1);checking=O(!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(){mc(()=>{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 cI(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=A({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,$I,4,3,`span`,3),V(),M(6,eL,7,0,`div`,4)(7,tL,2,0,`p`,5)(8,aL,7,1,`div`,6)(9,sL,3,1,`ul`,7)(10,cL,8,0,`div`,6)),e&2){let e;k(),j(`aria-busy`,t.checking()),k(),X(` `,t.checking()?`Checking…`:`Check again`,` `),k(3),N(t.result()?.checked&&t.findings().length?5:-1),k(),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;
@@ -3888,7 +4119,7 @@ h3[_ngcontent-%COMP%] {
 
 .fix[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {
   font-size: 12px;
-}`]})},$F=(e,t)=>t.name,eI=(e,t)=>t[0];function tI(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 nI(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 rI(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 iI(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 aI(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 oI(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 sI(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,oI,3,3,`li`,null,eI),V()),e&2){let e=G(),t=G();A(3),F(t.entries(e.features))}}function cI(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 lI(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,cI,5,2,null,null,eI),V()),e&2){let e=G(),t=G();A(3),F(t.entries(e.strategies))}}function uI(e,t){if(e&1&&(M(0,tI,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,nI,4,1),M(7,rI,5,1),M(8,iI,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,aI,10,4,`tr`,null,$F),V()()(),M(24,sI,5,0),M(25,lI,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 dI(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 fI=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,uI,26,8)(1,dI,5,0,`div`,0),e&2){let e;N((e=t.page().setup)?0:1,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},uL=(e,t)=>t.name,dL=(e,t)=>t[0];function fL(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 pL(e,t){if(e&1&&(B(0,`dt`),J(1,`Angular`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.angularVersion)}}function mL(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();k(4),Y(e.baseHref)}}function hL(e,t){if(e&1&&(B(0,`dt`),J(1,`Hydration`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),X(``,e.hydrated,` component(s) hydrated from server HTML`)}}function gL(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;k(3),Y(e.name),k(3),Y(e.value),k(2),j(`data-tone`,e.set?`warn`:``),k(),Y(e.set?`set`:`default`)}}function _L(e,t){if(e&1&&(B(0,`li`)(1,`span`,7),J(2),V()()),e&2){let e=t.$implicit;k(),j(`data-tone`,e[1]===`off`?``:`good`),k(),Z(``,e[0],`: `,e[1])}}function vL(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,_L,3,3,`li`,null,dL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.features))}}function yL(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;k(),Y(e[0]),k(3),Y(e[1])}}function bL(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,yL,5,2,null,null,dL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.strategies))}}function xL(e,t){if(e&1&&(M(0,fL,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,pL,4,1),M(7,mL,5,1),M(8,hL,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,gL,10,4,`tr`,null,uL),V()()(),M(24,vL,5,0),M(25,bL,5,0)),e&2){let e=t,n=G();N(e.mode===`events-only`?0:-1),k(5),Z(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),k(),N(e.angularVersion?6:-1),k(),N(e.baseHref?7:-1),k(),N(e.hydrated?8:-1),k(14),F(e.options),k(2),N(n.entries(e.features).length?24:-1),k(),N(n.entries(e.strategies).length?25:-1)}}function SL(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 CL=class e{page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,xL,26,8)(1,SL,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;
@@ -4219,7 +4450,7 @@ h3[_ngcontent-%COMP%] {
 
 .facts[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
-}`]})},pI=(e,t)=>t.id,mI=(e,t)=>t.phase;function hI(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();A(),Y(e.message())}}function gI(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();A(),Y(e.navigationOff)}}function _I(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function vI(e,t){if(e&1&&(M(0,_I,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 yI(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 bI(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,vI,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,yI,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 xI(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,bI,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 SI(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 CI(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 wI(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 TI(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 EI(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 DI(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 OI(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function kI(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 AI(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 jI(e,t){if(e&1&&(L(0,`div`,33),P(1,AI,1,5,`span`,39,mI),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),A(),F(t.bars(e))}}function MI(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 NI(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 PI(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 II(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 LI(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,II,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 RI(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 zI(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 BI(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,BI,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;A(3),F(e.runs)}}function HI(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function UI(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,HI,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 WI(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 GI(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 KI(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 qI(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 JI(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 YI(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 XI(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 ZI(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 QI(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 $I(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 eL(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 tL(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 nL(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,CI,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,wI,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,TI,2,1,`span`,30)(12,EI,2,1,`span`,31)(13,DI,2,1,`span`,31),M(14,OI,2,0,`span`,32),M(15,kI,4,2,`span`,15),R()(),M(16,jI,3,1,`div`,33),L(17,`dl`,34),M(18,MI,5,1),M(19,NI,4,2),M(20,PI,4,1),M(21,FI,4,1),M(22,LI,6,1),M(23,RI,6,2),M(24,zI,4,2),M(25,VI,5,0),M(26,UI,5,2),M(27,WI,4,1),M(28,GI,4,1),M(29,KI,4,1),M(30,qI,4,2),M(31,JI,4,1),M(32,YI,4,1),M(33,XI,4,1),M(34,ZI,4,1),M(35,QI,4,1),M(36,$I,4,1),M(37,eL,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,tL,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 rL(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,SI,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,nL,44,37,`li`,24,pI),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 iL(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 aL(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 oL(e,t){e&1&&M(0,iL,7,1,`div`,41)(1,aL,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var sL=[`recognize`,`guards`,`resolve`,`activate`],cL={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},lL=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>tD(this.rpc()).limits.navigations);navigationAllowed=Q(()=>nD(this.rpc(),`router`));navigationOff=yE(`router`);phases=sL;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 tF(e)}color(e){return cL[e]}bars(e){let t=e.phases?.total;return t?sL.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=ZO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await eF(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 QP(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 eF(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 ZP(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 BE(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,hI,2,1,`p`,8),M(16,gI,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,xI,5,1,`section`,11),M(19,rL,9,2)(20,oL,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:[nk],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},wL=(e,t)=>t.id,TL=(e,t)=>t.phase;function EL(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function DL(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function OL(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function kL(e,t){if(e&1&&(M(0,OL,4,0),L(1,`code`),J(2),R()),e&2){let e=t.$implicit,n=t.$index;N(n===0?-1:0),k(2),Y(e)}}function AL(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);k(2),Y(e.from),k(6),Y(e.to),k(),X(`: `,n.hopCause(e),` `)}}function jL(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,kL,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,AL,10,3,`li`,null,kg),R(),L(9,`p`,17),J(10),R()()),e&2){let e=t.$implicit,n=G(2);k(3),Y(n.loopTitle(e)),k(),F(e.cycle),k(3),F(e.hops),k(3),Y(n.loopMeta(e))}}function ML(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,jL,11,2,`div`,13,kg),R()),e&2){let e=G();k(2),X(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),k(),F(e.loops())}}function NL(e,t){if(e&1&&(L(0,`span`),z(1,`i`),J(2),R()),e&2){let e=t.$implicit,n=G(2);k(),K(`background`,n.color(e)),k(),Y(e)}}function PL(e,t){if(e&1&&(L(0,`time`),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),Y(t.time(e.startedAt))}}function FL(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;k(5),Y(e.finalUrl)}}function IL(e,t){if(e&1&&(L(0,`span`,30),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function LL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.phases?.total,`ms`)}}function RL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.endedAt-e.startedAt,`ms`)}}function zL(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function BL(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);k(3),Z(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function VL(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 HL(e,t){if(e&1&&(L(0,`div`,33),P(1,VL,1,5,`span`,39,TL),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),k(),F(t.bars(e))}}function UL(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;k(4),Y(e.from)}}function WL(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;k(3),Z(``,e.caller,` (`,e.trigger,`)`)}}function GL(e,t){if(e&1&&(L(0,`dt`),J(1,`Extras`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.extras?.join(`, `))}}function KL(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;k(3),X(`#`,e.redirectedFrom)}}function qL(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);k(3),Y(e.from),k(3),Y(e.to),k(),X(`, `,n.hopCause(e),` `)}}function JL(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,qL,8,3,`div`,null,kg),R()),e&2){let e=t,n=G().$implicit,r=G(2);k(3),X(` `,e.cycle.join(` → `),` `),k(),F(r.hopsOf(e,n))}}function YL(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;k(4),Y(e.redirectTo),k(),X(` (`,e.redirectKind,`) `)}}function XL(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);k(3),Z(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function ZL(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);k(2),Y(e.guard),k(),X(` `,e.kind,` on `),k(2),Y(e.route),k(2),q(`bad`,n.isBad(e.result)),k(),Y(e.result),k(),X(` (`,e.ms,`ms) `)}}function QL(e,t){if(e&1&&(L(0,`dt`),J(1,`Runs`),R(),L(2,`dd`),P(3,ZL,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;k(3),F(e.runs)}}function $L(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function eR(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,$L,1,1),J(4),R()),e&2){let e=G().$implicit;k(3),N(e.checked.deactivate.length?3:-1),k(),X(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function tR(e,t){if(e&1&&(L(0,`dt`),J(1,`Resolvers`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.resolvers?.names?.join(`, `))}}function nR(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;k(3),Y(e.lazyLoaded?.join(`, `))}}function rR(e,t){if(e&1&&(L(0,`dt`),J(1,`Reused`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function iR(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Z(``,e.requests.count,` request(s): `,e.requests.urls.join(`, `))}}function aR(e,t){if(e&1&&(L(0,`dt`),J(1,`Scroll`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.scroll)}}function oR(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;k(3),Y(e.title)}}function sR(e,t){if(e&1&&(L(0,`dt`),J(1,`Warnings`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.warnings?.join(` · `))}}function cR(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);k(3),Y(t.reasonText(e))}}function lR(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;k(3),Y(e.errorCode)}}function uR(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;k(3),Y(e.errorHandler)}}function dR(e,t){if(e&1&&(L(0,`dt`),J(1,`Earlier`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(``,e.earlier,` navigation(s) before Pangular Inspector connected`)}}function fR(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 pR(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,PL,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,FL,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,IL,2,1,`span`,30)(12,LL,2,1,`span`,31)(13,RL,2,1,`span`,31),M(14,zL,2,0,`span`,32),M(15,BL,4,2,`span`,15),R()(),M(16,HL,3,1,`div`,33),L(17,`dl`,34),M(18,UL,5,1),M(19,WL,4,2),M(20,GL,4,1),M(21,KL,4,1),M(22,JL,6,1),M(23,YL,6,2),M(24,XL,4,2),M(25,QL,5,0),M(26,eR,5,2),M(27,tR,4,1),M(28,nR,4,1),M(29,rR,4,1),M(30,iR,4,2),M(31,aR,4,1),M(32,oR,4,1),M(33,sR,4,1),M(34,cR,4,1),M(35,lR,4,1),M(36,uR,4,1),M(37,dR,4,1),R(),L(38,`div`,35)(39,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).replay(t))}),J(40,` Replay `),R(),L(41,`button`,37),U(`click`,function(){let t=T(e).$implicit;return E(G(2).copy(t))}),J(42,` Copy repro `),R(),M(43,fR,2,2,`p`,38),R()()}if(e&2){let e,n,r=t.$implicit,i=G(2);q(`in-loop`,!!i.loopOf(r)),k(2),N(r.beforeConnect?-1:2),k(2),X(`#`,r.id),k(2),Y(r.url),k(),N(r.finalUrl&&r.finalUrl!==r.url?7:-1),k(2),j(`data-tone`,i.tone(r.outcome)),k(),Y(r.outcome),k(),N(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),k(3),N(r.probe?14:-1),k(),N((e=i.loopOf(r))?15:-1,e),k(),N(i.bars(r).length?16:-1),k(2),N(r.from?18:-1),k(),N(r.caller?19:-1),k(),N(r.extras?.length?20:-1),k(),N(r.redirectedFrom===void 0?-1:21),k(),N((n=i.loopOf(r))?22:-1,n),k(),N(r.redirectTo?23:-1),k(),N(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),k(),N(r.runs?.length?25:-1),k(),N(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),k(),N(r.resolvers?.names?.length?27:-1),k(),N(r.lazyLoaded?.length?28:-1),k(),N(r.reused?.length?29:-1),k(),N(r.requests?30:-1),k(),N(r.scroll?31:-1),k(),N(r.title?32:-1),k(),N(r.warnings?.length?33:-1),k(),N(r.reason||r.code?34:-1),k(),N(r.errorCode?35:-1),k(),N(r.errorHandler?36:-1),k(),N(r.earlier?37:-1),k(2),I(`disabled`,!i.navigationAllowed()||!i.replayable(r)),j(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),k(2),j(`aria-label`,`Copy repro for navigation `+r.id),k(2),N(i.replayable(r)?-1:43)}}function mR(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,NL,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,pR,44,37,`li`,24,wL),R()),e&2){let e=G();k(2),Z(``,e.items().length,` of `,e.page().navigations.length,` navigation(s)`),k(2),F(e.phases),k(3),F(e.items())}}function hR(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(){T(e);let t=G(2),n=d_(2);return t.clearFilters(),E(n.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2);k(4),X(` `,e.page().navigations.length,` navigation(s) are hidden. Clear the filters to see them. `)}}function gR(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 _R(e,t){e&1&&M(0,hR,7,1,`div`,41)(1,gR,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var vR=[`recognize`,`guards`,`resolve`,`activate`],yR={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},bR=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>nD(this.rpc()).limits.navigations);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);phases=vR;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 fI(e)}color(e){return yR[e]}bars(e){let t=e.phases?.total;return t?vR.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=QO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await dI(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 lI(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 dI(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 cI(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 VE(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=A({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,EL,2,1,`p`,8),M(16,DL,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,ML,5,1,`section`,11),M(19,mR,9,2)(20,_R,2,1)),e&2&&(k(),I(`value`,t.filter()),k(3),I(`checked`,t.onlyProblems()),k(3),I(`checked`,t.page().instrumented),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),k(3),Y(t.message()),k(),N(t.message()?15:-1),k(),N(t.navigationAllowed()?-1:16),k(),I(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),k(),N(t.loops().length?18:-1),k(),N(t.items().length?19:20))},dependencies:[rk],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -4803,7 +5034,7 @@ time[_ngcontent-%COMP%] {
   .export[_ngcontent-%COMP%] {
     margin-left: 0;
   }
-}`]})},uL=[`urlInput`],dL=()=>[],fL=(e,t)=>t.node.id;function pL(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 mL(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,pL,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 hL(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 gL(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,hL,3,1)),e&2){G();let e=fv(0);A(3),N(e.nearest.length?3:-1)}}function _L(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function vL(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,mL,6,2)(8,gL,4,1),P(9,_L,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 yL(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();A(),Y(e.message())}}function bL(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();A(),Y(e.navigationOff)}}function xL(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 SL(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function CL(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 wL(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,xL,3,1)(3,SL,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,CL,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 TL(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 EL(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 DL(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function OL(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 kL(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 AL(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 jL(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 ML(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 NL(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function PL(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 IL(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function LL(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function RL(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 zL(e,t){if(e&1){let e=H();P(0,RL,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 BL(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 HL(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,DL,2,0,`span`,28),M(5,OL,2,1,`span`,28),M(6,kL,2,1,`span`,28),M(7,AL,4,2,`span`,29),R(),L(8,`td`),M(9,jL,6,1,`span`,30)(10,ML,1,1),R(),L(11,`td`),P(12,NL,2,1,`span`,28,kg),P(14,PL,2,1,`span`,28,Ag),M(16,FL,4,0),R(),L(17,`td`),M(18,IL,1,1)(19,LL,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,zL,4,3),M(23,BL,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,dL)),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 UL(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,HL,25,16,null,null,fL),R()()()),e&2){let e=G();A(16),F(e.rows())}}function WL(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var GL=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>nD(this.rpc(),`router`));navigationOff=yE(`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=XP(o,t),s=i&&YP(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(()=>WL(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${WL(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 ZP(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($P))}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 eF(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 eF(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 eF(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,uL,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,vL,11,4,`div`,8),M(10,yL,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,bL,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,wL,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,TL,5,2,`div`,15)(21,EL,7,0,`div`,15)(22,UL,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:[Dj,gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},xR=[`urlInput`],SR=()=>[],CR=(e,t)=>t.node.id;function wR(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);k(2),Y(Cv(3,1,e.params))}}function TR(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,wR,4,3)),e&2){G();let e=fv(0),t=G();k(4),Y(t.chainText(e)),k(),N(t.hasKeys(e.params)?5:-1)}}function ER(e,t){if(e&1&&(J(0,` Nearest: `),L(1,`code`),J(2),R()),e&2){G(2);let e=fv(0);k(2),Y(e.nearest.join(`, `))}}function DR(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,ER,3,1)),e&2){G();let e=fv(0);k(3),N(e.nearest.length?3:-1)}}function OR(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function kR(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,TR,6,2)(8,DR,4,1),P(9,OR,2,1,`div`,18,Ag),R()),e&2){let e=t,n=dv(e.result);k(),j(`data-matched`,n.matched),k(4),Y(e.url),k(2),N(n.matched?7:8),k(2),F(n.notes)}}function AR(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function jR(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function MR(e,t){if(e&1&&(L(0,`span`,22),J(1),R(),J(2,`. `)),e&2){let e=G(2);k(),Y(e.countText())}}function NR(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function PR(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 FR(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,MR,3,1)(3,NR,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,PR,1,1),R()),e&2){let e,t=G();k(),X(` Generation `,t.page().generation,` · `),k(),N(t.filter()?2:3),k(3),N((e=t.page().configTruncated)?5:-1,e)}}function IR(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();k(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.`,` `),k(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 LR(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(){T(e);let t=G(),n=d_(16);return t.setFilter(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function RR(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function zR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`lazy `,e.node.lazy)}}function BR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`outlet `,e.node.outlet)}}function VR(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;k(3),I(`file`,e.at.file)(`line`,e.at.line)}}function HR(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;k(5),Y(e.node.redirectTo)}}function UR(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 WR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function GR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function KR(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function qR(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function JR(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function YR(e,t){if(e&1){let e=H();L(0,`input`,39),U(`input`,function(t){let n=T(e).$implicit,r=G(2).$implicit;return E(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 XR(e,t){if(e&1){let e=H();P(0,YR,1,5,`input`,38,Ag),L(2,`button`,7),U(`click`,function(){T(e);let t=G().$implicit,n=d_(1);return E(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)),k(2),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function ZR(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){T(e);let t=G().$implicit;return E(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 QR(e,t){if(e&1&&(L(0,`tr`,34)(1,`td`,40)(2,`p`,41),J(3),R()()()),e&2){let e=G(3);k(3),Y(e.rowResult()?.text)}}function $R(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,RR,2,0,`span`,28),M(5,zR,2,1,`span`,28),M(6,BR,2,1,`span`,28),M(7,VR,4,2,`span`,29),R(),L(8,`td`),M(9,HR,6,1,`span`,30)(10,UR,1,1),R(),L(11,`td`),P(12,WR,2,1,`span`,28,kg),P(14,GR,2,1,`span`,28,Ag),M(16,KR,4,0),R(),L(17,`td`),M(18,qR,1,1)(19,JR,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,XR,4,3),M(23,ZR,2,1,`button`,33),R()()(),M(24,QR,4,1,`tr`,34)),e&2){let e=t.$implicit,n=G(2);q(`active`,n.isActive(e.node)),k(2),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.node.fullPath,` `),k(),N(n.isActive(e.node)?4:-1),k(),N(e.node.lazy?5:-1),k(),N(e.node.outlet?6:-1),k(),N(e.at?7:-1),k(2),N(e.node.redirectTo===void 0?10:9),k(3),F(n.guardList(e.node)),k(2),F(e.node.resolvers??mv(15,SR)),k(2),N(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),k(2),N(e.node.title?18:19),k(4),N(n.canNavigate(e.node)?22:-1),k(),N(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),k(),N(n.rowResult()?.id===e.node.id?24:-1)}}function ez(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,$R,25,16,null,null,CR),R()()()),e&2){let e=G();k(16),F(e.rows())}}function tz(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var nz=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);sources=$([]);filter=O(``);testUrl=O(``);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=sI(o,t),s=i&&oI(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(()=>tz(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${tz(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 cI(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(uI))}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 dI(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 dI(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 dI(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=A({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&l_(t.urlInput,xR,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 T(e),n.preventDefault(),E(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,kR,11,4,`div`,8),M(10,AR,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,jR,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,FR,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,IR,5,2,`div`,15)(21,LR,7,0,`div`,15)(22,ez,18,0,`div`,16)}if(e&2){let e;k(3),I(`value`,t.testUrl()),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),k(2),N((e=t.match())?9:-1,e),k(),N(t.message()?10:-1),k(2),Y(t.rowResult()?.text),k(),N(t.navigationAllowed()?-1:13),k(2),I(`value`,t.filter()),k(2),N(t.page().config?17:-1),k(2),Y(t.filterAnnouncement()),k(),N(t.page().config?t.rows().length?22:21:20)}},dependencies:[lM,gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5286,7 +5517,7 @@ tr.active[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {
   .filter[_ngcontent-%COMP%] {
     flex-basis: 100%;
   }
-}`]})},KL=(e,t)=>t.id;function qL(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 JL(e,t){e&1&&M(0,qL,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function YL(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 XL(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function ZL(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 QL(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,ZL,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 $L(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 eR(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 tR(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 nR(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function rR(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 iR(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,QL,3,6,`button`,11,KL),R(),L(3,`div`,12),M(4,$L,1,2,`app-route-current`,13)(5,eR,1,2,`app-route-timeline`,13)(6,tR,1,3,`app-route-tree`,14)(7,nR,1,1,`app-route-setup`,15)(8,rR,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 aR(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 oR=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],sR=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=oR;selected=k(`current`);pages=k([]);hostPageId=IE();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,JL,1,1),R(),M(4,YL,7,0,`div`,1)(5,XL,2,0,`p`,2)(6,iR,9,3)(7,aR,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:[RF,QF,fI,lL,GL,DO],styles:[`[_nghost-%COMP%] {
+}`]})},rz=(e,t)=>t.id;function iz(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 T(e),E(G(2).pageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function az(e,t){e&1&&M(0,iz,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function oz(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function sz(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function cz(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);k(),Y(e.problems()),k(2),X(`, `,e.problems(),` problem navigations`)}}function lz(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selected.set(t.id))}),J(1),M(2,cz,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),k(),X(` `,e.label,` `),k(),N(e.id===`navigations`&&n.problems()>0?2:-1)}}function uz(e,t){if(e&1){let e=H();L(0,`app-route-current`,19),U(`showComponent`,function(t){return T(e),E(G(2).showComponent.emit(t))}),R()}if(e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function dz(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 fz(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 pz(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function mz(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 hz(e,t){if(e&1){let e=H();L(0,`div`,10),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(1,lz,3,6,`button`,11,rz),R(),L(3,`div`,12),M(4,uz,1,2,`app-route-current`,13)(5,dz,1,2,`app-route-timeline`,13)(6,fz,1,3,`app-route-tree`,14)(7,pz,1,1,`app-route-setup`,15)(8,mz,1,2,`app-route-lint`,13),R()}if(e&2){let e,t=G();k(),F(t.tabs),k(2),I(`id`,`router-panel-`+t.selected()),j(`aria-labelledby`,`router-tab-`+t.selected()),k(),N((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function gz(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 _z=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],vz=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=_z;selected=O(`current`);pages=O([]);hostPageId=LE();loading=O(!0);failed=O(!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=C(Ds);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(){mc(()=>{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=A({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,az,1,1),R(),M(4,oz,7,0,`div`,1)(5,sz,2,0,`p`,2)(6,hz,9,3)(7,gz,5,0,`div`,3)),e&2){let e,n;k(3),N((e=t.page())?3:-1,e),k(),N(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[YI,lL,CL,bR,nz,OO],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 16px;
   min-width: 0;
@@ -5451,7 +5682,7 @@ h2[_ngcontent-%COMP%] {
   line-height: 16px;
   text-align: center;
   font-variant-numeric: tabular-nums;
-}`]})};function cR(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function lR(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 uR(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function dR(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function fR(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,uR,4,0)(5,dR,1,0),R()()),e&2){let e=G();A(4),N(e.staticReport()?4:5)}}function pR(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function mR(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 hR(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 gR(e,t){e&1&&M(0,mR,7,0,`div`,16)(1,hR,11,0,`div`,16),e&2&&N(+!G().routes().length)}function _R(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.kind)}}function vR(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 yR(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.component)}}function bR(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function xR(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function SR(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function CR(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function wR(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function TR(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,_R,2,1,`span`,21),R(),L(4,`td`),M(5,vR,6,1,`span`,22)(6,yR,2,1,`code`,23)(7,bR,4,0),R(),L(8,`td`),P(9,xR,2,1,`span`,21,kg,!1,SR,4,0),R(),L(12,`td`),M(13,CR,1,1)(14,wR,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 ER(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,TR,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 DR=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>HE(this.rpc()));routes=k([]);filter=k(``);loading=k(!1);error=k(!1);live=Jv(sR);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,sR,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,cR,1,0),R(),M(8,lR,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,fR,6,1,`div`,11)(16,pR,2,0,`p`,12)(17,gR,2,1)(18,ER,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:[sR,Dj],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function yz(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function bz(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){T(e);let t=G();return E(t.expanded.set(!t.expanded()))}),J(1),R()}if(e&2){let e=G();j(`aria-expanded`,e.expanded()),k(),X(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function xz(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function Sz(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function Cz(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,xz,4,0)(5,Sz,1,0),R()()),e&2){let e=G();k(4),N(e.staticReport()?4:5)}}function wz(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function Tz(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(){T(e);let t=G(2),n=d_(12);return t.filter.set(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function Ez(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 Dz(e,t){e&1&&M(0,Tz,7,0,`div`,16)(1,Ez,11,0,`div`,16),e&2&&N(+!G().routes().length)}function Oz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function kz(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;k(5),X(` `,e.redirectTo)}}function Az(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function jz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Mz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Nz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Pz(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function Fz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Iz(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,Oz,2,1,`span`,21),R(),L(4,`td`),M(5,kz,6,1,`span`,22)(6,Az,2,1,`code`,23)(7,jz,4,0),R(),L(8,`td`),P(9,Mz,2,1,`span`,21,kg,!1,Nz,4,0),R(),L(12,`td`),M(13,Pz,1,1)(14,Fz,4,0),R(),L(15,`td`,24),z(16,`app-source-link`,25),R()()),e&2){let e=t.$implicit,n=G(2);k(2),X(` `,e.fullPath,` `),k(),N(e.kind===`page`?-1:3),k(2),N(e.redirectTo===void 0?e.component?6:7:5),k(4),F(n.checks(e)),k(4),N(e.title?13:14),k(3),I(`file`,e.file)(`line`,e.line)}}function Lz(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,Iz,17,7,`tr`,null,kg),R()()()),e&2){let e=G();k(),rv(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),k(16),F(e.filtered())}}var Rz=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>UE(this.rpc()));routes=O([]);filter=O(``);loading=O(!1);error=O(!1);live=Jv(vz);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(){mc(()=>{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=A({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&l_(t.live,vz,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,yz,1,0),R(),M(8,bz,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,Cz,6,1,`div`,11)(16,wz,2,0,`p`,12)(17,Dz,2,1)(18,Lz,19,3),R()()),e&2&&(I(`rpc`,t.rpc())(`sources`,t.routes()),k(7),N(t.liveHasConfig()?7:-1),k(),N(t.liveHasConfig()?8:-1),k(),I(`hidden`,!t.expanded()),k(2),I(`value`,t.filter()),k(2),j(`aria-busy`,t.loading()),k(),X(` `,t.loading()?`Scanning…`:`Refresh`,` `),k(),N(t.error()?15:t.loading()&&t.routes().length===0?16:t.filtered().length===0?17:18))},dependencies:[vz,lM],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5832,7 +6063,7 @@ h2[_ngcontent-%COMP%] {
   font-family: var(--%NS%font-mono);
   font-size: 12px;
   overflow-wrap: anywhere;
-}`]})},OR=[`ArrowDown`,`ArrowUp`,`Home`,`End`],kR=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,AR=class e{appRovingList=$(``);rovingWindow=$(null);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(kR))??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(!OR.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=this.rovingWindow();if(i?.enabled()&&(e.key===`Home`||e.key===`End`)){e.preventDefault();let t=e.key===`Home`?0:i.count-1,n=()=>{let e=this.host.querySelector(`[data-vindex="${t}"]`);(e?.matches(this.appRovingList())?e:e?.querySelector(this.appRovingList()))?.focus()};i.rendered(t)?n():i.reveal(t,n);return}let a={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[a].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`],rovingWindow:[1,`rovingWindow`]}})},jR=56,MR=12,NR=8,PR=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 IR(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 LR(e,t){let{producers:n,consumers:r}=FR(e,t),i=IR(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<PR;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:NR+e*224,y:NR+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-jR,height:16+Math.max(1,f)*56-MR}}function RR(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 zR(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}=RR(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 BR(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,HR=(e,t)=>t.id;function UR(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 WR(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 GR(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function KR(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,GR,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 qR=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),JR=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(()=>zR(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(()=>LR(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?RR(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(!qR.has(e.key))return;e.preventDefault();let n=BR(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,UR,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),O(),B(12,`svg`,8),P(13,WR,1,3,`:svg:path`,9,VR),V(),P(15,KR,7,20,`button`,10,HR),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%] {
+}`]})},zz=[`ArrowDown`,`ArrowUp`,`Home`,`End`],Bz=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,Vz=class e{appRovingList=$(``);rovingWindow=$(null);host=C(Il).nativeElement;current=null;focusInside=!1;constructor(){let e=C(Ds);Hd(()=>{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(Bz))??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(!zz.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=this.rovingWindow();if(i?.enabled()&&(e.key===`Home`||e.key===`End`)){e.preventDefault();let t=e.key===`Home`?0:i.count-1,n=()=>{let e=this.host.querySelector(`[data-vindex="${t}"]`);(e?.matches(this.appRovingList())?e:e?.querySelector(this.appRovingList()))?.focus()};i.rendered(t)?n():i.reveal(t,n);return}let a={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[a].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`],rovingWindow:[1,`rovingWindow`]}})},Hz=56,Uz=12,Wz=8,Gz=4;function Kz(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 qz(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 Jz(e,t){let{producers:n,consumers:r}=Kz(e,t),i=qz(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<Gz;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:Wz+e*224,y:Wz+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-Hz,height:16+Math.max(1,f)*56-Uz}}function Yz(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 Xz(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}=Yz(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 Zz(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 Qz=(e,t)=>t.producer+`>`+t.consumer,$z=(e,t)=>t.id;function eB(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=t,n=G();k(),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 tB(e,t){if(e&1&&(D(),Vg(0,`path`,11)),e&2){let e=t.$implicit;M_(G().edgeTone(e)),j(`d`,e.path)}}function nB(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function rB(e,t){if(e&1){let e=H();B(0,`button`,12),W(`click`,function(){let t=T(e).$implicit;return E(G().pick(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G().focused.set(t.id))})(`keydown`,function(t){let n=T(e).$implicit;return E(G().onKey(t,n.id))}),B(1,`span`,13),Vg(2,`span`,14),J(3),M(4,nB,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),k(2),K(`background`,n.colorOf(e.id)),k(),X(` `,n.byId().get(e.id)?.kind,` `),k(),N(n.watched().has(e.id)?4:-1),k(2),Y(n.labelOf(e.id))}}var iB=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),aB=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=Rv();host=C(Il).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(()=>Xz(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(()=>Jz(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?Yz(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=O(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(!iB.has(e.key))return;e.preventDefault();let n=Zz(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=A({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,eB,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),D(),B(12,`svg`,8),P(13,tB,1,3,`:svg:path`,9,Qz),V(),P(15,rB,7,20,`button`,10,$z),V()()),e&2){let e;qg(`id`,t.helpId),k(9),N((e=t.capped())?9:-1,e),k(),j(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),k(),K(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),k(),j(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),k(),F(t.layout().edges),k(2),F(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -6013,7 +6244,7 @@ svg[_ngcontent-%COMP%] {
    .gnode[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},YR=[`filterInput`],XR=e=>({id:e,label:`Status history`}),ZR=e=>({id:e,label:`Value history`}),QR=(e,t)=>t.kind,$R=(e,t)=>t.name+t.file+t.line,ez=(e,t)=>t.epoch,tz=(e,t)=>t.id,nz=(e,t)=>t.id+`:`+t.change.epoch;function rz(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,18),J(2,`Page`),R(),L(3,`app-select`,19),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 iz(e,t){if(e&1){let e=H();L(0,`div`,5)(1,`span`,20),J(2,`Graph of`),R(),L(3,`app-select`,21),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 az(e,t){if(e&1&&(L(0,`span`,24),J(1),R()),e&2){let e=G(2);A(),Y(e.sourceNote(e.graph().source))}}function oz(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,23),J(4),R(),M(5,az,2,1,`span`,24),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 sz(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,24),J(4,`environment injector`),R()()),e&2){let e=G();A(2),Y(e.injectorLabel(t))}}function cz(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 lz(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 uz(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 dz(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function fz(e,t){if(e&1&&(L(0,`app-angular-unavailable`,10),J(1,` This list comes from a source scan. `),R()),e&2){let e=G();I(`page`,e.angularPage())(`missing`,e.unsupported())}}function pz(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 mz(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 hz(e,t){if(e&1){let e=H();L(0,`button`,25),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`,28),L(2,`span`,29),J(3),R(),L(4,`span`,26),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 gz(e,t){if(e&1){let e=H();L(0,`div`,11)(1,`button`,25),U(`click`,function(){return E(e),D(G().kind.set(null))}),J(2,` All `),L(3,`span`,26),J(4),R()(),P(5,hz,6,7,`button`,27,QR),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 _z(e,t){e&1&&(L(0,`div`,12),z(1,`span`,30),L(2,`p`,31),J(3,`Scanning source for signals…`),R()())}function vz(e,t){if(e&1){let e=H();L(0,`div`,32)(1,`p`,31),J(2,`Couldn't load signals`),R(),L(3,`p`,33),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,34),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 yz(e,t){e&1&&(L(0,`div`,14)(1,`p`,31),J(2,`No signals found.`),R(),L(3,`p`,33),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 bz(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit;A(3),X(`in <`,e.component,`>`)}}function xz(e,t){if(e&1&&(L(0,`div`,37)(1,`div`,39)(2,`span`,40),J(3),R(),L(4,`span`,41),J(5),R()(),L(6,`div`,42),z(7,`app-source-link`,43),M(8,bz,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 Sz(e,t){if(e&1){let e=H();L(0,`div`,38)(1,`p`,31),J(2,`No signals match.`),R(),L(3,`p`,33),J(4,`Try a different name or kind.`),R(),L(5,`button`,34),U(`click`,function(){return E(e),D(G(2).clearFilters())}),J(6,`Clear filters`),R()()}}function Cz(e,t){if(e&1&&(L(0,`p`,35),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,36),P(3,xz,9,7,`div`,37,$R,!1,Sz,7,0,`div`,38),R()),e&2){let e=G();A(3),F(e.filteredSourceSignals())}}function wz(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit;A(),X(``,e.missed,` earlier not captured`)}}function Tz(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function Ez(e,t){if(e&1&&(L(0,`ol`,51),P(1,Tz,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;A(),F(e.stack)}}function Dz(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,49),J(6),R(),L(7,`span`),J(8),R(),M(9,wz,2,1,`span`,50),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,Ez,3,0,`ol`,51),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 Oz(e,t){if(e&1&&(L(0,`h4`,45),J(1),R(),L(2,`p`,46),J(3),R(),L(4,`ol`,47),P(5,Dz,14,13,`li`,null,ez),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 kz(e,t){e&1&&M(0,Oz,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function Az(e,t){if(e&1){let e=H();L(0,`button`,56),U(`click`,function(){E(e);let t=G(2);return D(t.showFramework.set(!t.showFramework()))}),J(1,` Show framework signals `),L(2,`span`,26),J(3),R()()}if(e&2){let e=G(2);j(`aria-pressed`,e.showFramework()),A(3),Z(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function jz(e,t){e&1&&(L(0,`p`,58),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 Mz(e,t){if(e&1){let e=H();L(0,`app-signal-graph-view`,62),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 Nz(e,t){e&1&&(L(0,`p`,58),J(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),R())}function Pz(e,t){if(e&1){let e=H();L(0,`p`,61)(1,`span`),J(2,`Selected`),R(),L(3,`span`,63),J(4),R(),L(5,`span`,44),J(6,`·`),R(),L(7,`span`),J(8),R(),L(9,`span`,44),J(10,`·`),R(),L(11,`span`),J(12),R(),L(13,`button`,64),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`,59),M(1,Mz,1,5,`app-signal-graph-view`,60)(2,Nz,2,0,`p`,58),M(3,Pz,15,3,`p`,61),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 Iz(e,t){if(e&1){let e=H();L(0,`section`,15)(1,`div`,52)(2,`h2`,53),J(3,`Graph`),R(),L(4,`div`,54),M(5,Az,4,3,`button`,55),L(6,`button`,56),U(`click`,function(){return E(e),D(G().toggleStacks())}),J(7,` Record write stacks `),R(),L(8,`button`,57),U(`click`,function(){E(e);let t=G();return D(t.showGraph.set(!t.showGraph()))}),J(9),R()()(),M(10,jz,2,0,`p`,58),M(11,Fz,4,2,`div`,59),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 Lz(e,t){if(e&1&&(L(0,`p`,33),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 Rz(e,t){if(e&1&&(L(0,`span`,67),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.value))}}function zz(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;A(),Z(``,e,` `,e===1?`change`:`changes`)}}function Bz(e,t){if(e&1){let e=H();L(0,`li`)(1,`span`,63),J(2),R(),M(3,Rz,3,3,`span`,67),M(4,zz,2,2,`span`,68),L(5,`button`,64),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 Hz(e,t){if(e&1&&(L(0,`ol`,51),P(1,Vz,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;A(),F(e.change.stack)}}function Uz(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,63),J(6),R(),L(7,`span`,49),J(8),R()(),L(9,`pre`),J(10),xv(11,`json`),R(),M(12,Hz,3,0,`ol`,51),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 Wz(e,t){if(e&1&&(L(0,`h3`,69),J(1,`Recent changes`),R(),L(2,`div`,70)(3,`ol`,71),P(4,Uz,13,12,`li`,null,nz),R()()),e&2){let e=G(2);A(4),F(e.watchLog())}}function Gz(e,t){if(e&1&&(L(0,`section`,16)(1,`h2`,65),J(2,`Watched`),R(),M(3,Lz,2,2,`p`,33),L(4,`ul`,66),P(5,Bz,7,4,`li`,null,tz),R(),M(7,Wz,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 Kz(e,t){if(e&1&&(L(0,`span`,79),J(1),R()),e&2){let e=G().$implicit;M_(`tone-`+G(2).statusTone(e.status)),A(),Y(e.status)}}function qz(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;A(),Z(``,e,` `,e===1?`change`:`changes`)}}function Jz(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.error))}}function Yz(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.value))}}function Xz(e,t){e&1&&(L(0,`p`,33),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 Zz(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 Qz(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 $z(e,t){if(e&1&&(L(0,`dt`),J(1,`Params`),R(),L(2,`dd`)(3,`pre`,83),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 eB(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),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 tB(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`)(3,`pre`,83),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 nB(e,t){if(e&1&&(L(0,`li`)(1,`span`,84),J(2),R(),L(3,`span`,63),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 rB(e,t){if(e&1&&(L(0,`ul`,45),P(1,nB,5,4,`li`,null,tz),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),A(),F(t.internalsOf(e))}}function iB(e,t){if(e&1){let e=H();L(0,`div`,78)(1,`h3`,80),J(2),R(),M(3,Xz,11,0,`p`,33),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,Zz,4,1),M(10,Qz,4,1),M(11,$z,6,4),M(12,eB,6,4),M(13,tB,6,4),R(),Gg(14,81),L(15,`button`,82),U(`click`,function(){E(e);let t=G(3);return D(t.showInternals.set(!t.showInternals()))}),J(16),R(),M(17,rB,3,1,`ul`,45),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,XR,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 aB(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=E(e).$implicit;return D(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4,`resource`),R(),L(5,`span`,41),J(6),R(),M(7,Kz,2,3,`span`,75),M(8,qz,2,2,`span`,68),z(9,`span`,76),R(),M(10,Jz,3,3,`span`,77)(11,Yz,3,3,`span`,77),R(),M(12,iB,18,18,`div`,78),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 oB(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Resources`),R(),L(2,`ul`,73),P(3,aB,13,12,`li`,null,tz),R()),e&2){let e=G();A(3),F(e.filteredResources())}}function sB(e,t){e&1&&(L(0,`span`,87),J(1,`watching`),R())}function cB(e,t){e&1&&(L(0,`span`,88),J(1,`framework`),R())}function lB(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;A(),Z(``,e,` `,e===1?`change`:`changes`)}}function uB(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;A(),Y(Cv(2,1,e.value))}}function dB(e,t){if(e&1&&(L(0,`span`,44),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 fB(e,t){if(e&1&&(L(0,`span`,44),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 pB(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),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 mB(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=E(e).$implicit;return D(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),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 hB(e,t){if(e&1&&(L(0,`h4`),J(1,`Dependencies (producers)`),R(),L(2,`ul`),P(3,mB,6,5,`li`,null,tz),R()),e&2){let e=G(4);A(3),F(e.getDependencies(e.selectedNode()))}}function gB(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=E(e).$implicit;return D(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),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 _B(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,gB,6,5,`li`,null,tz),R()),e&2){let e=G(4);A(3),F(e.getConsumers(e.selectedNode()))}}function vB(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){E(e);let t=G(4);return D(t.toggleWatch(t.selectedNode()))}),J(1,` Watch `),R(),L(2,`p`,33),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 yB(e,t){e&1&&(L(0,`p`,33),J(1),R()),e&2&&(A(),Y(t))}function bB(e,t){if(e&1&&(L(0,`div`,78)(1,`h3`,80),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,pB,6,4),R(),M(13,hB,5,0),M(14,_B,5,0),M(15,vB,4,1),M(16,yB,2,1,`p`,33),Gg(17,81),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,ZR,t.id))}}function xB(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=E(e).$implicit;return D(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4),R(),L(5,`span`,41),J(6),R(),M(7,sB,2,0,`span`,87),M(8,cB,2,0,`span`,88),M(9,lB,2,2,`span`,68),z(10,`span`,76),R(),M(11,uB,3,3,`span`,77),L(12,`span`,42)(13,`span`),J(14),R(),M(15,dB,4,1),M(16,fB,4,1),R()(),M(17,bB,18,13,`div`,78),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 SB(e,t){if(e&1){let e=H();L(0,`button`,34),U(`click`,function(){return E(e),D(G(3).clearFilters())}),J(1,`Clear filters`),R()}}function CB(e,t){if(e&1&&(L(0,`li`,86)(1,`p`,31),J(2),R(),L(3,`p`,33),J(4),R(),M(5,SB,2,0,`button`,91),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 wB(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Signals`),R(),L(2,`ul`,85),P(3,xB,18,17,`li`,null,tz,!1,CB,6,3,`li`,86),R()),e&2){let e=G();A(3),F(e.filteredNodes())}}var TB=`follow`;function EB(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var DB=`env:`,OB=50,kB=new Set([`signal`,`computed`,`linkedSignal`]),AB=20,jB={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},MB={write:`set`,sample:`sampled`,initial:`initial`},NB={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},PB={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=IE();angularPages=lO(()=>this.rpc());angularPage=Q(()=>uO(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=k({});graphState=k({graph:null,pages:{}});chosenPageId=k(null);announcement=k(``);graphPages=Q(()=>EB(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 LE(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,AB)});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(PB).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:TB,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:DB+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:TB});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(EB(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!==TB?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(DB)?{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 jB[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 kB.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>=OB&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return NB[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return MB[e]}kindColor(e){return PB[e]??PB.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,YR,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`],[`capability`,`signalGraph`,`compact`,``,3,`page`,`missing`],[`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,rz,4,2,`div`,4),M(4,iz,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,oz,6,3,`p`,7)(8,sz,5,1,`p`,7),M(9,cz,2,0,`p`,8),L(10,`p`,9),M(11,lz,1,0)(12,uz,1,0)(13,dz,1,0),R(),M(14,fz,2,2,`app-angular-unavailable`,10),M(15,pz,2,0,`p`,8),M(16,mz,2,2,`p`,8),M(17,gz,7,4,`div`,11),M(18,_z,4,0,`div`,12),M(19,vz,7,4,`div`,13)(20,yz,14,0,`div`,14),M(21,Cz,6,1),sg(22,kz,1,1,`ng-template`,null,1,Ev),M(24,Iz,12,6,`section`,15),M(25,Gz,8,2,`section`,16),L(26,`p`,17),J(27),R(),M(28,oB,5,0),M(29,wB,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.graph()?-1:14),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:[mO,ub,AR,DO,JR,Dj,hb,gb],styles:[`[_nghost-%COMP%] {
+}`]})},oB=[`filterInput`],sB=e=>({id:e,label:`Status history`}),cB=e=>({id:e,label:`Value history`}),lB=(e,t)=>t.kind,uB=(e,t)=>t.name+t.file+t.line,dB=(e,t)=>t.epoch,fB=(e,t)=>t.id,pB=(e,t)=>t.id+`:`+t.change.epoch;function mB(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,18),J(2,`Page`),R(),L(3,`app-select`,19),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function hB(e,t){if(e&1){let e=H();L(0,`div`,5)(1,`span`,20),J(2,`Graph of`),R(),L(3,`app-select`,21),U(`valueChange`,function(t){return T(e),E(G().pickComponent(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.componentOptions())(`value`,e.pickerValue())}}function gB(e,t){if(e&1&&(L(0,`span`,24),J(1),R()),e&2){let e=G(2);k(),Y(e.sourceNote(e.graph().source))}}function _B(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,23),J(4),R(),M(5,gB,2,1,`span`,24),R()),e&2){let e=t,n=G();k(2),Y(e.name),k(2),Y(e.path),k(),N(n.graph().source?5:-1)}}function vB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,24),J(4,`environment injector`),R()()),e&2){let e=G();k(2),Y(e.injectorLabel(t))}}function yB(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 bB(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 xB(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 SB(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function CB(e,t){if(e&1&&(L(0,`app-angular-unavailable`,10),J(1,` This list comes from a source scan. `),R()),e&2){let e=G();I(`page`,e.angularPage())(`missing`,e.unsupported())}}function wB(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 TB(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Z(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function EB(e,t){if(e&1){let e=H();L(0,`button`,25),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,28),L(2,`span`,29),J(3),R(),L(4,`span`,26),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(e.kind),k(2),Y(e.count)}}function DB(e,t){if(e&1){let e=H();L(0,`div`,11)(1,`button`,25),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,26),J(4),R()(),P(5,EB,6,7,`button`,27,lB),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.kindTotal()),k(),F(e.kindChips())}}function OB(e,t){e&1&&(L(0,`div`,12),z(1,`span`,30),L(2,`p`,31),J(3,`Scanning source for signals…`),R()())}function kB(e,t){if(e&1){let e=H();L(0,`div`,32)(1,`p`,31),J(2,`Couldn't load signals`),R(),L(3,`p`,33),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=G();q(`compact`,e.sourceSignals().length>0),k(5),j(`aria-disabled`,e.retrying()||null),k(),X(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function AB(e,t){e&1&&(L(0,`div`,14)(1,`p`,31),J(2,`No signals found.`),R(),L(3,`p`,33),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 jB(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit;k(3),X(`in <`,e.component,`>`)}}function MB(e,t){if(e&1&&(L(0,`div`,37)(1,`div`,39)(2,`span`,40),J(3),R(),L(4,`span`,41),J(5),R()(),L(6,`div`,42),z(7,`app-source-link`,43),M(8,jB,4,1),R()()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.name),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.component?8:-1)}}function NB(e,t){if(e&1){let e=H();L(0,`div`,38)(1,`p`,31),J(2,`No signals match.`),R(),L(3,`p`,33),J(4,`Try a different name or kind.`),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(6,`Clear filters`),R()()}}function PB(e,t){if(e&1&&(L(0,`p`,35),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,36),P(3,MB,9,7,`div`,37,uB,!1,NB,7,0,`div`,38),R()),e&2){let e=G();k(3),F(e.filteredSourceSignals())}}function FB(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.missed,` earlier not captured`)}}function IB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function LB(e,t){if(e&1&&(L(0,`ol`,51),P(1,IB,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.stack)}}function RB(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,49),J(6),R(),L(7,`span`),J(8),R(),M(9,FB,2,1,`span`,50),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,LB,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,8,e.at,`HH:mm:ss.SSS`)),k(2),M_(`source-`+e.source),k(),Y(n.sourceLabel(e.source)),k(2),X(`epoch `,e.epoch),k(),N(e.missed?9:-1),k(2),Y(Cv(12,11,e.value)),k(2),N(e.stack?.length?13:-1)}}function zB(e,t){if(e&1&&(L(0,`h4`,45),J(1),R(),L(2,`p`,46),J(3),R(),L(4,`ol`,47),P(5,RB,14,13,`li`,null,dB),R()),e&2){let e=G(),t=e.id,n=e.label,r=G();I(`id`,`history-heading-`+t),k(),Y(n),k(2),Y(r.historySummary(t)),k(),j(`aria-labelledby`,`history-heading-`+t),k(),F(r.selectedHistory())}}function BB(e,t){e&1&&M(0,zB,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function VB(e,t){if(e&1){let e=H();L(0,`button`,56),U(`click`,function(){T(e);let t=G(2);return E(t.showFramework.set(!t.showFramework()))}),J(1,` Show framework signals `),L(2,`span`,26),J(3),R()()}if(e&2){let e=G(2);j(`aria-pressed`,e.showFramework()),k(3),Z(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function HB(e,t){e&1&&(L(0,`p`,58),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 UB(e,t){if(e&1){let e=H();L(0,`app-signal-graph-view`,62),U(`selected`,function(t){return T(e),E(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 WB(e,t){e&1&&(L(0,`p`,58),J(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),R())}function GB(e,t){if(e&1){let e=H();L(0,`p`,61)(1,`span`),J(2,`Selected`),R(),L(3,`span`,63),J(4),R(),L(5,`span`,44),J(6,`·`),R(),L(7,`span`),J(8),R(),L(9,`span`,44),J(10,`·`),R(),L(11,`span`),J(12),R(),L(13,`button`,64),U(`click`,function(){let t=T(e);return E(G(3).jumpTo(t))}),J(14,` Show details `),R()()}if(e&2){let e=t,n=G(3);k(4),Y(e.label??`(unnamed)`),k(4),Y(n.plural(n.getDependencies(e).length,`producer`)),k(4),Y(n.plural(n.getConsumers(e).length,`consumer`))}}function KB(e,t){if(e&1&&(L(0,`div`,59),M(1,UB,1,5,`app-signal-graph-view`,60)(2,WB,2,0,`p`,58),M(3,GB,15,3,`p`,61),R()),e&2){let e,t=G(2);k(),N(t.graphNodes().length?1:2),k(2),N((e=t.selectedNode())?3:-1,e)}}function qB(e,t){if(e&1){let e=H();L(0,`section`,15)(1,`div`,52)(2,`h2`,53),J(3,`Graph`),R(),L(4,`div`,54),M(5,VB,4,3,`button`,55),L(6,`button`,56),U(`click`,function(){return T(e),E(G().toggleStacks())}),J(7,` Record write stacks `),R(),L(8,`button`,57),U(`click`,function(){T(e);let t=G();return E(t.showGraph.set(!t.showGraph()))}),J(9),R()()(),M(10,HB,2,0,`p`,58),M(11,KB,4,2,`div`,59),R()}if(e&2){let e,t=G();k(5),N((e=t.frameworkCount())?5:-1,e),k(),j(`aria-pressed`,t.stacksOn()),k(2),j(`aria-expanded`,t.showGraph()),k(),X(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),k(),N(t.stacksOn()?10:-1),k(),N(t.showGraph()?11:-1)}}function JB(e,t){if(e&1&&(L(0,`p`,33),J(1),R()),e&2){let e=t;k(),Z(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function YB(e,t){if(e&1&&(L(0,`span`,67),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function XB(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function ZB(e,t){if(e&1){let e=H();L(0,`li`)(1,`span`,63),J(2),R(),M(3,YB,3,3,`span`,67),M(4,XB,2,2,`span`,68),L(5,`button`,64),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleWatch(t))}),J(6,` Stop watching `),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(2),Y(n.label??`(unnamed)`),k(),N(n.value===void 0?-1:3),k(),N((e=r.changeCount(n.id))?4:-1,e),k(),j(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function QB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function $B(e,t){if(e&1&&(L(0,`ol`,51),P(1,QB,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.change.stack)}}function eV(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,63),J(6),R(),L(7,`span`,49),J(8),R()(),L(9,`pre`),J(10),xv(11,`json`),R(),M(12,$B,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,7,e.change.at,`HH:mm:ss.SSS`)),k(3),Y(e.label),k(),M_(`source-`+e.change.source),k(),Y(n.sourceLabel(e.change.source)),k(2),Y(Cv(11,10,e.change.value)),k(2),N(e.change.stack?.length?12:-1)}}function tV(e,t){if(e&1&&(L(0,`h3`,69),J(1,`Recent changes`),R(),L(2,`div`,70)(3,`ol`,71),P(4,eV,13,12,`li`,null,pB),R()()),e&2){let e=G(2);k(4),F(e.watchLog())}}function nV(e,t){if(e&1&&(L(0,`section`,16)(1,`h2`,65),J(2,`Watched`),R(),M(3,JB,2,2,`p`,33),L(4,`ul`,66),P(5,ZB,7,4,`li`,null,fB),R(),M(7,tV,6,0),R()),e&2){let e,t=G();k(3),N((e=t.watchedElsewhere())?3:-1,e),k(2),F(t.watchedNodes()),k(2),N(t.watchLog().length?7:-1)}}function rV(e,t){if(e&1&&(L(0,`span`,79),J(1),R()),e&2){let e=G().$implicit;M_(`tone-`+G(2).statusTone(e.status)),k(),Y(e.status)}}function iV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function aV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.error))}}function oV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function sV(e,t){e&1&&(L(0,`p`,33),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 cV(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;k(3),Y(e.isLoading?`yes`:`no`)}}function lV(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;k(3),Y(e.statusCode)}}function uV(e,t){if(e&1&&(L(0,`dt`),J(1,`Params`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Params of `+e.name),k(),Y(Cv(5,2,e.params))}}function dV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Value of `+e.name),k(),Y(Cv(5,2,e.value))}}function fV(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Error of `+e.name),k(),Y(Cv(5,2,e.error))}}function pV(e,t){if(e&1&&(L(0,`li`)(1,`span`,84),J(2),R(),L(3,`span`,63),J(4),R()()),e&2){let e=t.$implicit,n=G(5);k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function mV(e,t){if(e&1&&(L(0,`ul`,45),P(1,pV,5,4,`li`,null,fB),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),k(),F(t.internalsOf(e))}}function hV(e,t){if(e&1){let e=H();L(0,`div`,78)(1,`h3`,80),J(2),R(),M(3,sV,11,0,`p`,33),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,cV,4,1),M(10,lV,4,1),M(11,uV,6,4),M(12,dV,6,4),M(13,fV,6,4),R(),Gg(14,81),L(15,`button`,82),U(`click`,function(){T(e);let t=G(3);return E(t.showInternals.set(!t.showInternals()))}),J(16),R(),M(17,mV,3,1,`ul`,45),R()}if(e&2){let e=G().$implicit,t=G(2),n=d_(23);I(`id`,`signal-detail-`+e.id),k(2),Y(e.name),k(),N(e.named?-1:3),k(5),Y(e.status??`unknown`),k(),N(e.isLoading===void 0?-1:9),k(),N(e.statusCode===void 0?-1:10),k(),N(e.params===void 0?-1:11),k(),N(e.value===void 0?-1:12),k(),N(e.error===void 0?-1:13),k(),I(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,hv(16,sB,e.id)),k(),j(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),k(),Z(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),k(),N(t.showInternals()?17:-1)}}function gV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4,`resource`),R(),L(5,`span`,41),J(6),R(),M(7,rV,2,3,`span`,75),M(8,iV,2,2,`span`,68),z(9,`span`,76),R(),M(10,aV,3,3,`span`,77)(11,oV,3,3,`span`,77),R(),M(12,hV,18,18,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(`resource`)),k(3),Y(n.name),k(),N(n.status?7:-1),k(),N((e=n.changes)?8:-1,e),k(2),N(n.error===void 0?n.value===void 0?-1:11:10),k(2),N(r.selectedId()===n.id?12:-1)}}function _V(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Resources`),R(),L(2,`ul`,73),P(3,gV,13,12,`li`,null,fB),R()),e&2){let e=G();k(3),F(e.filteredResources())}}function vV(e,t){e&1&&(L(0,`span`,87),J(1,`watching`),R())}function yV(e,t){e&1&&(L(0,`span`,88),J(1,`framework`),R())}function bV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function xV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function SV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Deps: `,t.getDependencies(e).length)}}function CV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Consumers: `,t.getConsumers(e).length)}}function wV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(4);k(3),j(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),k(),Y(Cv(5,2,e.selectedNode().value))}}function TV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function EV(e,t){if(e&1&&(L(0,`h4`),J(1,`Dependencies (producers)`),R(),L(2,`ul`),P(3,TV,6,5,`li`,null,fB),R()),e&2){let e=G(4);k(3),F(e.getDependencies(e.selectedNode()))}}function DV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function OV(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,DV,6,5,`li`,null,fB),R()),e&2){let e=G(4);k(3),F(e.getConsumers(e.selectedNode()))}}function kV(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e);let t=G(4);return E(t.toggleWatch(t.selectedNode()))}),J(1,` Watch `),R(),L(2,`p`,33),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 AV(e,t){e&1&&(L(0,`p`,33),J(1),R()),e&2&&(k(),Y(t))}function jV(e,t){if(e&1&&(L(0,`div`,78)(1,`h3`,80),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,wV,6,4),R(),M(13,EV,5,0),M(14,OV,5,0),M(15,kV,4,1),M(16,AV,2,1,`p`,33),Gg(17,81),R()),e&2){let e,t=G().$implicit,n=G(2),r=d_(23);I(`id`,`signal-detail-`+t.id),k(2),Y(n.selectedNode().label??n.selectedNode().id),k(5),Y(n.selectedNode().kind),k(4),Y(n.selectedNode().epoch),k(),N(n.selectedNode().value===void 0?-1:12),k(),N(n.getDependencies(n.selectedNode()).length?13:-1),k(),N(n.getConsumers(n.selectedNode()).length?14:-1),k(),N(n.isWatchable(n.selectedNode())?15:-1),k(),N((e=n.writeHint())?16:-1,e),k(),I(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,hv(11,cB,t.id))}}function MV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4),R(),L(5,`span`,41),J(6),R(),M(7,vV,2,0,`span`,87),M(8,yV,2,0,`span`,88),M(9,bV,2,2,`span`,68),z(10,`span`,76),R(),M(11,xV,3,3,`span`,77),L(12,`span`,42)(13,`span`),J(14),R(),M(15,SV,4,1),M(16,CV,4,1),R()(),M(17,jV,18,13,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(n.kind)),k(),Y(n.kind),k(2),Y(n.label??`(unnamed)`),k(),N(r.watchedIds().has(n.id)?7:-1),k(),N(n.framework?8:-1),k(),N((e=r.changeCount(n.id))?9:-1,e),k(2),N(n.value===void 0?-1:11),k(3),X(`Epoch: `,n.epoch),k(),N(r.getDependencies(n).length?15:-1),k(),N(r.getConsumers(n).length?16:-1),k(),N(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function NV(e,t){if(e&1){let e=H();L(0,`button`,34),U(`click`,function(){return T(e),E(G(3).clearFilters())}),J(1,`Clear filters`),R()}}function PV(e,t){if(e&1&&(L(0,`li`,86)(1,`p`,31),J(2),R(),L(3,`p`,33),J(4),R(),M(5,NV,2,0,`button`,91),R()),e&2){let e=G(2);k(2),X(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),k(2),X(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),k(),N(e.hasAnySignals()?5:-1)}}function FV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Signals`),R(),L(2,`ul`,85),P(3,MV,18,17,`li`,null,fB,!1,PV,6,3,`li`,86),R()),e&2){let e=G();k(3),F(e.filteredNodes())}}var IV=`follow`;function LV(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var RV=`env:`,zV=50,BV=new Set([`signal`,`computed`,`linkedSignal`]),VV=20,HV={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},UV={write:`set`,sample:`sampled`,initial:`initial`},WV={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},GV={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`},KV=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);filterInput=Jv(`filterInput`);injector=C(Ts);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=O({});graphState=O({graph:null,pages:{}});chosenPageId=O(null);announcement=O(``);graphPages=Q(()=>LV(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 RE(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=O({});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=O(!1);sourceSignals=O([]);sourceLoaded=O(!1);sourceFailed=O(!1);graphFailed=O(!1);loadFailed=Q(()=>this.sourceFailed()||this.graphFailed());retrying=O(!1);filter=O(``);resources=Q(()=>this.graph()?.resources??[]);internalIds=Q(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=O(!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=O(!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,VV)});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=O(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(GV).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:IV,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:RV+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:IV});constructor(){mc(()=>{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(LV(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!==IV?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(RV)?{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 HV[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||Hd(()=>{(!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 BV.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),Hd(()=>{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>=zV&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return WV[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return UV[e]}kindColor(e){return GV[e]??GV.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=A({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,oB,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`],[`capability`,`signalGraph`,`compact`,``,3,`page`,`missing`],[`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,mB,4,2,`div`,4),M(4,hB,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,_B,6,3,`p`,7)(8,vB,5,1,`p`,7),M(9,yB,2,0,`p`,8),L(10,`p`,9),M(11,bB,1,0)(12,xB,1,0)(13,SB,1,0),R(),M(14,CB,2,2,`app-angular-unavailable`,10),M(15,wB,2,0,`p`,8),M(16,TB,2,2,`p`,8),M(17,DB,7,4,`div`,11),M(18,OB,4,0,`div`,12),M(19,kB,7,4,`div`,13)(20,AB,14,0,`div`,14),M(21,PB,6,1),sg(22,BB,1,1,`ng-template`,null,1,Ev),M(24,qB,12,6,`section`,15),M(25,nV,8,2,`section`,16),L(26,`p`,17),J(27),R(),M(28,_V,5,0),M(29,FV,6,1)),e&2){let e,n;k(),I(`value`,t.filter()),k(2),N(t.pageOptions().length>1?3:-1),k(),N(t.componentOptions().length?4:-1),k(2),Y(t.announcement()),k(),N((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),k(2),N(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),k(2),N(t.graph()?.injector?11:t.graph()?12:13),k(3),N(t.graph()?-1:14),k(),N(t.graph()?.writeHook===!1?15:-1),k(),N((n=t.graph()?.nodeCount)?16:-1,n),k(),N(t.kindChips().length?17:-1),k(),N(!t.graph()&&!t.sourceLoaded()?18:-1),k(),N(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?19:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?20:-1),k(2),N(!t.graph()&&t.sourceSignals().length>0?21:-1),k(3),N(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?24:-1),k(),N(t.watchedNodes().length||t.watchedElsewhere()?25:-1),k(2),Y(t.jumpNote()),k(),N(t.graph()&&t.filteredResources().length?28:-1),k(),N(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?29:-1)}},dependencies:[hO,ub,Vz,OO,aB,lM,hb,gb],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
   color: var(--%NS%text);
@@ -6970,7 +7201,7 @@ button.node-card[_ngcontent-%COMP%] {
   dd[_ngcontent-%COMP%]    + dt[_ngcontent-%COMP%] {
     margin-top: 8px;
   }
-}`]})},IB=`pangular-pref`;function LB(e){try{let t=localStorage.getItem(`${IB}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function RB(e,t){try{localStorage.setItem(`${IB}:${e}`,String(t))}catch{}}var zB=[`queryInput`],BB=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),VB=()=>({compact:!1}),HB=()=>({compact:!0}),UB=(e,t)=>t.node.injector.id,WB=(e,t)=>t.id,GB=(e,t)=>t.from+t.token+e,KB=(e,t)=>t.token+e,qB=(e,t)=>t.type,JB=(e,t)=>t.token+t.file+t.line;function YB(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 XB(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 ZB(e,t){e&1&&M(0,XB,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function QB(e,t){if(e&1){let e=H();L(0,`label`,24)(1,`input`,25),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 $B(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G(2);A(),Y(e.frameworkHiddenText())}}function eV(e,t){e&1&&(L(0,`span`,27),J(1),R()),e&2&&(A(),X(`Change detection: `,t))}function tV(e,t){e&1&&(L(0,`p`,28),O(),L(1,`svg`,37),z(2,`circle`,38)(3,`path`,39),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 nV(e,t){if(e&1){let e=H();L(0,`button`,43),U(`click`,function(){let t=E(e).$implicit;return D(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),L(4,`span`,46),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 rV(e,t){e&1&&(L(0,`span`,42),J(1),R()),e&2&&(A(),X(`+`,t,` more`))}function iV(e,t){if(e&1&&(L(0,`div`,29)(1,`span`,40),J(2,`Provided by`),R(),P(3,nV,6,4,`button`,41,WB),M(5,rV,2,1,`span`,42),R()),e&2){let e,t=G(2);A(3),F(t.providedBy()),A(2),N((e=t.providedByMore())?5:-1,e)}}function aV(e,t){if(e&1){let e=H();L(0,`div`,30),J(1),L(2,`button`,47),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 oV(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function sV(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function cV(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function lV(e,t){e&1&&J(0,` Try a different search. `)}function uV(e,t){if(e&1&&(L(0,`div`,32)(1,`p`,7),J(2,`No injectors to show`),R(),L(3,`p`,8),M(4,oV,1,0)(5,sV,1,0)(6,cV,1,0)(7,lV,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 dV(e,t){if(e&1){let e=H();L(0,`span`,58),U(`click`,function(t){E(e);let n=G().$implicit;return D(G(2).toggle(n.node.injector.id,t))}),O(),L(1,`svg`,59),z(2,`path`,60),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function fV(e,t){e&1&&z(0,`span`,50)}function pV(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.injector.component)}}function mV(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.injector.directives.join(`, `))}}function hV(e,t){if(e&1&&(L(0,`span`,56),O(),L(1,`svg`,37),z(2,`path`,61),R(),gs(),L(3,`span`,52),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 gV(e,t){if(e&1&&(L(0,`span`,57),O(),L(1,`svg`,37),z(2,`path`,62),R(),gs(),L(3,`span`,52),J(4,`provides`),R(),J(5),R()),e&2){let e=t;j(`title`,e+` provided`),A(5),X(` `,e,` `)}}function _V(e,t){if(e&1){let e=H();L(0,`div`,48),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,dV,3,2,`span`,49)(2,fV,1,0,`span`,50),L(3,`span`,51),J(4),R(),L(5,`span`,52),J(6),R(),L(7,`span`,53),J(8),R(),M(9,pV,2,1,`span`,54)(10,mV,2,1,`span`,54),L(11,`span`,55),M(12,hV,6,2,`span`,56),M(13,gV,6,2,`span`,57),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 vV(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 yV(e,t){if(e&1&&(L(0,`section`,35)(1,`header`,63)(2,`h2`,64),J(3),R()(),L(4,`div`,65)(5,`p`,8),J(6,` This injector is no longer on the page. Its component or directive was destroyed. `),R(),M(7,vV,2,1,`button`,66),R()()),e&2){let e,n=G(2);A(3),Y(t),A(4),N((e=n.rows()[0])?7:-1,e)}}function bV(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 xV(e,t){if(e&1&&(L(0,`ul`,68),P(1,bV,2,3,`li`,77,Ag),R()),e&2){let e=G();A(),F(e.injector.directives)}}function SV(e,t){if(e&1){let e=H();L(0,`button`,78),U(`click`,function(){let t=E(e);return D(G(3).openComponent(t))}),J(1,` Show in Components `),L(2,`span`,52),J(3),R()()}if(e&2){let e=G();A(3),X(`: `,e.injector.component)}}function CV(e,t){if(e&1&&(L(0,`span`,79),z(1,`span`,44),J(2,` Null injector `),L(3,`span`,81),J(4,`throws NullInjectorError`),R()()),e&2){let e=G(4);A(),K(`background`,e.tone(`null`))}}function wV(e,t){if(e&1&&(L(0,`span`,83),J(1),L(2,`span`,52),J(3),R()()),e&2){let e=G(2).$implicit;A(),X(` `,e.providers,` `),A(2),Y(e.providers===1?`provider`:`providers`)}}function TV(e,t){if(e&1){let e=H();L(0,`button`,82),U(`click`,function(){E(e);let t=G().$implicit;return D(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),M(4,wV,4,2,`span`,83),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 EV(e,t){if(e&1&&(L(0,`li`),M(1,CV,5,2,`span`,79)(2,TV,5,4,`button`,80),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 DV(e,t){e&1&&(L(0,`p`,71),J(1,`Only services this injector has already created are listed.`),R())}function OV(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function kV(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(`for `,e.from)}}function AV(e,t){if(e&1){let e=H();L(0,`button`,94),U(`click`,function(){let t=E(e);return D(G(6).reveal(t))}),z(1,`span`,44),J(2,` from `),L(3,`span`,45),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 jV(e,t){e&1&&(L(0,`span`,92),J(1,`optional, not provided`),R())}function MV(e,t){e&1&&(L(0,`span`,93),J(1,`not provided anywhere`),R())}function NV(e,t){if(e&1&&(L(0,`li`,86)(1,`div`,87)(2,`span`,88),J(3),R(),P(4,OV,2,1,`span`,89,Ag),R(),L(6,`div`,90),M(7,kV,2,1,`span`),M(8,AV,5,3,`button`,91)(9,jV,2,0,`span`,92)(10,MV,2,0,`span`,93),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 PV(e,t){if(e&1&&(L(0,`ul`,84),P(1,NV,11,5,`li`,85,GB),R()),e&2){let e=G(2);A(),F(e.dependencies)}}function FV(e,t){e&1&&(L(0,`p`,76),J(1,`Nothing is injected through the constructor or inject().`),R())}function IV(e,t){e&1&&(L(0,`p`,76),J(1,`No service created here has injected anything yet.`),R())}function LV(e,t){if(e&1&&(L(0,`div`,70)(1,`h3`),J(2),L(3,`span`,17),J(4),R()(),M(5,DV,2,0,`p`,71),M(6,PV,3,0,`ul`,84)(7,FV,2,0,`p`,76)(8,IV,2,0,`p`,76),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 RV(e,t){if(e&1){let e=H();L(0,`p`,74),J(1),L(2,`button`,47),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 zV(e,t){e&1&&(L(0,`span`,89),J(1,`viewProviders`),R())}function BV(e,t){e&1&&(L(0,`span`,89),J(1,`multi`),R())}function VV(e,t){e&1&&(L(0,`span`,89),J(1,`Angular`),R())}function HV(e,t){if(e&1&&(L(0,`div`,90),J(1),R()),e&2){let e=G(2).$implicit;A(),X(`via `,e.importPath.join(` › `))}}function UV(e,t){if(e&1&&(L(0,`li`,96)(1,`div`,87)(2,`span`,88),J(3),R(),L(4,`span`,97),J(5),R(),M(6,zV,2,0,`span`,89),M(7,BV,2,0,`span`,89),M(8,VV,2,0,`span`,89),R(),M(9,HV,2,1,`div`,90),z(10,`app-store-global`,98),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,BB,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function WV(e,t){if(e&1&&M(0,UV,11,17,`li`,95),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function GV(e,t){if(e&1&&(L(0,`ul`,75),P(1,WV,1,1,null,null,KB),R()),e&2){let e=G();A(),F(e.providers)}}function KV(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function qV(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function JV(e,t){if(e&1&&(L(0,`p`,76),M(1,KV,1,0)(2,qV,1,0),R()),e&2){let e=G();A(),N(e.injector.type===`element`?1:2)}}function YV(e,t){if(e&1&&(L(0,`section`,36)(1,`header`,63)(2,`span`,67),J(3),R(),L(4,`h2`,64),J(5),R(),M(6,xV,3,0,`ul`,68),M(7,SV,4,1,`button`,69),R(),L(8,`div`,70)(9,`h3`),J(10,`Lookup path`),R(),L(11,`p`,71),J(12,`Angular asks these injectors in order until one has the token.`),R(),L(13,`ol`,72),P(14,EV,3,3,`li`,73,WB),R()(),M(16,LV,9,4,`div`,70),L(17,`div`,70)(18,`h3`),J(19,` Provides `),L(20,`span`,17),J(21),R()(),M(22,RV,4,2,`p`,74),M(23,GV,3,0,`ul`,75)(24,JV,3,1,`p`,76),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 XV(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,`app-angular-unavailable`,14),J(3,` This tree shows the element injectors the page reports, with providers and environment injectors only where its Angular exposes them. `),R(),L(4,`div`,15)(5,`div`,16)(6,`button`,9),U(`click`,function(){return E(e),D(G().setView(`element`))}),J(7,` Elements `),L(8,`span`,17),J(9),R()(),L(10,`button`,9),U(`click`,function(){return E(e),D(G().setView(`environment`))}),J(11,` Environment `),L(12,`span`,17),J(13),R()()(),L(14,`div`,18),O(),L(15,`svg`,19),z(16,`circle`,20)(17,`path`,21),R(),gs(),L(18,`input`,22,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(20,23),M(21,QB,3,1,`label`,24),L(22,`label`,24)(23,`input`,25),U(`change`,function(){E(e);let t=G();return D(t.onlyProviding.set(!t.onlyProviding()))}),R(),J(24,` With providers `),R(),L(25,`label`,24)(26,`input`,25),U(`change`,function(){E(e);let t=G();return D(t.setHideFramework(!t.hideFramework()))}),R(),J(27,` Hide framework `),R(),M(28,$B,2,1,`span`,26),M(29,eV,2,1,`span`,27),R(),M(30,tV,8,0,`p`,28),M(31,iV,6,1,`div`,29)(32,aV,4,1,`div`,30),L(33,`div`,31),M(34,uV,8,1,`div`,32),L(35,`div`,33),U(`keydown`,function(t){return E(e),D(G().onTreeKey(t))}),P(36,_V,14,19,`div`,34,UB),R(),M(38,yV,8,2,`section`,35)(39,YV,25,10,`section`,36),R()}if(e&2){let e,t,n=G(),r=d_(5);A(2),I(`page`,n.angularPage()),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`?21:-1),A(2),I(`checked`,n.onlyProviding()),A(3),I(`checked`,n.hideFramework()),A(2),N(n.hideFramework()?28:-1),A(),N((e=n.zone())?29:-1,e),A(),N(n.truncated()?30:-1),A(),N(n.providedBy().length?31:n.query().trim()&&!n.rows().length?32:-1),A(3),N(n.rows().length?-1:34),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())?38:(t=n.selected())?39:-1,t)}}function ZV(e,t){e&1&&(L(0,`div`,4),z(1,`span`,99),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function QV(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,VB)))}function $V(e,t){if(e&1&&(L(0,`div`,15),Gg(1,23),R()),e&2){G(2);let e=d_(5);A(),I(`ngTemplateOutlet`,e)}}function eH(e,t){e&1&&(M(0,$V,2,1,`div`,15),L(1,`div`,32)(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 tH(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,HB)))}function nH(e,t){if(e&1){let e=H();L(0,`div`,32)(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 rH(e,t){if(e&1&&(L(0,`span`,110),J(1),R()),e&2){let e=G().$implicit;A(),X(`providedIn: `,e.providedIn)}}function iH(e,t){if(e&1&&(L(0,`span`,113),J(1),R()),e&2){let e=G().$implicit;A(),X(`as `,e.source)}}function aH(e,t){if(e&1&&(L(0,`li`,107)(1,`div`,108)(2,`span`,109),J(3),R(),M(4,rH,2,1,`span`,110),R(),L(5,`div`,111),z(6,`app-source-link`,112),M(7,iH,2,1,`span`,113),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 oH(e,t){if(e&1&&(L(0,`section`,104)(1,`h2`),J(2),L(3,`span`,105),J(4),R()(),L(5,`ul`,106),P(6,aH,8,5,`li`,107,JB),R()()),e&2){let e=t.$implicit;A(2),X(` `,e.label,` `),A(2),Y(e.items.length),A(2),F(e.items)}}function sH(e,t){if(e&1&&(L(0,`div`,103),P(1,oH,8,2,`section`,104,qB),R()),e&2){let e=G(2);A(),F(e.groupedProviders())}}function cH(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`div`,18),O(),L(2,`svg`,19),z(3,`circle`,20)(4,`path`,21),R(),gs(),L(5,`input`,100,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,23),L(8,`span`,101),J(9),R()(),M(10,tH,1,3,`ng-container`,5),L(11,`p`,28),O(),L(12,`svg`,37),z(13,`circle`,38)(14,`path`,39),R(),gs(),L(15,`span`)(16,`strong`),J(17,`DI from source scan (static analysis).`),R(),J(18,` Connect the overlay to a development build to see the live injector tree. `),R()(),z(19,`app-angular-unavailable`,102),M(20,nH,7,1,`div`,32)(21,sH,3,0,`div`,103)}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),I(`page`,e.angularPage()),A(),N(e.groupedProviders().length===0?20:21)}}var lH=`inj-null`,uH=`injectors.hideFramework`,dH=12,fH=600,pH={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function mH(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function hH(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function gH(e){return Array.isArray(e)}var _H=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=w(ws);nullId=lH;hostPage=IE();angularPages=lO(()=>this.rpc());angularPage=Q(()=>uO(this.angularPages(),this.shownPageId()||this.hostPage));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 LE(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 gH(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return gH(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?WD(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(LB(uH)??!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(lH)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?hH(n):e===lH?`Null injector`:`Not listed`,kind:n?mH(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:hH(n),kind:mH(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,dH));providedByMore=Q(()=>Math.max(0,this.providerHits().length-dH));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)},fH);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 ${hH(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),RB(uH,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 hH(e)}kind(e){return mH(e)}tone(e){return pH[e]??pH.null}kindById(e){let t=this.index().map.get(e);return t?mH(t):`null`}labelById(e){let t=this.index().map.get(e);return t?hH(t):e===lH?`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?hH(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,zB,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`],[`capability`,`injectorMetadata`,`compact`,``,3,`page`],[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`],[`capability`,`debugApi`,`compact`,``,3,`page`],[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,YB,7,5,`ng-template`,null,0,Ev)(4,ZB,1,1,`ng-template`,null,1,Ev),M(6,XV,40,22)(7,ZV,4,0,`div`,4)(8,QV,1,3,`ng-container`,5)(9,eH,6,1)(10,cH,22,7)),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:[mO,ub,DO,Dj,AM],styles:[`[_nghost-%COMP%] {
+}`]})},qV=`pangular-pref`;function JV(e){try{let t=localStorage.getItem(`${qV}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function YV(e,t){try{localStorage.setItem(`${qV}:${e}`,String(t))}catch{}}var XV=[`queryInput`],ZV=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),QV=()=>({compact:!1}),$V=()=>({compact:!0}),eH=(e,t)=>t.node.injector.id,tH=(e,t)=>t.id,nH=(e,t)=>t.from+t.token+e,rH=(e,t)=>t.token+e,iH=(e,t)=>t.type,aH=(e,t)=>t.token+t.file+t.line;function oH(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 T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=t.compact,n=G();q(`compact`,e),k(2),X(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),k(3),j(`aria-disabled`,n.retrying()||null),k(),X(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function sH(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 T(e),E(G(2).selectPage(t))}),R()()}if(e&2){let e=G(2);k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function cH(e,t){e&1&&M(0,sH,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function lH(e,t){if(e&1){let e=H();L(0,`label`,24)(1,`input`,25),U(`change`,function(){T(e);let t=G(2);return E(t.componentsOnly.set(!t.componentsOnly()))}),R(),J(2,` Components only `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.componentsOnly())}}function uH(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G(2);k(),Y(e.frameworkHiddenText())}}function dH(e,t){e&1&&(L(0,`span`,27),J(1),R()),e&2&&(k(),X(`Change detection: `,t))}function fH(e,t){e&1&&(L(0,`p`,28),D(),L(1,`svg`,37),z(2,`circle`,38)(3,`path`,39),R(),_s(),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 pH(e,t){if(e&1){let e=H();L(0,`button`,43),U(`click`,function(){let t=T(e).$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),L(4,`span`,46),J(5),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),K(`background`,n.tone(e.kind)),k(2),Y(e.label),k(2),Y(e.tokens)}}function mH(e,t){e&1&&(L(0,`span`,42),J(1),R()),e&2&&(k(),X(`+`,t,` more`))}function hH(e,t){if(e&1&&(L(0,`div`,29)(1,`span`,40),J(2,`Provided by`),R(),P(3,pH,6,4,`button`,41,tH),M(5,mH,2,1,`span`,42),R()),e&2){let e,t=G(2);k(3),F(t.providedBy()),k(2),N((e=t.providedByMore())?5:-1,e)}}function gH(e,t){if(e&1){let e=H();L(0,`div`,30),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(2).clearQuery())}),J(3,`Clear search`),R()()}if(e&2){let e=G(2);k(),X(` Nothing here matches “`,e.query().trim(),`”. `)}}function _H(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function vH(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function yH(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function bH(e,t){e&1&&J(0,` Try a different search. `)}function xH(e,t){if(e&1&&(L(0,`div`,32)(1,`p`,7),J(2,`No injectors to show`),R(),L(3,`p`,8),M(4,_H,1,0)(5,vH,1,0)(6,yH,1,0)(7,bH,1,0),R()()),e&2){let e=G(2);k(4),N(e.hideFramework()&&e.frameworkHiddenCount().injectors>0?4:e.onlyProviding()?5:e.componentsOnly()&&e.view()===`element`?6:7)}}function SH(e,t){if(e&1){let e=H();L(0,`span`,58),U(`click`,function(t){T(e);let n=G().$implicit;return E(G(2).toggle(n.node.injector.id,t))}),D(),L(1,`svg`,59),z(2,`path`,60),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function CH(e,t){e&1&&z(0,`span`,50)}function wH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.component)}}function TH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.directives.join(`, `))}}function EH(e,t){if(e&1&&(L(0,`span`,56),D(),L(1,`svg`,37),z(2,`path`,61),R(),_s(),L(3,`span`,52),J(4,`injects`),R(),J(5),R()),e&2){let e=G().$implicit;j(`title`,e.node.dependencies.length+` injected`),k(5),X(` `,e.node.dependencies.length,` `)}}function DH(e,t){if(e&1&&(L(0,`span`,57),D(),L(1,`svg`,37),z(2,`path`,62),R(),_s(),L(3,`span`,52),J(4,`provides`),R(),J(5),R()),e&2){let e=t;j(`title`,e+` provided`),k(5),X(` `,e,` `)}}function OH(e,t){if(e&1){let e=H();L(0,`div`,48),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.node.injector.id))})(`focus`,function(){let t=T(e).$implicit,n=G(2);return n.focusId.set(t.node.injector.id),E(n.highlight(t.node))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.node))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,SH,3,2,`span`,49)(2,CH,1,0,`span`,50),L(3,`span`,51),J(4),R(),L(5,`span`,52),J(6),R(),L(7,`span`,53),J(8),R(),M(9,wH,2,1,`span`,54)(10,TH,2,1,`span`,54),L(11,`span`,55),M(12,EH,6,2,`span`,56),M(13,DH,6,2,`span`,57),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),k(),N(n.hasChildren?1:2),k(2),K(`--%NS%tone`,r.tone(r.kind(n.node))),j(`title`,r.kind(n.node)),k(),Y(r.kind(n.node)[0].toUpperCase()),k(2),Y(r.kind(n.node)),k(2),Y(r.label(n.node)),k(),N(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),k(3),N((n.node.dependencies?.length??0)>0?12:-1),k(),N((e=r.providerCount(n.node))?13:-1,e)}}function kH(e,t){if(e&1){let e=H();L(0,`button`,9),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.node.injector.id))}),J(1),R()}if(e&2){let e=G(3);k(),X(` Show `,e.label(t.node),` `)}}function AH(e,t){if(e&1&&(L(0,`section`,35)(1,`header`,63)(2,`h2`,64),J(3),R()(),L(4,`div`,65)(5,`p`,8),J(6,` This injector is no longer on the page. Its component or directive was destroyed. `),R(),M(7,kH,2,1,`button`,66),R()()),e&2){let e,n=G(2);k(3),Y(t),k(4),N((e=n.rows()[0])?7:-1,e)}}function jH(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),k(),Y(e)}}function MH(e,t){if(e&1&&(L(0,`ul`,68),P(1,jH,2,3,`li`,77,Ag),R()),e&2){let e=G();k(),F(e.injector.directives)}}function NH(e,t){if(e&1){let e=H();L(0,`button`,78),U(`click`,function(){let t=T(e);return E(G(3).openComponent(t))}),J(1,` Show in Components `),L(2,`span`,52),J(3),R()()}if(e&2){let e=G();k(3),X(`: `,e.injector.component)}}function PH(e,t){if(e&1&&(L(0,`span`,79),z(1,`span`,44),J(2,` Null injector `),L(3,`span`,81),J(4,`throws NullInjectorError`),R()()),e&2){let e=G(4);k(),K(`background`,e.tone(`null`))}}function FH(e,t){if(e&1&&(L(0,`span`,83),J(1),L(2,`span`,52),J(3),R()()),e&2){let e=G(2).$implicit;k(),X(` `,e.providers,` `),k(2),Y(e.providers===1?`provider`:`providers`)}}function IH(e,t){if(e&1){let e=H();L(0,`button`,82),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),M(4,FH,4,2,`span`,83),R()}if(e&2){let e=G().$implicit,t=G(3);k(),K(`background`,t.tone(e.kind)),k(2),Y(e.label),k(),N(e.providers?4:-1)}}function LH(e,t){if(e&1&&(L(0,`li`),M(1,PH,5,2,`span`,79)(2,IH,5,4,`button`,80),R()),e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`current`,n===0),k(),N(e.id===r.nullId?1:2)}}function RH(e,t){e&1&&(L(0,`p`,71),J(1,`Only services this injector has already created are listed.`),R())}function zH(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function BH(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`for `,e.from)}}function VH(e,t){if(e&1){let e=H();L(0,`button`,94),U(`click`,function(){let t=T(e);return E(G(6).reveal(t))}),z(1,`span`,44),J(2,` from `),L(3,`span`,45),J(4),R()()}if(e&2){let e=t,n=G(6);k(),K(`background`,n.tone(n.kindById(e))),k(3),Y(n.labelById(e))}}function HH(e,t){e&1&&(L(0,`span`,92),J(1,`optional, not provided`),R())}function UH(e,t){e&1&&(L(0,`span`,93),J(1,`not provided anywhere`),R())}function WH(e,t){if(e&1&&(L(0,`li`,86)(1,`div`,87)(2,`span`,88),J(3),R(),P(4,zH,2,1,`span`,89,Ag),R(),L(6,`div`,90),M(7,BH,2,1,`span`),M(8,VH,5,3,`button`,91)(9,HH,2,0,`span`,92)(10,UH,2,0,`span`,93),R()()),e&2){let e,n=t.$implicit,r=G(3);q(`hit`,G(2).matches(n.token)),k(3),Y(n.token),k(),F(n.flags),k(3),N(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),k(),N((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function GH(e,t){if(e&1&&(L(0,`ul`,84),P(1,WH,11,5,`li`,85,nH),R()),e&2){let e=G(2);k(),F(e.dependencies)}}function KH(e,t){e&1&&(L(0,`p`,76),J(1,`Nothing is injected through the constructor or inject().`),R())}function qH(e,t){e&1&&(L(0,`p`,76),J(1,`No service created here has injected anything yet.`),R())}function JH(e,t){if(e&1&&(L(0,`div`,70)(1,`h3`),J(2),L(3,`span`,17),J(4),R()(),M(5,RH,2,0,`p`,71),M(6,GH,3,0,`ul`,84)(7,KH,2,0,`p`,76)(8,qH,2,0,`p`,76),R()),e&2){let e=G();k(2),X(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),k(2),Y(e.dependencies?.length??0),k(),N(e.injector.type===`element`?-1:5),k(),N(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function YH(e,t){if(e&1){let e=H();L(0,`p`,74),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(3).setHideFramework(!1))}),J(3,` Show them `),R()()}if(e&2){let e=t;k(),Z(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function XH(e,t){e&1&&(L(0,`span`,89),J(1,`viewProviders`),R())}function ZH(e,t){e&1&&(L(0,`span`,89),J(1,`multi`),R())}function QH(e,t){e&1&&(L(0,`span`,89),J(1,`Angular`),R())}function $H(e,t){if(e&1&&(L(0,`div`,90),J(1),R()),e&2){let e=G(2).$implicit;k(),X(`via `,e.importPath.join(` › `))}}function eU(e,t){if(e&1&&(L(0,`li`,96)(1,`div`,87)(2,`span`,88),J(3),R(),L(4,`span`,97),J(5),R(),M(6,XH,2,0,`span`,89),M(7,ZH,2,0,`span`,89),M(8,QH,2,0,`span`,89),R(),M(9,$H,2,1,`div`,90),z(10,`app-store-global`,98),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2),i=G(2);q(`hit`,i.matches(t.token)),k(3),Y(t.token),k(2),Y(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),k(),N(t.isViewProvider?6:-1),k(),N(t.multi?7:-1),k(),N(t.framework?8:-1),k(),N(t.importPath?.length?9:-1),k(),I(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,gv(13,ZV,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function tU(e,t){if(e&1&&M(0,eU,11,17,`li`,95),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function nU(e,t){if(e&1&&(L(0,`ul`,75),P(1,tU,1,1,null,null,rH),R()),e&2){let e=G();k(),F(e.providers)}}function rU(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function iU(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function aU(e,t){if(e&1&&(L(0,`p`,76),M(1,rU,1,0)(2,iU,1,0),R()),e&2){let e=G();k(),N(e.injector.type===`element`?1:2)}}function oU(e,t){if(e&1&&(L(0,`section`,36)(1,`header`,63)(2,`span`,67),J(3),R(),L(4,`h2`,64),J(5),R(),M(6,MH,3,0,`ul`,68),M(7,NH,4,1,`button`,69),R(),L(8,`div`,70)(9,`h3`),J(10,`Lookup path`),R(),L(11,`p`,71),J(12,`Angular asks these injectors in order until one has the token.`),R(),L(13,`ol`,72),P(14,LH,3,3,`li`,73,tH),R()(),M(16,JH,9,4,`div`,70),L(17,`div`,70)(18,`h3`),J(19,` Provides `),L(20,`span`,17),J(21),R()(),M(22,YH,4,2,`p`,74),M(23,nU,3,0,`ul`,75)(24,aU,3,1,`p`,76),R()()),e&2){let e,n,r=t,i=G(2);k(2),K(`--%NS%tone`,i.tone(i.kind(r))),k(),Y(i.kind(r)),k(2),Y(i.label(r)),k(),N(r.injector.directives?.length?6:-1),k(),N((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),k(7),F(i.path()),k(2),N(r.injector.type===`element`||r.dependencies?16:-1),k(5),Y(i.providerCount(r)),k(),N((n=i.hiddenProviders(r))?22:-1,n),k(),N(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function sU(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,`app-angular-unavailable`,14),J(3,` This tree shows the element injectors the page reports, with providers and environment injectors only where its Angular exposes them. `),R(),L(4,`div`,15)(5,`div`,16)(6,`button`,9),U(`click`,function(){return T(e),E(G().setView(`element`))}),J(7,` Elements `),L(8,`span`,17),J(9),R()(),L(10,`button`,9),U(`click`,function(){return T(e),E(G().setView(`environment`))}),J(11,` Environment `),L(12,`span`,17),J(13),R()()(),L(14,`div`,18),D(),L(15,`svg`,19),z(16,`circle`,20)(17,`path`,21),R(),_s(),L(18,`input`,22,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(20,23),M(21,lH,3,1,`label`,24),L(22,`label`,24)(23,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.onlyProviding.set(!t.onlyProviding()))}),R(),J(24,` With providers `),R(),L(25,`label`,24)(26,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.setHideFramework(!t.hideFramework()))}),R(),J(27,` Hide framework `),R(),M(28,uH,2,1,`span`,26),M(29,dH,2,1,`span`,27),R(),M(30,fH,8,0,`p`,28),M(31,hH,6,1,`div`,29)(32,gH,4,1,`div`,30),L(33,`div`,31),M(34,xH,8,1,`div`,32),L(35,`div`,33),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(36,OH,14,19,`div`,34,eH),R(),M(38,AH,8,2,`section`,35)(39,oU,25,10,`section`,36),R()}if(e&2){let e,t,n=G(),r=d_(5);k(2),I(`page`,n.angularPage()),k(4),q(`active`,n.view()===`element`),j(`aria-pressed`,n.view()===`element`),k(3),Y(n.elementCount()),k(),q(`active`,n.view()===`environment`),j(`aria-pressed`,n.view()===`environment`),k(3),Y(n.environmentCount()),k(5),I(`value`,n.query()),k(2),I(`ngTemplateOutlet`,r),k(),N(n.view()===`element`?21:-1),k(2),I(`checked`,n.onlyProviding()),k(3),I(`checked`,n.hideFramework()),k(2),N(n.hideFramework()?28:-1),k(),N((e=n.zone())?29:-1,e),k(),N(n.truncated()?30:-1),k(),N(n.providedBy().length?31:n.query().trim()&&!n.rows().length?32:-1),k(3),N(n.rows().length?-1:34),k(),I(`hidden`,!n.rows().length),j(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),k(),F(n.rows()),k(2),N((t=n.gone())?38:(t=n.selected())?39:-1,t)}}function cU(e,t){e&1&&(L(0,`div`,4),z(1,`span`,99),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function lU(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,QV)))}function uU(e,t){if(e&1&&(L(0,`div`,15),Gg(1,23),R()),e&2){G(2);let e=d_(5);k(),I(`ngTemplateOutlet`,e)}}function dU(e,t){e&1&&(M(0,uU,2,1,`div`,15),L(1,`div`,32)(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 fU(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,$V)))}function pU(e,t){if(e&1){let e=H();L(0,`div`,32)(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 T(e),E(G(2).clearQuery())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No providers match “`,e.query(),`”`)}}function mU(e,t){if(e&1&&(L(0,`span`,110),J(1),R()),e&2){let e=G().$implicit;k(),X(`providedIn: `,e.providedIn)}}function hU(e,t){if(e&1&&(L(0,`span`,113),J(1),R()),e&2){let e=G().$implicit;k(),X(`as `,e.source)}}function gU(e,t){if(e&1&&(L(0,`li`,107)(1,`div`,108)(2,`span`,109),J(3),R(),M(4,mU,2,1,`span`,110),R(),L(5,`div`,111),z(6,`app-source-link`,112),M(7,hU,2,1,`span`,113),R()()),e&2){let e=t.$implicit;k(3),Y(e.token),k(),N(e.providedIn?4:-1),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function _U(e,t){if(e&1&&(L(0,`section`,104)(1,`h2`),J(2),L(3,`span`,105),J(4),R()(),L(5,`ul`,106),P(6,gU,8,5,`li`,107,aH),R()()),e&2){let e=t.$implicit;k(2),X(` `,e.label,` `),k(2),Y(e.items.length),k(2),F(e.items)}}function vU(e,t){if(e&1&&(L(0,`div`,103),P(1,_U,8,2,`section`,104,iH),R()),e&2){let e=G(2);k(),F(e.groupedProviders())}}function yU(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`div`,18),D(),L(2,`svg`,19),z(3,`circle`,20)(4,`path`,21),R(),_s(),L(5,`input`,100,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(7,23),L(8,`span`,101),J(9),R()(),M(10,fU,1,3,`ng-container`,5),L(11,`p`,28),D(),L(12,`svg`,37),z(13,`circle`,38)(14,`path`,39),R(),_s(),L(15,`span`)(16,`strong`),J(17,`DI from source scan (static analysis).`),R(),J(18,` Connect the overlay to a development build to see the live injector tree. `),R()(),z(19,`app-angular-unavailable`,102),M(20,pU,7,1,`div`,32)(21,vU,3,0,`div`,103)}if(e&2){let e=G(),t=d_(5);k(5),I(`value`,e.query()),k(2),I(`ngTemplateOutlet`,t),k(2),Z(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),k(),N(e.loadFailed()?10:-1),k(9),I(`page`,e.angularPage()),k(),N(e.groupedProviders().length===0?20:21)}}var bU=`inj-null`,xU=`injectors.hideFramework`,SU=12,CU=600,wU={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function TU(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function EU(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function DU(e){return Array.isArray(e)}var OU=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=C(Ts);nullId=bU;hostPage=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()||this.hostPage));treeState=O(null);pageTitles=O({});chosenPageId=O(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 RE(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 DU(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return DU(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?GD(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=O([]);loaded=O(!1);treeFailed=O(!1);sourceFailed=O(!1);loadFailed=Q(()=>this.treeFailed()||this.sourceFailed());retrying=O(!1);host=C(Il);view=O(`element`);query=O(``);queryInput=Jv(`queryInput`);onlyProviding=O(!1);componentsOnly=O(!0);hideFramework=O(JV(xU)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=O(``);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(bU)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?EU(n):e===bU?`Null injector`:`Not listed`,kind:n?TU(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:EU(n),kind:TU(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,SU));providedByMore=Q(()=>Math.max(0,this.providerHits().length-SU));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=C(Ds);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){mc(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)},CU);e(()=>clearTimeout(n))}),mc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),mc(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(()=>{})}),mc(()=>{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 ${EU(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),YV(xU,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||Hd(()=>{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 EU(e)}kind(e){return TU(e)}tone(e){return wU[e]??wU.null}kindById(e){let t=this.index().map.get(e);return t?TU(t):`null`}labelById(e){let t=this.index().map.get(e);return t?EU(t):e===bU?`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?EU(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),Hd(()=>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=A({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&l_(t.queryInput,XV,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`],[`capability`,`injectorMetadata`,`compact`,``,3,`page`],[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`],[`capability`,`debugApi`,`compact`,``,3,`page`],[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,oH,7,5,`ng-template`,null,0,Ev)(4,cH,1,1,`ng-template`,null,1,Ev),M(6,sU,40,22)(7,cU,4,0,`div`,4)(8,lU,1,3,`ng-container`,5)(9,dU,6,1)(10,yU,22,7)),e&2&&(k(),Y(t.announcement()),k(5),N(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[hO,ub,OO,lM,fN],styles:[`[_nghost-%COMP%] {
   --%NS%directive: #7cb4ff;
   display: block;
   color: var(--%NS%text);
@@ -7922,11 +8153,11 @@ button[_ngcontent-%COMP%] {
 
 .provider-meta[_ngcontent-%COMP%]   .as[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
-}`]})},vH=1e3;function yH(e){return`${e>=1e3?`${vH}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function bH(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 xH(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 SH=`@type`,CH=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function wH(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&SH in e&&CH.has(e[SH])}function TH(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function EH(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+EH(e,n)).join(`,
-`)}\n${t}]`:`[]`;if(wH(e)){let r=e;switch(r[SH]){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}${EH(e,n)} => ${EH(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+EH(e,n)).join(`,
-`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[SH])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${TH(e)}: ${EH(t,n)}`).join(`,
-`)}\n${t}}`:`{}`}function DH(e,t=120){let n=EH(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var OH=[`eventDetailHeading`],kH=[`cancelButton`],AH=[`restoreButton`],jH=[`stateTree`],MH=[`filterInput`],NH=[`latestButton`],PH=[`logList`],FH=[`eventsList`],IH=e=>({kind:`ngrx`,storeId:e}),LH=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),RH=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),zH=(e,t)=>t.id,BH=(e,t)=>t.entry.seq,VH=(e,t)=>t.key,HH=(e,t)=>t.name,UH=(e,t)=>t.idsKey,WH=(e,t)=>t.path,GH=(e,t)=>t.kind,KH=(e,t)=>t.name+t.file+t.line;function qH(e,t){if(e&1){let e=H();L(0,`span`,27),J(1,`Page`),R(),L(2,`app-select`,28),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 JH(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();A(),Y(e.liveStores().length)}}function YH(e,t){if(e&1){let e=H();L(0,`div`,17)(1,`p`,29),J(2,`Could not load the live store state.`),R(),L(3,`p`,30),J(4,`Check that the dev server with Pangular Inspector is still running.`),R(),L(5,`button`,31),U(`click`,function(){return E(e),D(G().retry())}),J(6,`Retry`),R()()}}function XH(e,t){e&1&&(L(0,`div`,18)(1,`p`,29),J(2,`Loading…`),R()())}function ZH(e,t){e&1&&(L(0,`div`,19)(1,`p`,29),J(2,`No page is reporting NgRx state yet.`),R(),L(3,`p`,30),J(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),R()())}function QH(e,t){e&1&&(L(0,`p`,29),J(1,`No signal store instance on this page yet.`),R(),L(2,`p`,30),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 $H(e,t){e&1&&(L(0,`p`,29),J(1,`The @ngrx/store Store was not found on this page.`),R(),L(2,`p`,30),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 eU(e,t){e&1&&(L(0,`p`,29),J(1,`This page has no NgRx store.`),R(),L(2,`p`,30),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 tU(e,t){if(e&1&&(L(0,`app-angular-unavailable`,32),J(1,` The overlay finds stores through the injectors, so stores it can't reach from a component are not listed. `),R(),L(2,`div`,19),M(3,QH,7,0)(4,$H,10,0)(5,eU,16,0),R()),e&2){let e=G();I(`page`,e.angularPage()),A(3),N(e.usesSignals()?3:e.usesClassic()?4:5)}}function nU(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,36),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selectStore(t.id))}),L(2,`span`,37),z(3,`span`,38),L(4,`span`,39),J(5),R()(),L(6,`span`,40),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 rU(e,t){e&1&&(L(0,`li`,34),J(1,`No stores match this filter.`),R())}function iU(e,t){e&1&&z(0,`app-source-link`,44),e&2&&I(`file`,t)}function aU(e,t){if(e&1&&(L(0,`span`,43),J(1),R()),e&2){let e=G();A(),Y(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function oU(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 sU(e,t){if(e&1&&(L(0,`p`,45),J(1,` Referenced by `),P(2,oU,3,2,null,null,Ag),R()),e&2){let e=G();A(2),F(e.signal.references)}}function cU(e,t){if(e&1&&(L(0,`p`,63),J(1),R()),e&2){let e=G(4);A(),Y(e.restoreOff)}}function lU(e,t){if(e&1){let e=H();L(0,`div`,46)(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`,62,4),U(`click`,function(){return E(e),D(G(3).backToLatest())}),J(7,` Back to latest `),R(),M(8,cU,2,1,`p`,63),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 uU(e,t){if(e&1&&(L(0,`dt`),J(1),R(),L(2,`dd`)(3,`code`,71),J(4),R()()),e&2){let e=t.$implicit;A(),Y(e.key),A(2),I(`title`,e.full),A(),Y(e.value)}}function dU(e,t){if(e&1&&(L(0,`dl`,66),P(1,uU,5,3,null,null,VH),R()),e&2){let e=G(4);A(),F(e.computedEntries())}}function fU(e,t){e&1&&(L(0,`p`,67),J(1,`No computed signals.`),R())}function pU(e,t){e&1&&(L(0,`span`,73),J(1,`signalMethod`),R())}function mU(e,t){e&1&&(L(0,`span`,73),J(1,`rxMethod`),R())}function hU(e,t){if(e&1&&(L(0,`li`,72),J(1),M(2,pU,2,0,`span`,73)(3,mU,2,0,`span`,73),L(4,`span`,74),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 gU(e,t){if(e&1&&(L(0,`ul`,69),P(1,hU,6,5,`li`,72,HH),R()),e&2){let e=G();A(),F(e.methods)}}function _U(e,t){e&1&&(L(0,`p`,67),J(1,`No methods.`),R())}function vU(e,t){if(e&1&&(L(0,`li`,72),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function yU(e,t){if(e&1&&(L(0,`li`,81),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 bU(e,t){if(e&1&&(L(0,`code`,71),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 xU(e,t){e&1&&(L(0,`span`,67),J(1,`None selected`),R())}function SU(e,t){if(e&1&&(L(0,`dl`,66)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,bU,2,2,`code`,71)(5,xU,2,0,`span`,67),R()()),e&2){let e=G().$implicit;A(4),N(e.selected===void 0?5:4)}}function CU(e,t){if(e&1&&(L(0,`div`,77)(1,`div`,78)(2,`span`,72),J(3),R(),L(4,`span`,79),J(5),R()(),L(6,`ul`,80),P(7,vU,2,1,`li`,72,Ag),M(9,yU,2,2,`li`,81),R(),M(10,SU,6,1,`dl`,66),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 wU(e,t){if(e&1&&(L(0,`section`,70)(1,`h4`,75),J(2,`Entities`),R(),L(3,`div`,76),P(4,CU,11,6,`div`,77,UH),R()()),e&2){let e=G();A(4),F(e.entities)}}function TU(e,t){if(e&1&&(L(0,`section`,64)(1,`h4`,65),J(2,`Computed`),R(),M(3,dU,3,0,`dl`,66)(4,fU,2,0,`p`,67),L(5,`h4`,68),J(6,`Methods`),R(),M(7,gU,3,0,`ul`,69)(8,_U,2,0,`p`,67),R(),M(9,wU,6,0,`section`,70)),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 EU(e,t){if(e&1&&(L(0,`span`,86),J(1),R()),e&2){let e=t;I(`title`,`Caused by `+G(4).kindLabel(`event`)+`: `+e.type),A(),Y(e.type)}}function DU(e,t){if(e&1&&(L(0,`span`,73),J(1),R()),e&2){G();let e=fv(0);A(),Y(e.origin)}}function OU(e,t){if(e&1&&J(0),e&2){G();let e=fv(0);X(` · `,G(3).formatDuration(e.durationMs),` `)}}function kU(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,82),U(`click`,function(){E(e);let t=fv(0);return D(G(3).selectChange(t.seq))}),L(3,`span`,83),J(4),R(),L(5,`span`,84)(6,`span`,85),J(7),R(),M(8,EU,2,2,`span`,86),R(),L(9,`span`,87),M(10,DU,2,1,`span`,73),J(11),M(12,OU,1,1),R()()()}if(e&2){let e,n=t.$implicit,r=G(3),i=dv(n.entry);A(),j(`data-vindex`,n.index)(`aria-setsize`,r.logWindow.enabled()?r.storeLog().length:null)(`aria-posinset`,r.logWindow.enabled()?n.index+1:null),A(),q(`selected`,i.seq===r.selectedChangeSeq()),j(`aria-pressed`,i.seq===r.selectedChangeSeq())(`aria-controls`,i.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),A(2),X(`#`,i.seq),A(2),I(`title`,i.type),A(),Y(i.type),A(),N((e=i.causedByEvent)?8:-1,e),A(2),N(i.origin?10:-1),A(),Z(` `,r.changesLabel(i),` · `,r.formatTime(i.timestamp),` `),A(),N(i.durationMs===void 0?-1:12)}}function AU(e,t){e&1&&J(0,` No entries match this filter. `)}function jU(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function MU(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function NU(e,t){if(e&1&&(L(0,`li`,34),M(1,AU,1,0)(2,jU,1,0)(3,MU,1,0),R()),e&2){let e=G(),t=G(2);A(),N(t.filter()?1:e.classic?2:3)}}function PU(e,t){if(e&1&&(L(0,`div`,60),Gg(1,88),R()),e&2){G(3);let e=d_(21);A(),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,LH,t))}}function FU(e,t){if(e&1&&z(0,`option`,93),e&2){let e=t.$implicit;I(`value`,e)}}function IU(e,t){if(e&1&&(L(0,`p`,99),J(1),R()),e&2){let e=G(4);A(),Y(e.restoreOff)}}function LU(e,t){if(e&1){let e=H();L(0,`section`,61)(1,`h4`,89),J(2,`Dispatch an action`),R(),L(3,`form`,90),U(`submit`,function(t){return E(e),D(G(3).dispatchAction(t))}),L(4,`label`)(5,`span`),J(6,`Type`),R(),L(7,`input`,91),U(`input`,function(t){return E(e),D(G(3).dispatchType.set(t.target.value))}),R()(),L(8,`datalist`,92),P(9,FU,1,1,`option`,93,Ag),R(),L(11,`label`)(12,`span`),J(13,`Payload `),L(14,`span`,94),J(15,`(JSON object, optional)`),R()(),L(16,`textarea`,95),U(`input`,function(t){return E(e),D(G(3).dispatchPayload.set(t.target.value))}),R()(),L(17,`p`,96),J(18),R(),L(19,`div`,97)(20,`button`,98),J(21,` Dispatch `),R()(),M(22,IU,2,1,`p`,99),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 RU(e,t){if(e&1){let e=H();L(0,`div`,35)(1,`div`,41)(2,`h3`),J(3),R(),L(4,`div`,42)(5,`span`,43),J(6),R(),L(7,`span`,43),J(8),R(),M(9,iU,1,1,`app-source-link`,44),M(10,aU,2,1,`span`,43),R(),M(11,sU,4,0,`p`,45),R(),M(12,lU,9,3,`div`,46),L(13,`div`,47)(14,`section`,48)(15,`div`,49)(16,`h4`,50),J(17,`State`),R(),L(18,`div`,51),z(19,`app-store-global`,52),L(20,`button`,53),U(`click`,function(){return E(e),D(G(2).copyState())}),J(21,` Copy `),R()()(),L(22,`pre`,54,2),J(24),R()(),M(25,TU,10,3),R(),L(26,`section`,55)(27,`h4`,56),J(28),L(29,`span`,16),J(30),R()(),z(31,`app-limit-note`,57),L(32,`div`,58)(33,`ul`,59,3),P(35,kU,13,16,`li`,null,BH,!1,NU,4,1,`li`,34),R(),M(38,PU,2,4,`div`,60),R()(),M(39,LU,23,7,`section`,61),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(26,IH,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),K(`padding-top`,a.logWindow.enabled()?2+a.logWindow.padTop():null,`px`)(`padding-bottom`,a.logWindow.enabled()?2+a.logWindow.padBottom():null,`px`),I(`rovingWindow`,a.logWindow),j(`aria-label`,i.classic?`Actions`:`Changes`),A(2),F(a.shownLog()),A(3),N((r=a.changeEntry())?38:-1,r),A(),N(i.classic?39:-1)}}function zU(e,t){if(e&1&&(L(0,`div`,20)(1,`ul`,33),P(2,nU,8,10,`li`,null,zH,!1,rU,2,0,`li`,34),R(),M(5,RU,40,28,`div`,35),R()),e&2){let e,t=G();A(2),F(t.filteredStores()),A(3),N((e=t.store())?5:-1,e)}}function BU(e,t){if(e&1&&(L(0,`code`,106),J(1),R()),e&2){G();let e=fv(0),t=G(2);I(`title`,t.prettyText(e.payload)),A(),Y(t.shortText(e.payload))}}function VU(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,104),U(`click`,function(){E(e);let t=fv(0);return D(G(2).selectEvent(t.seq))}),z(3,`span`,38),L(4,`span`,105),J(5),R(),M(6,BU,2,2,`code`,106),L(7,`span`,107),J(8),R()()()}if(e&2){let e=t.$implicit,n=G(2),r=dv(e.entry);A(),j(`data-vindex`,e.index)(`aria-setsize`,n.eventWindow.enabled()?n.pageEvents().length:null)(`aria-posinset`,n.eventWindow.enabled()?e.index+1:null),A(),q(`selected`,r.seq===n.selectedEventSeq()),j(`aria-pressed`,r.seq===n.selectedEventSeq())(`aria-controls`,r.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),A(),K(`background`,n.kindColor(`event`)),A(),I(`title`,r.eventType??r.type),A(),Y(r.eventType??r.type),A(),N(r.payload===void 0?-1:6),A(2),Y(n.formatTime(r.timestamp))}}function HU(e,t){e&1&&(L(0,`li`,34),J(1,`No events match this filter.`),R())}function UU(e,t){if(e&1&&(L(0,`div`,103,6),Gg(2,88),R()),e&2){G(2);let e=d_(21);A(2),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,RH,t))}}function WU(e,t){if(e&1&&(L(0,`section`,22)(1,`div`,14)(2,`h2`,100),J(3,`Events`),R(),L(4,`span`,16),J(5),R()(),L(6,`p`,101),J(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),R(),L(8,`ul`,102,5),P(10,VU,9,14,`li`,null,BH,!1,HU,2,0,`li`,34),R(),M(13,UU,3,4,`div`,103),R()),e&2){let e,t=G();A(5),Y(t.pageEvents().length),A(3),K(`padding-top`,t.eventWindow.enabled()?6+t.eventWindow.padTop():null,`px`)(`padding-bottom`,t.eventWindow.enabled()?6+t.eventWindow.padBottom():null,`px`),I(`rovingWindow`,t.eventWindow),A(2),F(t.shownEvents()),A(3),N((e=t.eventEntry())?13:-1,e)}}function GU(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 KU(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 qU(e,t){if(e&1&&(L(0,`dt`),J(1,`Action`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();A(4),Y(t.prettyText(e.action))}}function JU(e,t){if(e&1&&(L(0,`dt`),J(1,`Arguments`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();A(4),Y(t.prettyText(e.args))}}function YU(e,t){if(e&1&&(L(0,`dt`),J(1,`Payload`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();A(4),Y(t.prettyText(e.payload))}}function XU(e,t){if(e&1&&(L(0,`pre`,112),J(1),R()),e&2){let e=G(),t=G(2);A(),Y(t.prettyText(e.payload))}}function ZU(e,t){if(e&1&&(L(0,`dt`),J(1,`Caused by event`),R(),L(2,`dd`)(3,`code`,113),J(4),R(),M(5,XU,2,1,`pre`,112),R()),e&2){let e=t;A(4),Y(e.type),A(),N(e.payload===void 0?-1:5)}}function QU(e,t){if(e&1){let e=H();L(0,`button`,117),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 $U(e,t){if(e&1&&(L(0,`code`,123),J(1),R()),e&2){let e=G().$implicit,t=G(4);A(),Y(t.shortText(e.before))}}function eW(e,t){e&1&&(L(0,`span`,125),J(1,`→`),R(),L(2,`span`,126),J(3,`became`),R())}function tW(e,t){if(e&1&&(L(0,`code`,124),J(1),R()),e&2){let e=G().$implicit,t=G(4);A(),Y(t.shortText(e.after))}}function nW(e,t){if(e&1&&(L(0,`li`)(1,`span`,120),J(2),R(),L(3,`code`,121),J(4),R(),L(5,`span`,122),M(6,$U,2,1,`code`,123),M(7,eW,4,0),M(8,tW,2,1,`code`,124),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 rW(e,t){if(e&1&&(L(0,`p`,67),J(1),R()),e&2){let e=G(3).selected,t=G();A(),Y(t.moreChanges(e.diffTruncated))}}function iW(e,t){if(e&1&&(L(0,`ul`,118),P(1,nW,9,7,`li`,119,WH),R(),M(3,rW,2,1,`p`,67)),e&2){let e=G(2).selected;A(),F(e.diff),A(2),N(e.diffTruncated?3:-1)}}function aW(e,t){e&1&&(L(0,`p`,67),J(1,`The state did not change.`),R())}function oW(e,t){if(e&1&&(L(0,`div`,114)(1,`div`,115),J(2,`State diff`),R(),M(3,QU,2,1,`button`,116),R(),M(4,iW,4,1)(5,aW,2,0,`p`,67)),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 sW(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 cW(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 lW(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 uW(e,t){if(e&1&&M(0,cW,1,2)(1,lW,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function dW(e,t){if(e&1){let e=H();L(0,`div`,127),U(`keydown.escape`,function(t){return E(e),D(G(2).cancelRestore(t))}),L(1,`p`,128),M(2,sW,1,1)(3,uW,2,1),R(),L(4,`div`,97)(5,`button`,62),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`,31,7),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 fW(e,t){if(e&1){let e=H();L(0,`button`,133,8),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 pW(e,t){if(e&1){let e=H();L(0,`button`,134),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 mW(e,t){if(e&1&&(L(0,`p`,132),J(1),R()),e&2){let e=G(2).idPrefix,t=G();I(`id`,e+`-writes-off`),A(),Y(t.restoreOff)}}function hW(e,t){if(e&1&&(L(0,`div`,129),M(1,fW,3,2,`button`,130),M(2,pW,2,2,`button`,131),R(),M(3,mW,2,2,`p`,132)),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 gW(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 _W(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 vW(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 yW(e,t){if(e&1&&(L(0,`p`,111),M(1,gW,4,0)(2,_W,10,0)(3,vW,4,0),R()),e&2){let e=G().selected;A(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function bW(e,t){if(e&1&&(L(0,`section`,108)(1,`div`,109),J(2),R(),L(3,`dl`,66)(4,`dt`),J(5,`Time`),R(),L(6,`dd`),J(7),R(),M(8,GU,4,1),M(9,KU,4,1),M(10,qU,5,1),M(11,JU,5,1),M(12,YU,5,1),M(13,ZU,6,2),R(),M(14,oW,6,3),M(15,dW,10,4,`div`,110),M(16,hW,4,3),M(17,yW,4,1,`p`,111),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 xW(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();A(),Y(e.sourceEntries().length)}}function SW(e,t){e&1&&(L(0,`div`,25),z(1,`span`,135),L(2,`p`,29),J(3,`Scanning source for NgRx declarations…`),R()())}function CW(e,t){e&1&&(L(0,`div`,26)(1,`p`,29),J(2,`No NgRx declarations found in source.`),R(),L(3,`p`,30),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 wW(e,t){if(e&1){let e=H();L(0,`button`,137),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`,38),L(2,`span`,142),J(3),R(),L(4,`span`,138),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 TW(e,t){if(e&1&&(L(0,`p`,147),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.detail)}}function EW(e,t){if(e&1&&(L(0,`li`,141)(1,`div`,143),z(2,`span`,38),L(3,`span`,144),J(4),R(),L(5,`span`,43),J(6),R()(),L(7,`div`,145),z(8,`app-source-link`,146),R(),M(9,TW,2,1,`p`,147),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 DW(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25)(2,`p`,29),J(3,`No declarations match.`),R(),L(4,`button`,31),U(`click`,function(){return E(e),D(G(2).clearFilters())}),J(5,`Clear filters`),R()()()}}function OW(e,t){if(e&1){let e=H();L(0,`div`,136)(1,`button`,137),U(`click`,function(){return E(e),D(G().kind.set(null))}),J(2,` All `),L(3,`span`,138),J(4),R()(),P(5,wW,6,7,`button`,139,GH),R(),L(7,`ul`,140),P(8,EW,10,7,`li`,141,KH,!1,DW,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 kW={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`},jW={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function MW(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 NW=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),PW=class e{rpc=$(null);canRestore=Q(()=>nD(this.rpc(),`ngrx`));restoreOff=yE(`ngrx`);filter=k(``);kind=k(null);sourceEntries=k([]);sourceLoaded=k(!1);pages=k([]);failed=k(!1);stateLoaded=k(!1);selectedPageId=k(null);hostPageId=IE();angularPages=lO(()=>this.rpc());angularPage=Q(()=>uO(this.angularPages(),this.page()?.pageId??this.hostPageId));maxLog=Q(()=>tD(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?xH(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?EH(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:DH(t,160),full:EH(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()});logWindow=new GM({count:Q(()=>this.storeLog().length),estimate:56});shownLog=Q(()=>FW(this.storeLog(),this.logWindow));eventWindow=new GM({count:Q(()=>this.pageEvents().length),estimate:36});shownEvents=Q(()=>FW(this.pageEvents(),this.eventWindow));logList=Jv(`logList`);eventsList=Jv(`eventsList`);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(()=>MW(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=MW(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=>NW.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.logList()?.nativeElement;e&&this.logWindow.attach(e)}),pc(()=>{let e=this.eventsList()?.nativeElement;e&&this.eventWindow.attach(e)}),pc(()=>{let e=this.rpc();e&&this.load(e)}),dy(()=>{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())}),dy(()=>{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),BE(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(EH(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 BE(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 BE(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 BE(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 kW[e]??`var(--text-3)`}kindLabel(e){return AW[e]??e}originText(e){return jW[e]??e}changesLabel=bH;moreChanges=yH;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return EH(e)}shortText(e){return DH(e)}formatTime=ZO;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,OH,5)(t.cancelButton,kH,5)(t.restoreButton,AH,5)(t.stateTree,jH,5)(t.filterInput,MH,5)(t.latestButton,NH,5)(t.logList,PH,5)(t.eventsList,FH,5),e&2&&u_(8)},inputs:{rpc:[1,`rpc`]},decls:30,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`logList`,``],[`latestButton`,``],[`eventsList`,``],[`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`],[`capability`,`injectorProviders`,`compact`,``,3,`page`],[`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`,3,`rovingWindow`],[`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`,3,`rovingWindow`],[`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`,9)(1,`input`,10,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,qH,3,2),L(4,`span`,11),z(5,`span`,12),J(6),R()(),L(7,`section`,13)(8,`div`,14)(9,`h2`,15),J(10,`Live stores`),R(),M(11,JH,2,1,`span`,16),R(),M(12,YH,7,0,`div`,17)(13,XH,3,0,`div`,18)(14,ZH,5,0,`div`,19)(15,tU,6,2)(16,zU,6,2,`div`,20),L(17,`p`,21),J(18),R()(),M(19,WU,14,8,`section`,22),sg(20,bW,18,16,`ng-template`,null,1,Ev),L(22,`section`,23)(23,`div`,14)(24,`h2`,24),J(25,`Source declarations`),R(),M(26,xW,2,1,`span`,16),R(),M(27,SW,4,0,`div`,25)(28,CW,29,0,`div`,26)(29,OW,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:[mO,nk,AR,DO,ub,Dj,AM],styles:[`[_nghost-%COMP%] {
+}`]})},kU=1e3;function AU(e){return`${e>=1e3?`${kU}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function jU(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 MU(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 NU=`@type`,PU=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function FU(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&NU in e&&PU.has(e[NU])}function IU(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function LU(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+LU(e,n)).join(`,
+`)}\n${t}]`:`[]`;if(FU(e)){let r=e;switch(r[NU]){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}${LU(e,n)} => ${LU(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+LU(e,n)).join(`,
+`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[NU])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${IU(e)}: ${LU(t,n)}`).join(`,
+`)}\n${t}}`:`{}`}function RU(e,t=120){let n=LU(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var zU=[`eventDetailHeading`],BU=[`cancelButton`],VU=[`restoreButton`],HU=[`stateTree`],UU=[`filterInput`],WU=[`latestButton`],GU=[`logList`],KU=[`eventsList`],qU=e=>({kind:`ngrx`,storeId:e}),JU=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),YU=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),XU=(e,t)=>t.id,ZU=(e,t)=>t.entry.seq,QU=(e,t)=>t.key,$U=(e,t)=>t.name,eW=(e,t)=>t.idsKey,tW=(e,t)=>t.path,nW=(e,t)=>t.kind,rW=(e,t)=>t.name+t.file+t.line;function iW(e,t){if(e&1){let e=H();L(0,`span`,27),J(1,`Page`),R(),L(2,`app-select`,28),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()}if(e&2){let e=G();k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function aW(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.liveStores().length)}}function oW(e,t){if(e&1){let e=H();L(0,`div`,17)(1,`p`,29),J(2,`Could not load the live store state.`),R(),L(3,`p`,30),J(4,`Check that the dev server with Pangular Inspector is still running.`),R(),L(5,`button`,31),U(`click`,function(){return T(e),E(G().retry())}),J(6,`Retry`),R()()}}function sW(e,t){e&1&&(L(0,`div`,18)(1,`p`,29),J(2,`Loading…`),R()())}function cW(e,t){e&1&&(L(0,`div`,19)(1,`p`,29),J(2,`No page is reporting NgRx state yet.`),R(),L(3,`p`,30),J(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),R()())}function lW(e,t){e&1&&(L(0,`p`,29),J(1,`No signal store instance on this page yet.`),R(),L(2,`p`,30),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 uW(e,t){e&1&&(L(0,`p`,29),J(1,`The @ngrx/store Store was not found on this page.`),R(),L(2,`p`,30),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 dW(e,t){e&1&&(L(0,`p`,29),J(1,`This page has no NgRx store.`),R(),L(2,`p`,30),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 fW(e,t){if(e&1&&(L(0,`app-angular-unavailable`,32),J(1,` The overlay finds stores through the injectors, so stores it can't reach from a component are not listed. `),R(),L(2,`div`,19),M(3,lW,7,0)(4,uW,10,0)(5,dW,16,0),R()),e&2){let e=G();I(`page`,e.angularPage()),k(3),N(e.usesSignals()?3:e.usesClassic()?4:5)}}function pW(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectStore(t.id))}),L(2,`span`,37),z(3,`span`,38),L(4,`span`,39),J(5),R()(),L(6,`span`,40),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);k(),q(`selected`,e.id===n.store()?.id),j(`aria-pressed`,e.id===n.store()?.id),k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.label),k(2),iv(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.changeCount(e.id),` `,n.changeCount(e.id)===1?`change`:`changes`,` `)}}function mW(e,t){e&1&&(L(0,`li`,34),J(1,`No stores match this filter.`),R())}function hW(e,t){e&1&&z(0,`app-source-link`,44),e&2&&I(`file`,t)}function gW(e,t){if(e&1&&(L(0,`span`,43),J(1),R()),e&2){let e=G();k(),Y(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function _W(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function vW(e,t){if(e&1&&(L(0,`p`,45),J(1,` Referenced by `),P(2,_W,3,2,null,null,Ag),R()),e&2){let e=G();k(2),F(e.signal.references)}}function yW(e,t){if(e&1&&(L(0,`p`,63),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function bW(e,t){if(e&1){let e=H();L(0,`div`,46)(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`,62,4),U(`click`,function(){return T(e),E(G(3).backToLatest())}),J(7,` Back to latest `),R(),M(8,yW,2,1,`p`,63),R()}if(e&2){let e=G(3);k(5),I(`disabled`,e.busy()||!e.canRestore()),j(`aria-describedby`,e.canRestore()?null:`store-latest-off`),k(3),N(e.canRestore()?-1:8)}}function xW(e,t){if(e&1&&(L(0,`dt`),J(1),R(),L(2,`dd`)(3,`code`,71),J(4),R()()),e&2){let e=t.$implicit;k(),Y(e.key),k(2),I(`title`,e.full),k(),Y(e.value)}}function SW(e,t){if(e&1&&(L(0,`dl`,66),P(1,xW,5,3,null,null,QU),R()),e&2){let e=G(4);k(),F(e.computedEntries())}}function CW(e,t){e&1&&(L(0,`p`,67),J(1,`No computed signals.`),R())}function wW(e,t){e&1&&(L(0,`span`,73),J(1,`signalMethod`),R())}function TW(e,t){e&1&&(L(0,`span`,73),J(1,`rxMethod`),R())}function EW(e,t){if(e&1&&(L(0,`li`,72),J(1),M(2,wW,2,0,`span`,73)(3,TW,2,0,`span`,73),L(4,`span`,74),J(5),R()()),e&2){let e=t.$implicit,n=G(5);k(),X(` `,e.name,` `),k(),N(e.signalMethod?2:e.rx?3:-1),k(3),rv(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function DW(e,t){if(e&1&&(L(0,`ul`,69),P(1,EW,6,5,`li`,72,$U),R()),e&2){let e=G();k(),F(e.methods)}}function OW(e,t){e&1&&(L(0,`p`,67),J(1,`No methods.`),R())}function kW(e,t){if(e&1&&(L(0,`li`,72),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function AW(e,t){if(e&1&&(L(0,`li`,81),J(1),R()),e&2){let e=G().$implicit;I(`title`,G(5).entityOverflowTitle(e.ids,e.count)),k(),X(` +`,e.count-30,` more `)}}function jW(e,t){if(e&1&&(L(0,`code`,71),J(1),R()),e&2){let e=G(2).$implicit,t=G(5);I(`title`,t.prettyText(e.selected)),k(),Y(t.shortText(e.selected))}}function MW(e,t){e&1&&(L(0,`span`,67),J(1,`None selected`),R())}function NW(e,t){if(e&1&&(L(0,`dl`,66)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,jW,2,2,`code`,71)(5,MW,2,0,`span`,67),R()()),e&2){let e=G().$implicit;k(4),N(e.selected===void 0?5:4)}}function PW(e,t){if(e&1&&(L(0,`div`,77)(1,`div`,78)(2,`span`,72),J(3),R(),L(4,`span`,79),J(5),R()(),L(6,`ul`,80),P(7,kW,2,1,`li`,72,Ag),M(9,AW,2,2,`li`,81),R(),M(10,NW,6,1,`dl`,66),R()),e&2){let e=t.$implicit,n=G(5);k(3),Y(e.collection??`entities`),k(2),Z(``,e.count,` `,e.count===1?`entity`:`entities`),k(),j(`aria-label`,(e.collection??`entities`)+` ids`),k(),F(n.entityIds(e.ids)),k(2),N(e.count>30?9:-1),k(),N(e.selectedId===void 0?-1:10)}}function FW(e,t){if(e&1&&(L(0,`section`,70)(1,`h4`,75),J(2,`Entities`),R(),L(3,`div`,76),P(4,PW,11,6,`div`,77,eW),R()()),e&2){let e=G();k(4),F(e.entities)}}function IW(e,t){if(e&1&&(L(0,`section`,64)(1,`h4`,65),J(2,`Computed`),R(),M(3,SW,3,0,`dl`,66)(4,CW,2,0,`p`,67),L(5,`h4`,68),J(6,`Methods`),R(),M(7,DW,3,0,`ul`,69)(8,OW,2,0,`p`,67),R(),M(9,FW,6,0,`section`,70)),e&2){let e=t,n=G(3);k(3),N(n.computedEntries().length?3:4),k(4),N(e.methods.length?7:8),k(2),N(e.entities?.length?9:-1)}}function LW(e,t){if(e&1&&(L(0,`span`,86),J(1),R()),e&2){let e=t;I(`title`,`Caused by `+G(4).kindLabel(`event`)+`: `+e.type),k(),Y(e.type)}}function RW(e,t){if(e&1&&(L(0,`span`,73),J(1),R()),e&2){G();let e=fv(0);k(),Y(e.origin)}}function zW(e,t){if(e&1&&J(0),e&2){G();let e=fv(0);X(` · `,G(3).formatDuration(e.durationMs),` `)}}function BW(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,82),U(`click`,function(){T(e);let t=fv(0);return E(G(3).selectChange(t.seq))}),L(3,`span`,83),J(4),R(),L(5,`span`,84)(6,`span`,85),J(7),R(),M(8,LW,2,2,`span`,86),R(),L(9,`span`,87),M(10,RW,2,1,`span`,73),J(11),M(12,zW,1,1),R()()()}if(e&2){let e,n=t.$implicit,r=G(3),i=dv(n.entry);k(),j(`data-vindex`,n.index)(`aria-setsize`,r.logWindow.enabled()?r.storeLog().length:null)(`aria-posinset`,r.logWindow.enabled()?n.index+1:null),k(),q(`selected`,i.seq===r.selectedChangeSeq()),j(`aria-pressed`,i.seq===r.selectedChangeSeq())(`aria-controls`,i.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),k(2),X(`#`,i.seq),k(2),I(`title`,i.type),k(),Y(i.type),k(),N((e=i.causedByEvent)?8:-1,e),k(2),N(i.origin?10:-1),k(),Z(` `,r.changesLabel(i),` · `,r.formatTime(i.timestamp),` `),k(),N(i.durationMs===void 0?-1:12)}}function VW(e,t){e&1&&J(0,` No entries match this filter. `)}function HW(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function UW(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function WW(e,t){if(e&1&&(L(0,`li`,34),M(1,VW,1,0)(2,HW,1,0)(3,UW,1,0),R()),e&2){let e=G(),t=G(2);k(),N(t.filter()?1:e.classic?2:3)}}function GW(e,t){if(e&1&&(L(0,`div`,60),Gg(1,88),R()),e&2){G(3);let e=d_(21);k(),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,JU,t))}}function KW(e,t){if(e&1&&z(0,`option`,93),e&2){let e=t.$implicit;I(`value`,e)}}function qW(e,t){if(e&1&&(L(0,`p`,99),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function JW(e,t){if(e&1){let e=H();L(0,`section`,61)(1,`h4`,89),J(2,`Dispatch an action`),R(),L(3,`form`,90),U(`submit`,function(t){return T(e),E(G(3).dispatchAction(t))}),L(4,`label`)(5,`span`),J(6,`Type`),R(),L(7,`input`,91),U(`input`,function(t){return T(e),E(G(3).dispatchType.set(t.target.value))}),R()(),L(8,`datalist`,92),P(9,KW,1,1,`option`,93,Ag),R(),L(11,`label`)(12,`span`),J(13,`Payload `),L(14,`span`,94),J(15,`(JSON object, optional)`),R()(),L(16,`textarea`,95),U(`input`,function(t){return T(e),E(G(3).dispatchPayload.set(t.target.value))}),R()(),L(17,`p`,96),J(18),R(),L(19,`div`,97)(20,`button`,98),J(21,` Dispatch `),R()(),M(22,qW,2,1,`p`,99),R()()}if(e&2){let e=G(3);k(7),I(`value`,e.dispatchType()),k(2),F(e.actionTypes()),k(7),I(`value`,e.dispatchPayload()),j(`aria-invalid`,e.payloadError()?`true`:null),k(2),Y(e.payloadError()),k(2),I(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),j(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),k(2),N(e.canRestore()?-1:22)}}function YW(e,t){if(e&1){let e=H();L(0,`div`,35)(1,`div`,41)(2,`h3`),J(3),R(),L(4,`div`,42)(5,`span`,43),J(6),R(),L(7,`span`,43),J(8),R(),M(9,hW,1,1,`app-source-link`,44),M(10,gW,2,1,`span`,43),R(),M(11,vW,4,0,`p`,45),R(),M(12,bW,9,3,`div`,46),L(13,`div`,47)(14,`section`,48)(15,`div`,49)(16,`h4`,50),J(17,`State`),R(),L(18,`div`,51),z(19,`app-store-global`,52),L(20,`button`,53),U(`click`,function(){return T(e),E(G(2).copyState())}),J(21,` Copy `),R()()(),L(22,`pre`,54,2),J(24),R()(),M(25,IW,10,3),R(),L(26,`section`,55)(27,`h4`,56),J(28),L(29,`span`,16),J(30),R()(),z(31,`app-limit-note`,57),L(32,`div`,58)(33,`ul`,59,3),P(35,BW,13,16,`li`,null,ZU,!1,WW,4,1,`li`,34),R(),M(38,GW,2,4,`div`,60),R()(),M(39,JW,23,7,`section`,61),R()}if(e&2){let e,n,r,i=t,a=G(2);k(3),Y(i.label),k(3),Y(a.kindLabel(i.kind)),k(2),X(`scope: `,i.scope),k(),N((e=i.signal?.declaredIn)?9:-1,e),k(),N(i.classic?10:-1),k(),N(i.signal?.references?.length?11:-1),k(),N(i.classic?.paused?12:-1),k(7),I(`rpc`,a.rpc())(`pageId`,a.page()?.pageId)(`target`,hv(26,qU,i.id))(`label`,i.label+` state`),k(5),Y(a.stateText()),k(),N((n=i.signal)?25:-1,n),k(3),X(` `,i.classic?`Action log`:`Change log`,` `),k(2),Y(a.storeLog().length),k(),I(`dropped`,a.page()?.dropped??0)(`max`,a.maxLog()),k(2),K(`padding-top`,a.logWindow.enabled()?2+a.logWindow.padTop():null,`px`)(`padding-bottom`,a.logWindow.enabled()?2+a.logWindow.padBottom():null,`px`),I(`rovingWindow`,a.logWindow),j(`aria-label`,i.classic?`Actions`:`Changes`),k(2),F(a.shownLog()),k(3),N((r=a.changeEntry())?38:-1,r),k(),N(i.classic?39:-1)}}function XW(e,t){if(e&1&&(L(0,`div`,20)(1,`ul`,33),P(2,pW,8,10,`li`,null,XU,!1,mW,2,0,`li`,34),R(),M(5,YW,40,28,`div`,35),R()),e&2){let e,t=G();k(2),F(t.filteredStores()),k(3),N((e=t.store())?5:-1,e)}}function ZW(e,t){if(e&1&&(L(0,`code`,106),J(1),R()),e&2){G();let e=fv(0),t=G(2);I(`title`,t.prettyText(e.payload)),k(),Y(t.shortText(e.payload))}}function QW(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,104),U(`click`,function(){T(e);let t=fv(0);return E(G(2).selectEvent(t.seq))}),z(3,`span`,38),L(4,`span`,105),J(5),R(),M(6,ZW,2,2,`code`,106),L(7,`span`,107),J(8),R()()()}if(e&2){let e=t.$implicit,n=G(2),r=dv(e.entry);k(),j(`data-vindex`,e.index)(`aria-setsize`,n.eventWindow.enabled()?n.pageEvents().length:null)(`aria-posinset`,n.eventWindow.enabled()?e.index+1:null),k(),q(`selected`,r.seq===n.selectedEventSeq()),j(`aria-pressed`,r.seq===n.selectedEventSeq())(`aria-controls`,r.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),k(),K(`background`,n.kindColor(`event`)),k(),I(`title`,r.eventType??r.type),k(),Y(r.eventType??r.type),k(),N(r.payload===void 0?-1:6),k(2),Y(n.formatTime(r.timestamp))}}function $W(e,t){e&1&&(L(0,`li`,34),J(1,`No events match this filter.`),R())}function eG(e,t){if(e&1&&(L(0,`div`,103,6),Gg(2,88),R()),e&2){G(2);let e=d_(21);k(2),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,YU,t))}}function tG(e,t){if(e&1&&(L(0,`section`,22)(1,`div`,14)(2,`h2`,100),J(3,`Events`),R(),L(4,`span`,16),J(5),R()(),L(6,`p`,101),J(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),R(),L(8,`ul`,102,5),P(10,QW,9,14,`li`,null,ZU,!1,$W,2,0,`li`,34),R(),M(13,eG,3,4,`div`,103),R()),e&2){let e,t=G();k(5),Y(t.pageEvents().length),k(3),K(`padding-top`,t.eventWindow.enabled()?6+t.eventWindow.padTop():null,`px`)(`padding-bottom`,t.eventWindow.enabled()?6+t.eventWindow.padBottom():null,`px`),I(`rovingWindow`,t.eventWindow),k(2),F(t.shownEvents()),k(3),N((e=t.eventEntry())?13:-1,e)}}function nG(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();k(3),Y(t.originText(e.origin))}}function rG(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();k(3),Y(t.formatDuration(e.durationMs))}}function iG(e,t){if(e&1&&(L(0,`dt`),J(1,`Action`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.action))}}function aG(e,t){if(e&1&&(L(0,`dt`),J(1,`Arguments`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.args))}}function oG(e,t){if(e&1&&(L(0,`dt`),J(1,`Payload`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.payload))}}function sG(e,t){if(e&1&&(L(0,`pre`,112),J(1),R()),e&2){let e=G(),t=G(2);k(),Y(t.prettyText(e.payload))}}function cG(e,t){if(e&1&&(L(0,`dt`),J(1,`Caused by event`),R(),L(2,`dd`)(3,`code`,113),J(4),R(),M(5,sG,2,1,`pre`,112),R()),e&2){let e=t;k(4),Y(e.type),k(),N(e.payload===void 0?-1:5)}}function lG(e,t){if(e&1){let e=H();L(0,`button`,117),U(`click`,function(){T(e);let t=G(2).selected;return E(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 uG(e,t){if(e&1&&(L(0,`code`,123),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.before))}}function dG(e,t){e&1&&(L(0,`span`,125),J(1,`→`),R(),L(2,`span`,126),J(3,`became`),R())}function fG(e,t){if(e&1&&(L(0,`code`,124),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.after))}}function pG(e,t){if(e&1&&(L(0,`li`)(1,`span`,120),J(2),R(),L(3,`code`,121),J(4),R(),L(5,`span`,122),M(6,uG,2,1,`code`,123),M(7,dG,4,0),M(8,fG,2,1,`code`,124),R()()),e&2){let e=t.$implicit,n=G(4);M_(`diff-row `+e.op),k(2),Y(n.opLabel(e.op)),k(2),Y(e.path),k(2),N(e.op===`add`?-1:6),k(),N(e.op===`change`?7:-1),k(),N(e.op===`remove`?-1:8)}}function mG(e,t){if(e&1&&(L(0,`p`,67),J(1),R()),e&2){let e=G(3).selected,t=G();k(),Y(t.moreChanges(e.diffTruncated))}}function hG(e,t){if(e&1&&(L(0,`ul`,118),P(1,pG,9,7,`li`,119,tW),R(),M(3,mG,2,1,`p`,67)),e&2){let e=G(2).selected;k(),F(e.diff),k(2),N(e.diffTruncated?3:-1)}}function gG(e,t){e&1&&(L(0,`p`,67),J(1,`The state did not change.`),R())}function _G(e,t){if(e&1&&(L(0,`div`,114)(1,`div`,115),J(2,`State diff`),R(),M(3,lG,2,1,`button`,116),R(),M(4,hG,4,1)(5,gG,2,0,`p`,67)),e&2){let e=G(),t=e.selected,n=e.headingLevel;k(),j(`aria-level`,n+1),k(2),N(t.diff.length?3:-1),k(),N(t.diff.length?4:5)}}function vG(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 yG(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 bG(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 xG(e,t){if(e&1&&M(0,yG,1,2)(1,bG,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function SG(e,t){if(e&1){let e=H();L(0,`div`,127),U(`keydown.escape`,function(t){return T(e),E(G(2).cancelRestore(t))}),L(1,`p`,128),M(2,vG,1,1)(3,xG,2,1),R(),L(4,`div`,97)(5,`button`,62),U(`click`,function(){T(e);let t=G().selected;return E(G().restore(t.seq,t.source===`store`))}),J(6,` Restore `),R(),L(7,`button`,31,7),U(`click`,function(){return T(e),E(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`),k(),I(`id`,n+`-confirm-text`),k(),N(t.source===`store`?2:3),k(3),I(`disabled`,r.busy())}}function CG(e,t){if(e&1){let e=H();L(0,`button`,133,8),U(`click`,function(){T(e);let t=G(2).selected;return E(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 wG(e,t){if(e&1){let e=H();L(0,`button`,134),U(`click`,function(){T(e);let t=G(2).selected;return E(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 TG(e,t){if(e&1&&(L(0,`p`,132),J(1),R()),e&2){let e=G(2).idPrefix,t=G();I(`id`,e+`-writes-off`),k(),Y(t.restoreOff)}}function EG(e,t){if(e&1&&(L(0,`div`,129),M(1,CG,3,2,`button`,130),M(2,wG,2,2,`button`,131),R(),M(3,TG,2,2,`p`,132)),e&2){let e=G().selected,t=G();k(),N(e.restorable?1:-1),k(),N(t.canAgain(e)?2:-1),k(),N(t.canRestore()?-1:3)}}function DG(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 OG(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 kG(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 AG(e,t){if(e&1&&(L(0,`p`,111),M(1,DG,4,0)(2,OG,10,0)(3,kG,4,0),R()),e&2){let e=G().selected;k(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function jG(e,t){if(e&1&&(L(0,`section`,108)(1,`div`,109),J(2),R(),L(3,`dl`,66)(4,`dt`),J(5,`Time`),R(),L(6,`dd`),J(7),R(),M(8,nG,4,1),M(9,rG,4,1),M(10,iG,5,1),M(11,aG,5,1),M(12,oG,5,1),M(13,cG,6,2),R(),M(14,_G,6,3),M(15,SG,10,4,`div`,110),M(16,EG,4,3),M(17,AG,4,1,`p`,111),R()),e&2){let e,n=t.selected,r=t.headingLevel,i=t.idPrefix,a=G();j(`aria-labelledby`,i+`-entry-heading`),k(),I(`id`,i+`-entry-heading`),j(`aria-level`,r),k(),Z(` #`,n.seq,` `,n.type,` `),k(5),Y(a.formatTime(n.timestamp)),k(),N(n.origin?8:-1),k(),N(n.durationMs===void 0?-1:9),k(),N(n.action===void 0?-1:10),k(),N(n.args?.length?11:-1),k(),N(n.source===`event`&&n.payload!==void 0?12:-1),k(),N((e=n.causedByEvent)?13:-1,e),k(),N(n.source===`event`?-1:14),k(),N(n.restorable&&a.confirmSeq()===n.seq?15:-1),k(),N(a.confirmSeq()!==n.seq&&(n.restorable||a.canAgain(n))?16:-1),k(),N(!n.restorable&&n.source===`store`?17:-1)}}function MG(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.sourceEntries().length)}}function NG(e,t){e&1&&(L(0,`div`,25),z(1,`span`,135),L(2,`p`,29),J(3,`Scanning source for NgRx declarations…`),R()())}function PG(e,t){e&1&&(L(0,`div`,26)(1,`p`,29),J(2,`No NgRx declarations found in source.`),R(),L(3,`p`,30),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 FG(e,t){if(e&1){let e=H();L(0,`button`,137),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,38),L(2,`span`,142),J(3),R(),L(4,`span`,138),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(n.kindLabel(e.kind)),k(2),Y(e.count)}}function IG(e,t){if(e&1&&(L(0,`p`,147),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function LG(e,t){if(e&1&&(L(0,`li`,141)(1,`div`,143),z(2,`span`,38),L(3,`span`,144),J(4),R(),L(5,`span`,43),J(6),R()(),L(7,`div`,145),z(8,`app-source-link`,146),R(),M(9,IG,2,1,`p`,147),R()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.name),k(2),Y(n.kindLabel(e.kind)),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.detail?9:-1)}}function RG(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25)(2,`p`,29),J(3,`No declarations match.`),R(),L(4,`button`,31),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(5,`Clear filters`),R()()()}}function zG(e,t){if(e&1){let e=H();L(0,`div`,136)(1,`button`,137),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,138),J(4),R()(),P(5,FG,6,7,`button`,139,nW),R(),L(7,`ul`,140),P(8,LG,10,7,`li`,141,rW,!1,RG,6,0,`li`),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.sourceEntries().length),k(),F(e.groupedEntries()),k(3),F(e.filteredEntries())}}var BG={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)`},VG={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`},HG={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function UG(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 WG=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),GG=class e{rpc=$(null);canRestore=Q(()=>rD(this.rpc(),`ngrx`));restoreOff=bE(`ngrx`);filter=O(``);kind=O(null);sourceEntries=O([]);sourceLoaded=O(!1);pages=O([]);failed=O(!1);stateLoaded=O(!1);selectedPageId=O(null);hostPageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.hostPageId));maxLog=Q(()=>nD(this.rpc()).limits.changeLog);selectedStoreId=O(null);focusEventSeq=O(null);eventDetailHeading=Jv(`eventDetailHeading`);busy=O(!1);focusLatest=O(!1);focusConfirm=O(null);cancelButton=Jv(`cancelButton`);restoreButton=Jv(`restoreButton`);stateTree=Jv(`stateTree`);filterInput=Jv(`filterInput`);latestButton=Jv(`latestButton`);message=O(``);destroyRef=C(Ds);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?MU(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?LU(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:RU(t,160),full:LU(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()});logWindow=new nP({count:Q(()=>this.storeLog().length),estimate:56});shownLog=Q(()=>KG(this.storeLog(),this.logWindow));eventWindow=new nP({count:Q(()=>this.pageEvents().length),estimate:36});shownEvents=Q(()=>KG(this.pageEvents(),this.eventWindow));logList=Jv(`logList`);eventsList=Jv(`eventsList`);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=O(``);dispatchPayload=O(``);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(()=>UG(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=UG(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=>WG.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(){mc(()=>{let e=this.logList()?.nativeElement;e&&this.logWindow.attach(e)}),mc(()=>{let e=this.eventsList()?.nativeElement;e&&this.eventWindow.attach(e)}),mc(()=>{let e=this.rpc();e&&this.load(e)}),dy(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),mc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),dy(()=>{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),VE(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(LU(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 VE(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 VE(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 VE(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 BG[e]??`var(--text-3)`}kindLabel(e){return VG[e]??e}originText(e){return HG[e]??e}changesLabel=jU;moreChanges=AU;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return LU(e)}shortText(e){return RU(e)}formatTime=QO;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=A({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&l_(t.eventDetailHeading,zU,5)(t.cancelButton,BU,5)(t.restoreButton,VU,5)(t.stateTree,HU,5)(t.filterInput,UU,5)(t.latestButton,WU,5)(t.logList,GU,5)(t.eventsList,KU,5),e&2&&u_(8)},inputs:{rpc:[1,`rpc`]},decls:30,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`logList`,``],[`latestButton`,``],[`eventsList`,``],[`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`],[`capability`,`injectorProviders`,`compact`,``,3,`page`],[`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`,3,`rovingWindow`],[`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`,3,`rovingWindow`],[`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`,9)(1,`input`,10,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,iW,3,2),L(4,`span`,11),z(5,`span`,12),J(6),R()(),L(7,`section`,13)(8,`div`,14)(9,`h2`,15),J(10,`Live stores`),R(),M(11,aW,2,1,`span`,16),R(),M(12,oW,7,0,`div`,17)(13,sW,3,0,`div`,18)(14,cW,5,0,`div`,19)(15,fW,6,2)(16,XW,6,2,`div`,20),L(17,`p`,21),J(18),R()(),M(19,tG,14,8,`section`,22),sg(20,jG,18,16,`ng-template`,null,1,Ev),L(22,`section`,23)(23,`div`,14)(24,`h2`,24),J(25,`Source declarations`),R(),M(26,MG,2,1,`span`,16),R(),M(27,NG,4,0,`div`,25)(28,PG,29,0,`div`,26)(29,zG,11,5),R()),e&2&&(k(),I(`value`,t.filter()),k(2),N(t.pages().length>1?3:-1),k(),q(`on`,!!t.page()),k(2),X(` `,t.page()?`Live`:`No page connected`,` `),k(5),N(t.liveStores().length?11:-1),k(),N(t.failed()?12:t.stateLoaded()?t.page()?t.liveStores().length?16:15:14:13),k(6),Y(t.message()),k(),N(t.hasEvents()?19:-1),k(7),N(t.sourceEntries().length?26:-1),k(),N(t.sourceLoaded()?t.sourceEntries().length===0?28:29:27))},dependencies:[hO,rk,Vz,OO,ub,lM,fN],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 24px;
   min-width: 0;
@@ -8941,7 +9172,7 @@ textarea[aria-invalid=true][_ngcontent-%COMP%] {
   .kv[_ngcontent-%COMP%] {
     grid-template-columns: minmax(0, 1fr);
   }
-}`]})};function FW(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}var IW=[`heading`];function LW(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 RW(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 zW(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 BW(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 VW(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();A(),Y(e.writesOff)}}var HW=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=Rv();canWrite=Q(()=>nD(this.rpc(),`forms`));writesOff=yE(`forms`);redactLabel=YE;unmaskDocsUrl=XE;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))}),dy(()=>{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 qE(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(eD(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 ZE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${QE(r)} ${r.expression}`:QE(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await ZE(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(QE(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,IW,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,LW,5,0,`div`,6)(11,RW,2,2,`pre`,7),M(12,zW,6,4,`div`,8)(13,BW,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,VW,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%] {
+}`]})};function KG(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}var qG=[`heading`];function JG(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 T(e),E(G().retry())}),J(4,`Try again`),V()()}}function YG(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),k(),Y(e.text()??`Loading…`)}}function XG(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 T(e),E(G().draft.set(t.target.value))})(`keydown.enter`,function(){return T(e),E(G().setValue())}),V(),B(4,`button`,17),W(`click`,function(){return T(e),E(G().setValue())}),J(5,` Set `),V()()}if(e&2){let e=G();k(2),X(`New value for `,e.node().path),k(),qg(`value`,e.draft()),k(),qg(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function ZG(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();k(),X(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),k(),qg(`href`,e.unmaskDocsUrl,Nu)}}function QG(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();k(),Y(e.writesOff)}}var $G=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=Rv();canWrite=Q(()=>rD(this.rpc(),`forms`));writesOff=bE(`forms`);redactLabel=XE;unmaskDocsUrl=ZE;target=Q(()=>`${this.form().id}|${this.node().path}`);text=Fv({source:this.target,computation:()=>null});failed=Fv({source:this.target,computation:()=>!1});attempt=O(0);heading=Jv.required(`heading`);host=C(Il);draft=Fv({source:this.target,computation:()=>``});message=Fv({source:this.target,computation:()=>``});constructor(){mc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Nv(()=>this.load(n,e,t))}),dy(()=>{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 JE(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(tD(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 QE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${$E(r)} ${r.expression}`:$E(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await QE(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($E(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&l_(t.heading,qG,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,JG,5,0,`div`,6)(11,YG,2,2,`pre`,7),M(12,XG,6,4,`div`,8)(13,ZG,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,QG,2,1,`p`,13),B(24,`p`,14),J(25),V()),e&2&&(k(5),Y(t.node().path||`(form)`),k(2),Y(t.node().type),k(),j(`aria-label`,`Close details for `+(t.node().path||`the form`)),k(2),N(t.failed()?10:11),k(2),N(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),k(5),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(2),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(4),N(t.canWrite()?-1:23),k(2),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9282,7 +9513,7 @@ h3[_ngcontent-%COMP%]:focus-visible {
 .status[_ngcontent-%COMP%]:empty {
   height: 0;
   margin: -12px 0 0;
-}`]})};function UW(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 WW(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 GW(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 KW(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function qW(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 JW(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 YW(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,JW,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 XW(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,YW,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 ZW=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([qE(t,`forms-explain`,{kind:`submit`,form:e}),qE(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(eD(n)),this.payload.set(eD(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await qE(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,UW,7,0,`div`,0)(1,WW,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 eK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function tK(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();k(3),j(`aria-busy`,e.submit()===null?`true`:null),k(),Y(e.submit()??`Loading…`),k(4),j(`aria-busy`,e.payload()===null?`true`:null),k(),Y(e.payload()??`Loading…`)}}function nK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function rK(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function iK(e,t){e&1&&(B(0,`div`,2)(1,`span`,6),D(),B(2,`svg`,7),Vg(3,`path`,8),V()(),_s(),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 aK(e,t){if(e&1){let e=H();B(0,`span`,15),J(1,`at `),B(2,`button`,19),W(`click`,function(){let t=T(e);return E(G(3).showField.emit(t))}),B(3,`span`,20),J(4,`Show field `),V(),B(5,`code`),J(6),V()()()}e&2&&(k(6),Y(t))}function oK(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,aK,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),k(2),j(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),k(),Y(n.severity),k(2),Y(n.rule),k(),N((e=n.path)?6:-1,e),k(2),Y(n.message),k(4),X(` `,n.fix)}}function sK(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,oK,13,7,`li`,null,kg),V()),e&2){let e=G();k(2),Y(e.findings().length),k(),X(` `,e.findings().length===1?`finding`:`findings`,` `),k(2),F(e.findings())}}var cK=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=O(``);attempt=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let[n,r]=await Promise.all([JE(t,`forms-explain`,{kind:`submit`,form:e}),JE(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(tD(n)),this.payload.set(tD(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await JE(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=A({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,eK,7,0,`div`,0)(1,tK,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()),k(6),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9554,7 +9785,7 @@ code[_ngcontent-%COMP%] {
   flex-wrap: wrap;
   gap: 8px 12px;
   align-items: center;
-}`]})},QW=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 qE(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,GW,7,0,`div`,0)(1,KW,4,0,`div`,1)(2,qW,8,0,`div`,2)(3,XW,7,2),e&2&&N(t.failed()?0:t.findings()===null?1:t.findings().length?3:2)},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},lK=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=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let n=await JE(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=A({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,nK,7,0,`div`,0)(1,rK,4,0,`div`,1)(2,iK,8,0,`div`,2)(3,sK,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);
 }
 
@@ -9910,7 +10141,7 @@ code[_ngcontent-%COMP%] {
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-}`]})},$W=[`pathInput`],eG=()=>[],tG=(e,t)=>t.formId+`#`+t.seq;function nG(e,t){e&1&&z(0,`span`,6)}function rG(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 iG(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 aG(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;A(),X(`×`,e.count)}}function oG(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.origin)}}function sG(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 cG(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,eG)).join(`, `))}}function lG(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 uG(e,t){if(e&1&&(L(0,`div`,27),M(1,lG,6,1),J(2),R()),e&2){let e=G().$implicit;A(),N(e.prev===void 0?-1:1),A(),X(` `,e.detail,` `)}}function dG(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;A(),X(`from `,e.caller)}}function fG(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,iG,2,2,`span`,26),M(10,aG,2,1,`span`,26),M(11,oG,2,1,`span`,26),M(12,sG,2,2,`span`,26),M(13,cG,2,4,`span`,26),R(),M(14,uG,3,2,`div`,27),M(15,dG,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 pG(e,t){if(e&1&&(L(0,`ol`,19),P(1,fG,16,12,`li`,null,tG),R()),e&2){let e=G();A(),F(e.shown())}}function mG(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 hG(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 gG=[`all`,`user`,`code`,`agent`,`devtools`],_G=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],vG=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=gG;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=_G.filter(t=>e.has(t)),r=[...e].filter(e=>!_G.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=ZO;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,$W,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,nG,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,rG,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,pG,3,0,`ol`,19)(27,mG,7,0,`div`,20)(28,hG,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:[DO],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},uK=[`pathInput`],dK=()=>[],fK=(e,t)=>t.formId+`#`+t.seq;function pK(e,t){e&1&&z(0,`span`,6)}function mK(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,21),U(`change`,function(){let t=T(e).$implicit;return E(G().filter.set(t))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G();k(),I(`value`,e)(`checked`,e===n.filter()),k(),X(` `,e,` `)}}function hK(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`),k(),Y(e.outcome)}}function gK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),X(`×`,e.count)}}function _K(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.origin)}}function vK(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`:``),k(),X(`pending `,e.ms,`ms`)}}function yK(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`:``),k(),Z(``,e.renders,` renders: `,(e.rendered??mv(3,dK)).join(`, `))}}function bK(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;k(),Y(e.prev)}}function xK(e,t){if(e&1&&(L(0,`div`,27),M(1,bK,6,1),J(2),R()),e&2){let e=G().$implicit;k(),N(e.prev===void 0?-1:1),k(),X(` `,e.detail,` `)}}function SK(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`from `,e.caller)}}function CK(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,hK,2,2,`span`,26),M(10,gK,2,1,`span`,26),M(11,_K,2,1,`span`,26),M(12,vK,2,2,`span`,26),M(13,yK,2,4,`span`,26),R(),M(14,xK,3,2,`div`,27),M(15,SK,2,1,`span`,28),R()()),e&2){let e=t.$implicit,n=G(2);j(`data-type`,e.type),k(),j(`datetime`,n.iso(e.timestamp)),k(),Y(n.time(e.timestamp)),k(4),Y(e.path||`(form)`),k(2),Y(e.type),k(),N(e.outcome?9:-1),k(),N(e.count&&e.count>1?10:-1),k(),N(e.origin?11:-1),k(),N(e.ms===void 0?-1:12),k(),N(e.renders?13:-1),k(),N(e.prev!==void 0||e.detail?14:-1),k(),N(e.caller?15:-1)}}function wK(e,t){if(e&1&&(L(0,`ol`,19),P(1,CK,16,12,`li`,null,fK),R()),e&2){let e=G();k(),F(e.shown())}}function TK(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 T(e),E(G().clearFilters())}),J(6,`Clear filters`),R()()}}function EK(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 DK=[`all`,`user`,`code`,`agent`,`devtools`],OK=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],kK=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=DK;filter=O(`all`);pathFilter=O(``);typeFilter=O(`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=OK.filter(t=>e.has(t)),r=[...e].filter(e=>!OK.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=QO;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&l_(t.pathInput,uK,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,pK,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,mK,3,3,`label`,null,Ag),R()(),L(14,`div`,10)(15,`div`,11),D(),L(16,`svg`,12),z(17,`circle`,13)(18,`path`,14),R(),_s(),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 T(e),sv(t.typeFilter,n)||(t.typeFilter=n),E(n)}),R(),L(22,`span`,17),J(23),R(),L(24,`span`,18),J(25),R()(),M(26,wK,3,0,`ol`,19)(27,TK,7,0,`div`,20)(28,EK,5,0,`div`,20)}e&2&&(k(),q(`on`,t.recording()),k(),I(`checked`,t.recording()),k(3),N(t.recording()?5:-1),k(7),F(t.origins),k(7),I(`value`,t.pathFilter()),k(2),I(`options`,t.typeOptions()),ov(`value`,t.typeFilter),k(2),Y(t.summary()),k(2),Y(t.filterStatus()),k(),N(t.shown().length?26:t.events().length?27:28))},dependencies:[OO],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -10506,7 +10737,7 @@ time[_ngcontent-%COMP%] {
     justify-content: center;
     padding: 0 8px;
   }
-}`]})},yG=(e,t)=>t.path;function bG(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function xG(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();A(),Y(e.description)}}function SG(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();A(),Y(e.error)}}function CG(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 wG(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,CG,4,2,`li`,null,yG),V()()),e&2){let e=G();A(4),F(e.blocking)}}function TG(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,TG,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 DG(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 OG(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 kG(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,OG,4,2,`li`,null,yG),V()()),e&2){let e=G();A(4),F(e.requiredChanged)}}function AG(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;A(),X(``,e.ms,` ms`)}}function jG(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 MG(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.detail)}}function NG(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,AG,2,1,`span`,10),M(7,jG,2,1,`span`,10),M(8,MG,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 PG(e,t){if(e&1&&(B(0,`ul`),P(1,NG,9,10,`li`,null,kg),V()),e&2){let e=G();A(),F(e.calls)}}function FG(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function IG(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function LG(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,bG,2,0,`span`,6),V(),M(9,xG,2,1,`p`,7),M(10,SG,2,1,`p`,8),M(11,wG,6,0,`div`,9),M(12,DG,6,0,`div`,9),M(13,kG,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,PG,3,0,`ul`)(18,FG,2,0,`p`,10)(19,IG,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 RG(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 zG={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},BG=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 zG[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,LG,20,10,`section`,0)(1,RG,8,0,`p`,1),e&2){let e;N((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[hb],styles:[`[_nghost-%COMP%] {
+}`]})},AK=(e,t)=>t.path;function jK(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function MK(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.description)}}function NK(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();k(),Y(e.error)}}function PK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is `,e.reason,` `)}}function FK(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,PK,4,2,`li`,null,AK),V()()),e&2){let e=G();k(4),F(e.blocking)}}function IK(e,t){e&1&&(B(0,`span`,12),J(1,`required`),V())}function LK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),M(3,IK,2,0,`span`,12),V()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e),k(),N(n.isRequired(e)?3:-1)}}function RK(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Inputs`),V(),B(3,`ul`,11),P(4,LK,4,2,`li`,null,Ag),V()()),e&2){let e=G();k(4),F(e.inputs)}}function zK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is now `,e.now?`required`:`optional`,` `)}}function BK(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,zK,4,2,`li`,null,AK),V()()),e&2){let e=G();k(4),F(e.requiredChanged)}}function VK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(``,e.ms,` ms`)}}function HK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(`fields `,e.fields.join(`, `))}}function UK(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function WK(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,VK,2,1,`span`,10),M(7,HK,2,1,`span`,10),M(8,UK,2,1,`pre`,13),V()),e&2){let e=t.$implicit,n=G(3);k(),j(`datetime`,n.iso(e.at)),k(),Y(wv(3,7,e.at,`HH:mm:ss`)),k(2),j(`data-state`,e.outcome),k(),Y(n.outcome(e.outcome)),k(),N(e.ms===void 0?-1:6),k(),N(e.fields?.length?7:-1),k(),N(e.detail?8:-1)}}function GK(e,t){if(e&1&&(B(0,`ul`),P(1,WK,9,10,`li`,null,kg),V()),e&2){let e=G();k(),F(e.calls)}}function KK(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function qK(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function JK(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,jK,2,0,`span`,6),V(),M(9,MK,2,1,`p`,7),M(10,NK,2,1,`p`,8),M(11,FK,6,0,`div`,9),M(12,RK,6,0,`div`,9),M(13,BK,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,GK,3,0,`ul`)(18,KK,2,0,`p`,10)(19,qK,2,0,`p`,10),V()()),e&2){let e=t,n=G();k(5),Y(e.name),k(),j(`data-state`,e.status),k(),Y(n.statusText()),k(),N(e.duplicate?8:-1),k(),N(e.description?9:-1),k(),N(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),k(),N(e.blocking?.length?11:-1),k(),N(e.inputs?.length?12:-1),k(),N(e.requiredChanged?.length?13:-1),k(4),N(e.calls?.length?17:e.seen===`list`?18:19)}}function YK(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 XK={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},ZK=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 XK[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,JK,20,10,`section`,0)(1,YK,8,0,`p`,1),e&2){let e;N((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[hb],styles:[`[_nghost-%COMP%] {
   display: contents;
 }
 
@@ -10626,7 +10857,7 @@ li[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%]    + *[_ngcontent-%COMP%] {
   font-size: 12px;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
-}`]})},VG=()=>[],HG=(e,t)=>t.id,UG=(e,t)=>t.node.path;function WG(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function GG(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 KG(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function qG(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 JG(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 YG(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 XG(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(A(),Y(t))}function ZG(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,XG,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 QG(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 $G(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 eK(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();A(),Y(e.submitted?`submitted`:`not submitted`)}}function tK(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function nK(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 rK(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,nK,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 iK(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 aK(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);A(),Y(e.writesOff)}}function oK(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 sK(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 cK(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 lK(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 uK(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,cK,6,3,`div`,7),M(4,lK,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 dK(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function fK(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 pK(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function mK(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 hK(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 gK(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 _K(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function vK(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 yK(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function bK(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function xK(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function SK(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 CK(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function wK(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function TK(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 DK(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.node.accessor)}}function OK(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(`name `,e.node.name)}}function kK(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 AK(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;A(),X(`disabled: `,e)}}function jK(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 MK(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 NK(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,jK,2,1,`span`,68),M(5,MK,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 PK(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function FK(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 IK(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,uK,5,5),R(),L(8,`td`,63),M(9,dK,2,0,`span`,7)(10,fK,2,2,`span`,29),R(),L(11,`td`,64),M(12,pK,2,0,`span`),M(13,mK,2,1,`span`),M(14,hK,2,1,`span`),M(15,gK,2,1,`span`,65),M(16,_K,2,0,`span`,65),M(17,vK,2,1,`span`),M(18,yK,2,0,`span`),M(19,bK,2,0,`span`),M(20,xK,2,0,`span`),M(21,SK,2,1,`span`),M(22,CK,2,0,`span`),M(23,wK,2,0,`span`),M(24,TK,2,0,`span`),P(25,EK,2,1,`span`,null,Ag),M(27,DK,2,1,`span`),M(28,OK,2,1,`span`),P(29,kK,3,3,`span`,null,kg),P(31,AK,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,NK,6,4,`div`,null,kg),M(36,PK,2,0,`div`,67),R()(),M(37,FK,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,VG)),A(2),F(e.node.disabledReasons??mv(29,VG)),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 LK(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function RK(e,t){e&1&&J(0,` No field matches the selected filters. `)}function zK(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 BK(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,LK,1,1)(4,RK,1,0),R(),M(5,zK,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 VK(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 HK(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,sK,3,2,`label`,null,HG),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,IK,38,30,null,null,UG,!1,BK,6,2,`tr`),R()()(),M(28,VK,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 UK(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 WK(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 GK(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 KK(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,eK,2,1,`span`),M(16,tK,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,rK,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,iK,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,aK,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,oK,2,5,`button`,44,HG),R(),L(51,`div`,45),M(52,HK,29,4)(53,UK,2,4)(54,WK,1,3,`app-forms-submit`,46)(55,GK,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 qK(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,YG,3,1,`label`,12),L(7,`ul`,13),P(8,ZG,12,10,`li`,null,HG),R()(),M(10,QG,7,2,`section`,14)(11,$G,7,1,`section`,14)(12,KK,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 JK=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],YK=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function XK(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 ZK(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+ZK(t),0)}function QK(e){return e.children?e.children.reduce((e,t)=>e+QK(t),0):+(e.type===`control`&&e.materialized!==!1)}var $K=class e{rpc=$(null);focus=$(null);canWrite=Q(()=>nD(this.rpc(),`forms`));redactLabel=YE;writesOff=yE(`forms`);focusHandled=Rv();forms=k([]);webMcp=k([]);events=k([]);loading=k(!0);failed=k(!1);selectedId=k(null);selectedLabel=k(null);hostPageId=IE();allPages=k(!1);visible=Q(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>WE(e.id)===t):e});otherPages=Q(()=>this.forms().some(e=>WE(e.id)!==this.hostPageId));instrumented=k([]);recording=Q(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=k(``);tabs=JK;chips=YK;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=WE(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:QK(e.root),errors:ZK(e.root)}])));chosen=Q(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=WE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&WE(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=>XK(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()[WE(e)]??0:0});maxEvents=Q(()=>tD(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 ZE(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(QE(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&&ZE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await ZE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set(QE(n))}selectForm(e){this.hostPageId&&WE(e)&&WE(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 ZE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set(QE(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=KE[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 GE[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,WG,4,0,`div`,1)(1,GG,7,0,`div`,2)(2,KG,4,0,`div`,1)(3,qG,5,0,`div`,3)(4,JG,7,2,`div`,3)(5,qK,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:[HW,vG,ZW,QW,BG,nk,gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},QK=()=>[],$K=(e,t)=>t.id,eq=(e,t)=>t.node.path;function tq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function nq(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function rq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function iq(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 aq(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 T(e),E(G().allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}if(e&2){let e=G();k(4),Z(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function oq(e,t){if(e&1){let e=H();L(0,`label`,12)(1,`input`,16),U(`change`,function(t){return T(e),E(G(2).allPages.set(t.target.checked))}),R(),J(2,` All pages `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.allPages())}}function sq(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(k(),Y(t))}function cq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,17),U(`click`,function(){let t=T(e).$implicit;return E(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,sq,4,1,`span`,23),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`active`,n.id===r.selected()?.id),j(`aria-current`,n.id===r.selected()?.id?`true`:null),k(),j(`data-status`,n.root.status),k(),j(`title`,n.label),k(),Y(n.label),k(2),X(``,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),X(`, `,n.root.status),k(),N((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function lq(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(){T(e);let t=G(2);return E(t.selectForm(t.visible()[0].id))}),J(6),R()()}if(e&2){let e=G(2);k(2),Y(t),k(4),X(` Show `,e.visible()[0].label,` `)}}function uq(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 T(e),E(G(2).allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}e&2&&(k(2),Y(t))}function dq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();k(),Y(e.submitted?`submitted`:`not submitted`)}}function fq(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function pq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,47),U(`click`,function(){let t=T(e).$implicit;return E(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;k(5),Y(e.path||`(form)`),k(3),X(` `,e.message,` `),k(2),Y(e.kind)}}function mq(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,pq,11,3,`li`,null,kg),R()()),e&2){let e=G();k(2),X(`Error summary (`,e.errorSummary.length,`)`),k(2),F(e.errorSummary)}}function hq(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return T(e),E(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()),k(),X(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function gq(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);k(),Y(e.writesOff)}}function _q(e,t){if(e&1){let e=H();L(0,`button`,49),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `)}}function vq(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,16),U(`change`,function(){let t=T(e).$implicit;return E(G(4).toggleChip(t.id))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G(4);k(),I(`checked`,n.active().has(e.id)),k(),X(` `,e.label,` `)}}function yq(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;k(3),Y(Cv(4,1,e.node.uncommitted))}}function bq(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;k(3),Y(Cv(4,1,e.node.defaultValue))}}function xq(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,yq,6,3,`div`,7),M(4,bq,5,3,`div`,7)),e&2){let e=G().$implicit;k(),Y(Cv(2,3,e.node.value)),k(2),N(e.node.uncommitted===void 0?-1:3),k(),N(e.node.defaultValue===void 0?-1:4)}}function Sq(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function Cq(e,t){if(e&1&&(L(0,`span`,29),J(1),R()),e&2){let e=G().$implicit;j(`data-status`,e.node.status),k(),Y(e.node.status)}}function wq(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function Tq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function Eq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`not validated (`,e.node.skipped,`)`)}}function Dq(e,t){if(e&1&&(L(0,`span`,65),J(1),R()),e&2){let e=G().$implicit;k(),X(`stale: `,e.node.stale.join(`, `))}}function Oq(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function kq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),X(`redacted: `,t.redactLabel(e.node.redacted))}}function Aq(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function jq(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function Mq(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function Nq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`updates on `,e.node.updateOn)}}function Pq(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function Fq(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function Iq(e,t){e&1&&(L(0,`span`),J(1,`async validator`),R())}function Lq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Rq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.accessor)}}function zq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`name `,e.node.name)}}function Bq(e,t){if(e&1&&(L(0,`span`),J(1),xv(2,`json`),R()),e&2){let e=t.$implicit;k(),X(`metadata `,Cv(2,1,e))}}function Vq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),X(`disabled: `,e)}}function Hq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit;k(),X(`at `,e.params.path)}}function Uq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(5);k(),Y(t.sourceText(e))}}function Wq(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,Hq,2,1,`span`,68),M(5,Uq,2,1,`span`,68),R()),e&2){let e=t.$implicit,n=G().$implicit,r=G(4);k(),X(` `,r.errorText(n.node,e),` `),k(2),Y(e.kind),k(),N(e.kind===`standardSchema`&&e.params?.path?4:-1),k(),N(e.source?5:-1)}}function Gq(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function Kq(e,t){if(e&1&&(L(0,`tr`)(1,`td`,69),J(2),R()()),e&2){let e=G().$implicit;k(),K(`padding-left`,28+e.depth*16,`px`),k(),Z(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function qq(e,t){if(e&1){let e=H();L(0,`tr`,58),U(`mouseenter`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return T(e),E(G(4).highlight(null,``))}),L(1,`th`,59)(2,`button`,60),U(`focus`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`blur`,function(){return T(e),E(G(4).highlight(null,``))})(`click`,function(){let t=T(e).$implicit;return E(G(4).toggleField(t.node.path))}),J(3),R(),L(4,`span`,61),J(5),R()(),L(6,`td`,62),M(7,xq,5,5),R(),L(8,`td`,63),M(9,Sq,2,0,`span`,7)(10,Cq,2,2,`span`,29),R(),L(11,`td`,64),M(12,wq,2,0,`span`),M(13,Tq,2,1,`span`),M(14,Eq,2,1,`span`),M(15,Dq,2,1,`span`,65),M(16,Oq,2,0,`span`,65),M(17,kq,2,1,`span`),M(18,Aq,2,0,`span`),M(19,jq,2,0,`span`),M(20,Mq,2,0,`span`),M(21,Nq,2,1,`span`),M(22,Pq,2,0,`span`),M(23,Fq,2,0,`span`),M(24,Iq,2,0,`span`),P(25,Lq,2,1,`span`,null,Ag),M(27,Rq,2,1,`span`),M(28,zq,2,1,`span`),P(29,Bq,3,3,`span`,null,kg),P(31,Vq,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,Wq,6,4,`div`,null,kg),M(36,Gq,2,0,`div`,67),R()(),M(37,Kq,3,4,`tr`)}if(e&2){let e=t.$implicit,n=G(4);q(`invalid`,e.node.errors.length),k(),K(`padding-left`,12+e.depth*16,`px`),k(),j(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),k(),X(` `,e.node.key||`(form)`,` `),k(2),Y(e.node.type),k(2),N(e.node.type===`control`?7:-1),k(2),N(e.node.materialized===!1?9:10),k(3),N(e.node.touched?12:-1),k(),N(e.node.dirty?13:-1),k(),N(e.node.skipped?14:-1),k(),N(e.node.stale?.length?15:-1),k(),N(e.node.dom?.drift===void 0?-1:16),k(),N(e.node.redacted?17:-1),k(),N(e.node.required?18:-1),k(),N(e.node.readonly?19:-1),k(),N(e.node.hidden?20:-1),k(),N(e.node.updateOn?21:-1),k(),N(e.node.debouncing?22:-1),k(),N(e.node.validators?.sync?23:-1),k(),N(e.node.validators?.async?24:-1),k(),F(n.constraintList(e.node)),k(2),N(e.node.accessor?27:-1),k(),N(e.node.name?28:-1),k(),F(e.node.metadata??mv(28,QK)),k(2),F(e.node.disabledReasons??mv(29,QK)),k(3),F(e.node.errors),k(2),N(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),k(),N(e.node.truncated?37:-1)}}function Jq(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function Yq(e,t){e&1&&J(0,` No field matches the selected filters. `)}function Xq(e,t){if(e&1){let e=H();L(0,`button`,8),U(`click`,function(){T(e),G(2);let t=d_(2);return E(G(3).clearFilters(t))}),J(1,` Clear filters `),R()}}function Zq(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,Jq,1,1)(4,Yq,1,0),R(),M(5,Xq,2,0,`button`,71),R()()),e&2){let e=G(4);k(3),N(e.filter()?3:4),k(2),N(e.filtering()?5:-1)}}function Qq(e,t){if(e&1){let e=H();L(0,`app-forms-field-detail`,72),U(`closed`,function(){return T(e),E(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 $q(e,t){if(e&1){let e=H();L(0,`div`,50)(1,`input`,51,0),U(`input`,function(t){return T(e),E(G(3).onFilter(t))})(`keydown.escape`,function(){return T(e),E(G(3).filter.set(``))}),R(),L(3,`fieldset`,52)(4,`legend`,22),J(5,`Show only fields that are`),R(),P(6,vq,3,2,`label`,null,$K),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,qq,38,30,null,null,eq,!1,Zq,6,2,`tr`),R()()(),M(28,Qq,1,4,`app-forms-field-detail`,57)}if(e&2){let e,t=G(3);k(),I(`value`,t.filter()),k(5),F(t.chips),k(3),Y(t.filterStatus()),k(16),F(t.rows()),k(3),N((e=t.selectedNode())?28:-1,e)}}function eJ(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 T(e),E(G(3).setRecording(t))}),R()}if(e&2){let e=G(3);I(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),k(),I(`events`,e.selectedEvents())(`recording`,e.recording())}}function tJ(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 nJ(e,t){if(e&1){let e=H();L(0,`app-forms-lint`,75),U(`showField`,function(t){return T(e),E(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 rJ(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,dq,2,1,`span`),M(16,fq,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,mq,6,1,`details`,31),z(25,`app-forms-webmcp`,32),L(26,`div`,33)(27,`div`,34)(28,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`touch-all`))}),J(29,` Touch all `),R(),L(30,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`revalidate`))}),J(31,` Revalidate `),R(),L(32,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`focus-first-invalid`))}),J(33,` Focus first invalid `),R(),L(34,`button`,8),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),J(35),R(),z(36,`span`,36),L(37,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`snapshot`))}),J(38,`Snapshot`),R(),M(39,hq,2,6,`button`,37),z(40,`span`,38),L(41,`button`,39),U(`click`,function(){return T(e),E(G(2).confirmAct(`reset`))}),J(42),R(),L(43,`button`,40),U(`click`,function(){return T(e),E(G(2).confirmAct(`submit`))}),J(44),R()(),M(45,gq,2,1,`p`,41),L(46,`p`,42),J(47),R()(),L(48,`div`,43),U(`keydown`,function(t){return T(e),E(G(2).onKey(t))}),P(49,_q,2,5,`button`,44,$K),R(),L(51,`div`,45),M(52,$q,29,4)(53,eJ,2,4)(54,tJ,1,3,`app-forms-submit`,46)(55,nJ,1,3,`app-forms-lint`,46),R()()}if(e&2){let e,n=t,r=G(2);k(3),Y(n.label),k(2),X(` `,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),j(`data-status`,n.root.status),k(),Y(n.root.status),k(2),Y(n.root.dirty?`dirty`:`pristine`),k(2),Y(n.root.touched?`touched`:`untouched`),k(),N(n.submitted===void 0?-1:15),k(),N(n.root.submitting?16:-1),k(3),Y(r.counts().get(n.id)?.fields),k(2),q(`has-errors`,r.counts().get(n.id)?.errors),k(),Y(r.counts().get(n.id)?.errors),k(2),N(n.errorSummary?.length?24:-1),k(),I(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),k(3),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(2),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(4),q(`on`,r.picking()),j(`aria-pressed`,!!r.picking()),k(),X(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),k(4),N(r.snapshot()?39:-1),k(2),q(`armed`,r.armed()===`reset`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),k(),q(`armed`,r.armed()===`submit`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),k(),N(r.canWrite()?-1:45),k(2),Y(r.message()),k(2),F(r.tabs),k(2),I(`id`,`forms-panel-`+r.tab_()),j(`aria-labelledby`,`forms-tab-`+r.tab_()),k(),N((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function iJ(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,oq,3,1,`label`,12),L(7,`ul`,13),P(8,cq,12,10,`li`,null,$K),R()(),M(10,lq,7,2,`section`,14)(11,uq,7,1,`section`,14)(12,rJ,56,41,`section`,15),R()),e&2){let e,t=G();k(5),Y(t.visible().length),k(),N(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),k(2),F(t.visible()),k(2),N((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}var aJ=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],oJ=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function sJ(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 cJ(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+cJ(t),0)}function lJ(e){return e.children?e.children.reduce((e,t)=>e+lJ(t),0):+(e.type===`control`&&e.materialized!==!1)}var uJ=class e{rpc=$(null);focus=$(null);canWrite=Q(()=>rD(this.rpc(),`forms`));redactLabel=XE;writesOff=bE(`forms`);focusHandled=Rv();forms=O([]);webMcp=O([]);events=O([]);loading=O(!0);failed=O(!1);selectedId=O(null);selectedLabel=O(null);hostPageId=LE();allPages=O(!1);visible=Q(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>GE(e.id)===t):e});otherPages=Q(()=>this.forms().some(e=>GE(e.id)!==this.hostPageId));instrumented=O([]);recording=Q(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=O(``);tabs=aJ;chips=oJ;tab_=O(`fields`);active=O(new Set);filtering=Q(()=>!!this.filter()||this.active().size>0);filterStatus=O(``);version=O(0);message=O(``);webMcpPage(e){let t=GE(e);return this.webMcp().find(e=>e.pageId===t)}picking=O(null);pickSeq=0;unsubscribe=null;destroyRef=C(Ds);host=C(Il);injector=C(Ts);counts=Q(()=>new Map(this.visible().map(e=>[e.id,{fields:lJ(e.root),errors:cJ(e.root)}])));chosen=Q(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=GE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&GE(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=>sJ(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=O({});droppedEvents=Q(()=>{let e=this.selected()?.id;return e?this.dropped()[GE(e)]??0:0});maxEvents=Q(()=>nD(this.rpc()).limits.formTimeline);selectedEvents=Q(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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 QE(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($E(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&&QE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await QE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set($E(n))}selectForm(e){this.hostPageId&&GE(e)&&GE(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),Hd(()=>{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 QE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set($E(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=qE[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 KE[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=A({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,tq,4,0,`div`,1)(1,nq,7,0,`div`,2)(2,rq,4,0,`div`,1)(3,iq,5,0,`div`,3)(4,aq,7,2,`div`,3)(5,iJ,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:[$G,kK,cK,lK,ZK,rk,gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -11682,7 +11913,7 @@ code[_ngcontent-%COMP%] {
    .divider[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},eq=[`filterInput`],tq=(e,t)=>t.file+t.name,nq=(e,t)=>t.file+`:`+t.line,rq=(e,t)=>t.name;function iq(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 aq(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 oq(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function sq(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 cq(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 lq(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function uq(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function dq(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,lq,1,0)(6,uq,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 fq(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function pq(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 mq(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function hq(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function gq(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function _q(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function vq(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function yq(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 bq(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 xq(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,fq,2,0,`span`,46),M(10,pq,2,1,`span`,47),M(11,mq,2,0,`span`,48),M(12,hq,2,0,`span`,48),M(13,gq,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,_q,2,0,`span`,50)(18,vq,1,2),M(19,yq,2,1,`span`,51)(20,bq,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 Sq(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,xq,21,16,`li`,null,tq),R()}if(e&2){let e=G(2);A(),F(e.filtered())}}function Cq(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function wq(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function Tq(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,Cq,1,1)(5,wq,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 Dq(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function Oq(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 kq(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 Aq(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 jq(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,Aq,2,2,`li`,55,nq),R()()),e&2){let e=G();A(4),Y(e.usageCount),A(2),F(e.usages)}}function Mq(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 Nq(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 Pq(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 Fq(e,t){if(e&1&&(L(0,`li`),M(1,Nq,5,3,`button`,62)(2,Pq,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;A(),N((e=n.targets?.[0])?1:2,e)}}function Iq(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 Lq(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);A(),Y(e.lastError)}}function Rq(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,Lq,2,1,`span`,66),R()),e&2){let e=G();A(3),X(` `,e.errorCount,` `),A(),N(e.lastError?4:-1)}}function zq(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 Bq(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 Vq(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 Hq(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.lastCaller)}}function Uq(e,t){if(e&1&&(L(0,`li`,67),M(1,zq,3,2,`button`,62)(2,Bq,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,Vq,2,1,`span`,68),R(),M(8,Hq,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 Wq(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 Gq(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,Uq,9,6,`li`,67,kg),R(),M(6,Wq,2,2,`p`,61),R()),e&2){let e=G();A(4),F(e.instances),A(2),N(e.instanceTotal?6:-1)}}function Kq(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 qq(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,Iq,4,3),M(5,Rq,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,Gq,7,1),M(15,Kq,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 Jq(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function Yq(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 Xq(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function Zq(e,t){if(e&1&&(M(0,Mq,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,Fq,3,1,`li`,null,rq),R()(),M(12,qq,16,7)(13,Jq,4,0),R(),M(14,Yq,2,0,`p`,61),M(15,Xq,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 Qq(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 $q(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,Dq,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,Oq,4,2),M(20,kq,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,jq,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,Zq,16,5)(30,Qq,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 eJ(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 tJ(e,t){if(e&1&&(M(0,dq,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,Sq,3,0,`ul`,36)(4,Tq,8,1,`div`,37),R(),L(5,`section`,38),M(6,$q,31,13)(7,eJ,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 nJ(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 rJ(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 iJ(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.component)}}function aJ(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function oJ(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function sJ(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function cJ(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,rJ,2,2,`button`,77)(2,iJ,2,1,`span`,78),M(3,aJ,2,0,`span`,48),M(4,oJ,2,0,`span`,46),M(5,sJ,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 lJ(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,nJ,2,2,`p`,61),L(14,`ul`,74),P(15,cJ,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 uJ(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(A(),Y(t.length))}function dJ(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function fJ(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function pJ(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function mJ(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 hJ(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function gJ(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,mJ,4,1,`button`,86)(9,hJ,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 _J(e,t){if(e&1&&(L(0,`ul`,25),P(1,gJ,18,9,`li`,81,kg),R()),e&2){let e=G();A(),F(e.lint())}}var vJ=5e3,yJ=[{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`}],bJ=class e{destroyRef=w(Es);host=w(Fl);injector=w(ws);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=yJ;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=IE(),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:IE()??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.`)},vJ)}}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,eq,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,iq,6,1,`p`,14),M(19,aq,8,1,`p`,14),M(20,oq,4,0,`div`,15)(21,sq,7,0,`div`,16)(22,cq,5,0,`div`,17)(23,tJ,8,3),M(24,lJ,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,uJ,2,1,`span`,21),R(),M(29,dJ,2,0,`p`,22)(30,fJ,2,0,`p`,23)(31,pJ,2,0,`p`,24)(32,_J,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:[DO,Dj],styles:[`[_nghost-%COMP%] {
+}`]})},dJ=[`filterInput`],fJ=(e,t)=>t.file+t.name,pJ=(e,t)=>t.file+`:`+t.line,mJ=(e,t)=>t.name;function hJ(e,t){e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),L(4,`span`),J(5),R()()),e&2&&(k(5),Y(t))}function gJ(e,t){if(e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),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();k(6),X(`Recording on `,e.instrumentedPages().length,` page(s).`)}}function _J(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function vJ(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 T(e),E(G().refresh())}),J(6,`Try again`),R()()}}function yJ(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 bJ(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function xJ(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function SJ(e,t){if(e&1){let e=H();L(0,`div`,33),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,39),R(),_s(),L(4,`span`),M(5,bJ,1,0)(6,xJ,1,0),R(),L(7,`button`,11),U(`click`,function(){return T(e),E(G(2).refresh())}),J(8,`Try again`),R()()}if(e&2){let e=G(2);k(5),N(e.pipes().length?5:6),k(2),I(`disabled`,e.loading())}}function CJ(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function wJ(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){G();let e=fv(0);k(),X(``,e.instanceCount,` live`)}}function TJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function EJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function DJ(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function OJ(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function kJ(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function AJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),X(`+`,(e.usageCount??1)-1,` more`)}}function jJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function MJ(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,41),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))})(`focus`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`blur`,function(){return T(e),E(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,CJ,2,0,`span`,46),M(10,wJ,2,1,`span`,47),M(11,TJ,2,0,`span`,48),M(12,EJ,2,0,`span`,48),M(13,DJ,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,OJ,2,0,`span`,50)(18,kJ,1,2),M(19,AJ,2,1,`span`,51)(20,jJ,2,2,`span`,51),R()()()}if(e&2){let e=t.$implicit,n=G(3),r=dv(n.liveFor(e.name));k(2),q(`selected`,n.isSelected(e)),j(`aria-current`,n.isSelected(e)||null),k(3),Y(e.name),k(2),Y(e.className),k(2),N(r?.stale?9:-1),k(),N(r?10:-1),k(),N(e.builtin?11:-1),k(),N(e.runtime?12:-1),k(),N(e.isStandalone?-1:13),k(),q(`impure`,!e.isPure),k(),Y(e.isPure?`pure`:`impure`),k(2),N(e.runtime?17:18),k(2),N(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function NJ(e,t){if(e&1){let e=H();L(0,`ul`,40),U(`keydown`,function(t){return T(e),E(G(2).onListKey(t))}),P(1,MJ,21,16,`li`,null,fJ),R()}if(e&2){let e=G(2);k(),F(e.filtered())}}function PJ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function FJ(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function IJ(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,PJ,1,1)(5,FJ,1,0),R(),L(6,`button`,32),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(7,`Clear filters`),R()()}if(e&2){let e=G(2);k(4),N(e.filter().trim()?4:5)}}function LJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function RJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function zJ(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();k(3),I(`file`,e.file)(`line`,e.line)}}function BJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Standalone`),R(),L(2,`dd`),J(3),R()),e&2){let e=G();k(3),Y(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function VJ(e,t){if(e&1&&(L(0,`li`,55),z(1,`app-source-link`,57),R()),e&2){let e=t.$implicit;k(),I(`file`,e.file)(`line`,e.line)}}function HJ(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,VJ,2,2,`li`,55,pJ),R()()),e&2){let e=G();k(4),Y(e.usageCount),k(2),F(e.usages)}}function UJ(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 WJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(5).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(5).highlight(t))})(`mouseleave`,function(){return T(e),E(G(5).highlight(null))})(`focus`,function(){let t=T(e);return E(G(5).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.name),k(2),Y(e.count)}}function GJ(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;k(2),Y(e.name),k(2),Y(e.count)}}function KJ(e,t){if(e&1&&(L(0,`li`),M(1,WJ,5,3,`button`,62)(2,GJ,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;k(),N((e=n.targets?.[0])?1:2,e)}}function qJ(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);k(3),rv(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function JJ(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);k(),Y(e.lastError)}}function YJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,JJ,2,1,`span`,66),R()),e&2){let e=G();k(3),X(` `,e.errorCount,` `),k(),N(e.lastError?4:-1)}}function XJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(7).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(7).highlight(t))})(`mouseleave`,function(){return T(e),E(G(7).highlight(null))})(`focus`,function(){let t=T(e);return E(G(7).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.component)}}function ZJ(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.component)}}function QJ(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(6);k(),Y(t.ms(e.totalMs))}}function $J(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.lastCaller)}}function eY(e,t){if(e&1&&(L(0,`li`,67),M(1,XJ,3,2,`button`,62)(2,ZJ,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,QJ,2,1,`span`,68),R(),M(8,$J,2,1,`span`,69),R()),e&2){let e,n=t.$implicit,r=G(6);k(),N((e=n.target)?1:2,e),k(3),Z(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),k(2),X(``,n.callCount,`×`),k(),N(n.totalMs===void 0?-1:7),k(),N(n.lastCaller?8:-1)}}function tY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function nY(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,eY,9,6,`li`,67,kg),R(),M(6,tY,2,2,`p`,61),R()),e&2){let e=G();k(4),F(e.instances),k(2),N(e.instanceTotal?6:-1)}}function rY(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();k(3),Y(e.lastCaller)}}function iY(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,qJ,4,3),M(5,YJ,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,nY,7,1),M(15,rY,4,1)),e&2){let e=t,n=G(4);k(3),Y(e.callCount),k(),N(e.totalMs===void 0?-1:4),k(),N(e.errorCount?5:-1),k(4),Y(n.describe(e.lastArgs)),k(4),Y(n.describe(e.lastResult)),k(),N(e.instances?.length?14:-1),k(),N(e.lastCaller?15:-1)}}function aY(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function oY(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 sY(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function cY(e,t){if(e&1&&(M(0,UJ,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,KJ,3,1,`li`,null,mJ),R()(),M(12,iY,16,7)(13,aY,4,0),R(),M(14,oY,2,0,`p`,61),M(15,sY,2,0,`p`,61)),e&2){let e,n=t,r=G(3);N(n.stale?0:-1),k(5),Y(n.instanceCount),k(5),F(n.components),k(2),N((e=n.call)?12:r.instrumenting()?13:-1,e),k(2),N(n.staleCheck===`unavailable`?14:-1),k(),N(!n.call&&!r.instrumenting()?15:-1)}}function lY(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 uY(e,t){if(e&1&&(L(0,`header`,52)(1,`h2`,53),J(2),R(),L(3,`span`,48),J(4),R(),M(5,LJ,2,0,`span`,48),M(6,RJ,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,zJ,4,2),M(20,BJ,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,HJ,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,cY,16,5)(30,lY,2,0,`p`,56),R()),e&2){let e,n=t,r=G(2);k(2),Y(n.name),k(),q(`impure`,!n.isPure),k(),Y(n.isPure?`pure`:`impure`),k(),N(n.builtin?5:-1),k(),N(n.runtime?6:-1),k(8),Y(n.className),k(4),Y(r.sourceLabel(n)),k(),N(!n.builtin&&!n.runtime?19:-1),k(),N(n.runtime?-1:20),k(4),X(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),k(),N(n.usages?.length?25:-1),k(4),N((e=r.liveFor(n.name))?29:30,e)}}function dY(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 fY(e,t){if(e&1&&(M(0,SJ,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,NJ,3,0,`ul`,36)(4,IJ,8,1,`div`,37),R(),L(5,`section`,38),M(6,uY,31,13)(7,dY,7,0),R()()),e&2){let e,t=G();N(t.loadFailed()?0:-1),k(3),N(t.filtered().length?3:4),k(3),N((e=t.selected())?6:7,e)}}function pY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function mY(e,t){if(e&1){let e=H();L(0,`button`,80),U(`click`,function(){let t=T(e);return E(G(3).highlight(t))})(`focus`,function(){let t=T(e);return E(G(3).highlight(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))}),J(1),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),k(),X(` `,e.component,` `)}}function hY(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function gY(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function _Y(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function vY(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function yY(e,t){if(e&1){let e=H();L(0,`li`,76),U(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.target))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,mY,2,2,`button`,77)(2,hY,2,1,`span`,78),M(3,gY,2,0,`span`,48),M(4,_Y,2,0,`span`,46),M(5,vY,2,0,`span`,46),L(6,`span`,79),J(7),R()()}if(e&2){let e,n=t.$implicit;k(),N((e=n.target)?1:2,e),k(2),N(n.hasSource?-1:3),k(),N(n.duplicate?4:-1),k(),N(n.resubscribing?5:-1),k(2),Y(n.latestValue??`no value yet`)}}function bY(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,pY,2,2,`p`,61),L(14,`ul`,74),P(15,yY,8,5,`li`,75,kg),R()()),e&2){let e,t=G();k(4),Y(t.async().length),k(9),N((e=t.asyncTotal())?13:-1,e),k(2),F(t.async())}}function xY(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(k(),Y(t.length))}function SY(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function CY(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function wY(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function TY(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e),G();let t=fv(6);return E(G(2).showPipe(t))}),L(1,`span`,91),J(2,`Show pipe `),R(),J(3),R()}if(e&2){let e=G().$implicit;k(3),X(``,e.pipe,` `)}}function EY(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function DY(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,TY,4,1,`button`,86)(9,EY,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;k(2),j(`data-tone`,e.severity),k(),Y(e.severity),k(2),Y(e.rule),k();let n=dv(G(2).pipeFor(e));k(2),N(n?8:9),k(3),I(`file`,e.file)(`line`,e.line),k(2),Y(e.message),k(4),X(` `,e.fix)}}function OY(e,t){if(e&1&&(L(0,`ul`,25),P(1,DY,18,9,`li`,81,kg),R()),e&2){let e=G();k(),F(e.lint())}}var kY=5e3,AY=[{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`}],jY=class e{destroyRef=C(Ds);host=C(Il);injector=C(Ts);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=AY;pipes=O([]);filter=O(``);kind=O(`all`);loading=O(!1);loadFailed=O(!1);selected=O(null);live=O([]);async=O([]);asyncTotal=O(void 0);lint=O(null);lintFailed=O(!1);instrumentedPages=O([]);instrumenting=Q(()=>this.instrumentedPages().length>0);pendingRecord=O(null);recordMessage=O(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(){mc(()=>{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=LE(),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:LE()??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.`)},kY)}}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),Hd(()=>{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=A({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,dJ,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),D(),L(4,`svg`,4),z(5,`circle`,5)(6,`path`,6),R(),_s(),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 T(e),sv(t.kind,n)||(t.kind=n),E(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,hJ,6,1,`p`,14),M(19,gJ,8,1,`p`,14),M(20,_J,4,0,`div`,15)(21,vJ,7,0,`div`,16)(22,yJ,5,0,`div`,17)(23,fY,8,3),M(24,bY,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,xY,2,1,`span`,21),R(),M(29,SY,2,0,`p`,22)(30,CY,2,0,`p`,23)(31,wY,2,0,`p`,24)(32,OY,3,0,`ul`,25),R()}if(e&2){let e,n;k(7),I(`value`,t.filter()),k(2),I(`options`,t.kindOptions),ov(`value`,t.kind),k(2),Z(``,t.filtered().length,` of `,t.allPipes().length),k(2),I(`disabled`,t.loading()),k(2),q(`on`,t.instrumenting()),j(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),k(2),X(` `,t.recordLabel(),` `),k(),N((e=t.recordMessage())?18:-1,e),k(),N(t.instrumenting()?19:-1),k(),N(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),k(4),N(t.async().length>0?24:-1),k(4),N((n=t.lint())?28:-1,n),k(),N(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[OO,lM],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -12443,7 +12674,7 @@ button.pipe-link[_ngcontent-%COMP%]:focus-visible {
   .spinner[_ngcontent-%COMP%] {
     animation: none;
   }
-}`]})},xJ=()=>[],SJ=()=>[`/`],CJ=(e,t)=>t.id,wJ=(e,t)=>t.route.id,TJ=(e,t)=>t[0],EJ=(e,t)=>t.file+t.method,DJ=(e,t)=>t.path,OJ=(e,t)=>t.mode,kJ=(e,t)=>t.file,AJ=(e,t)=>t.rule;function jJ(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 MJ(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function NJ(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 PJ(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 FJ(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 IJ(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(A(),Y(t))}function LJ(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 RJ(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.fullPath)}}function zJ(e,t){if(e&1&&(L(0,`li`),M(1,LJ,2,2,`app-source-link`,34)(2,RJ,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 BJ(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 VJ(e,t){if(e&1&&(L(0,`div`,33),P(1,BJ,2,2,`span`,36,TJ),R()),e&2){let e=G(2),t=G(3);A(),F(t.paramList(e.match.params))}}function HJ(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,zJ,5,3,`li`,null,CJ),R(),M(6,VJ,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 UJ(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 WJ(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.path)}}function GJ(e,t){if(e&1&&(L(0,`li`),M(1,UJ,2,2,`app-source-link`,34)(2,WJ,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 KJ(e,t){if(e&1&&(L(0,`ul`,37),P(1,GJ,5,2,`li`,null,kg),R()),e&2){let e=G(2);A(),F(e.match.rejected.slice(0,5))}}function qJ(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,KJ,3,0,`ul`,37)),e&2){let e=G();A(),Y(e.url),A(2),N(e.match.rejected.length?3:-1)}}function JJ(e,t){if(e&1&&(L(0,`div`,27),M(1,HJ,7,2)(2,qJ,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),A(),N(e.match.matched?1:2)}}function YJ(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function XJ(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function ZJ(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 QJ(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function $J(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;A(),X(``,e,`()`)}}function eY(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;A(),X(`"`,e.route.title,`"`)}}function tY(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;A(),Y(e)}}function nY(e,t){if(e&1&&M(0,tY,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function rY(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,YJ,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,XJ,2,0,`span`,41),R()(),L(9,`td`),M(10,ZJ,4,3,`app-source-link`,42)(11,QJ,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,$J,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,eY,2,1,`span`,45),P(18,nY,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,xJ))}}function iY(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function aY(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function oY(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,iY,1,0)(3,aY,1,0),R()()),e&2){let e=G(3);A(2),N(e.filter().trim()?2:3)}}function sY(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,IJ,2,1,`div`,26)(12,JJ,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,rY,20,14,`tr`,30,wJ,!1,oY,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 cY(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 lY(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`load() ran twice`),R(),J(3,` for `),P(4,cY,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 uY(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 dY(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,uY,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 fY(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 pY(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function mY(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 hY(e,t){if(e&1&&(L(0,`p`,66),M(1,pY,1,2),M(2,mY,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 gY(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 _Y(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,gY,2,2,`app-source-link`,88)),e&2){let e=t;A(),Y(e.name),A(),N(e.file?2:-1)}}function vY(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.url)}}function yY(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function bY(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function xY(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,bY,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 SY(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 CY(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 wY(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function TY(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,_Y,3,2)(11,vY,2,1,`span`,85),M(12,yY,2,0,`span`,35),M(13,xY,3,3,`span`,35),M(14,SY,2,2,`span`,35),R(),M(15,CY,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,wY,2,0,`span`,4)(21,TY,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 DY(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,CJ),R()()()),e&2){let e=G(3);A(17),F(e.calls())}}function OY(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function kY(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function AY(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,OY,1,1)(5,kY,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 jY(e,t){e&1&&J(0,` No calls of this kind yet. `)}function MY(e,t){e&1&&J(0,` No calls yet. `)}function NY(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,jY,1,0)(3,MY,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 PY(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 FY(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 IY(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 LY(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,IY,13,7,`tr`,null,CJ),R()()()),e&2){let e=G(3);A(15),F(e.serverFns())}}function RY(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);A(),Y(e.callsOff)}}function zY(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 BY(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 VY(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 HY(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 UY(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 WY(e,t){e&1&&(L(0,`div`,79),M(1,HY,5,1,`div`,72)(2,UY,7,5),R()),e&2&&(A(),N(t.error?1:2))}function GY(e,t){if(e&1){let e=H();M(0,lY,7,0,`div`,48),M(1,dY,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,fY,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,hY,3,2,`p`,66),M(27,DY,19,0,`div`,67)(28,AY,9,1,`div`,68)(29,NY,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,PY,14,7,`tr`,null,EJ,!1,FY,3,0,`tr`),R()()(),M(49,LY,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,RY,2,1,`p`,76)(61,zY,2,1,`p`,77),M(62,BY,6,2),M(63,VY,2,2,`p`,78)(64,WY,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 KY(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 qY(e,t){if(e&1&&(L(0,`div`,33),P(1,KY,2,3,`span`,35,OJ),R()),e&2){let e=G(3);A(),F(e.modeCounts())}}function JY(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function YY(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,JY,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 XY(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}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(3);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,`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,YY,6,5,`div`,43)(11,XY,2,0,`span`,102),R(),L(12,`td`),M(13,ZY,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 $Y(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 eX(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 tX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function nX(e,t){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function rX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function iX(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,rX,2,1,`span`,36,Ag),R()),e&2){let e=G(2);A(3),F(e.fromRules)}}function aX(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function oX(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,aX,2,1,`span`,107,Ag),R()),e&2){let e=G(2);A(3),F(e.staticMissing)}}function sX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function cX(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,sX,2,1,`span`,36,Ag),R()),e&2){let e=G(2);A(3),F(e.dynamic)}}function lX(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function uX(e,t){if(e&1&&(J(0,` · missing `),P(1,lX,2,1,`span`,108,Ag)),e&2){let e=G(3);A(),F(e.notBuilt)}}function dX(e,t){if(e&1&&(J(0),M(1,uX,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 fX(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function pX(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,tX,2,1,`span`,36,Ag),M(6,nX,2,0,`span`,102),R(),M(7,iX,5,0),M(8,oX,5,0),M(9,cX,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,dX,2,2)(14,fX,2,0,`span`,102),R()()),e&2){let e=G();A(4),F(e.listed??mv(5,SJ)),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 mX(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,eX,2,0,`p`,4)(4,pX,15,6,`dl`,105),R()),e&2&&(A(3),N(t.dynamicConfig?3:4))}function hX(e,t){if(e&1&&(M(0,qY,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,QY,14,6,`tr`,null,DJ,!1,$Y,3,0,`tr`),R()()(),M(17,mX,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 gX(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 _X(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 vX(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,gX,3,1,`div`),M(5,_X,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 yX(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,vX,17,9,`tr`,null,kJ),R()()()),e&2){let e=G(3);A(15),F(e.project().content)}}function bX(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 xX(e,t){e&1&&M(0,yX,17,0,`div`,109)(1,bX,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function SX(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.items.length)}}function CX(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 wX(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.path)}}function TX(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,CX,4,3,`app-source-link`,42),M(2,wX,2,1,`span`,40),M(3,TX,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 DX(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,SX,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 OX(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,DX,18,8,`li`,null,AJ),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 kX(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 AX(e,t){e&1&&M(0,OX,5,2)(1,kX,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function jX(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,PJ,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return E(e),D(G().onKey(t))}),P(28,FJ,4,7,`button`,13,CJ),R(),L(30,`div`,14),M(31,sY,29,6)(32,GY,65,21)(33,hX,18,3)(34,xX,2,1)(35,AX,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 MX={"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.`}},NX=200,PX=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`]),FX={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},IX={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},LX={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},RX={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function zX(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),zX(r.children,t+1,n);return n}var BX=class e{rpc=$(null);canCall=Q(()=>nD(this.rpc(),`analog`));callsOff=yE(`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=IE();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=NX;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>=NX);allRoutes=Q(()=>zX(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:FX[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=MX[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=PX.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 VE(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([VE(t,`analog-lint`,this.hostPageId??void 0),VE(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 VE(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 IX[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return FX[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 LX[e]}outcomeTone(e){return RX[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=ZO;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 BE(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 BE(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 VE(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,jJ,7,0,`div`,0)(1,MJ,4,0,`div`,1)(2,NJ,14,0,`div`,2)(3,jX,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[DO,Dj],styles:[`@charset "UTF-8";
+}`]})},MY=()=>[],NY=()=>[`/`],PY=(e,t)=>t.id,FY=(e,t)=>t.route.id,IY=(e,t)=>t[0],LY=(e,t)=>t.file+t.method,RY=(e,t)=>t.path,zY=(e,t)=>t.mode,BY=(e,t)=>t.file,VY=(e,t)=>t.rule;function HY(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function UY(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function WY(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 GY(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;k(3),I(`title`,e.url),k(),Y(e.url)}}function KY(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `),k(),j(`data-tone`,e.tone),k(),Y(e.count)}}function qY(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(k(),Y(t))}function JY(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),k(),Y(t.short(e.file))}}function YY(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.fullPath)}}function XY(e,t){if(e&1&&(L(0,`li`),M(1,JY,2,2,`app-source-link`,34)(2,YY,2,1,`span`,31),L(3,`span`,35),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(2),j(`data-kind`,e.kind),k(),Y(e.kind)}}function ZY(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Z(``,e[0],` = `,e[1])}}function QY(e,t){if(e&1&&(L(0,`div`,33),P(1,ZY,2,2,`span`,36,IY),R()),e&2){let e=G(2),t=G(3);k(),F(t.paramList(e.match.params))}}function $Y(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,XY,5,3,`li`,null,PY),R(),M(6,QY,3,0,`div`,33)),e&2){let e=G(),t=G(3);k(),Y(e.url),k(3),F(e.match.chain),k(2),N(t.paramList(e.match.params).length?6:-1)}}function eX(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),k(),Y(t.short(e.file))}}function tX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function nX(e,t){if(e&1&&(L(0,`li`),M(1,eX,2,2,`app-source-link`,34)(2,tX,2,1,`span`,31),L(3,`span`,4),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(3),Y(e.reason)}}function rX(e,t){if(e&1&&(L(0,`ul`,37),P(1,nX,5,2,`li`,null,kg),R()),e&2){let e=G(2);k(),F(e.match.rejected.slice(0,5))}}function iX(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,rX,3,0,`ul`,37)),e&2){let e=G();k(),Y(e.url),k(2),N(e.match.rejected.length?3:-1)}}function aX(e,t){if(e&1&&(L(0,`div`,27),M(1,$Y,7,2)(2,iX,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),k(),N(e.match.matched?1:2)}}function oX(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function sX(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function cX(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),k(2),Y(t.dir(e.route.file)),k(),Y(t.base(e.route.file))}}function lX(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function uX(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;k(),X(``,e,`()`)}}function dX(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;k(),X(`"`,e.route.title,`"`)}}function fX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;k(),Y(e)}}function pX(e,t){if(e&1&&M(0,fX,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function mX(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,oX,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,sX,2,0,`span`,41),R()(),L(9,`td`),M(10,cX,4,3,`app-source-link`,42)(11,lX,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,uX,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,dX,2,1,`span`,45),P(18,pX,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`),k(2),K(`padding-left`,e.depth*16,`px`),k(),N(e.depth?3:-1),k(2),Y(e.route.fullPath),k(),j(`data-kind`,e.route.kind),k(),Y(n.kindText(e.route)),k(),N(n.isOpen(e.route)?8:-1),k(2),N(e.route.file?10:11),k(4),F(n.serverExports(e.route)),k(3),N(e.route.title?17:-1),k(),F(e.route.routeMeta??mv(13,MY))}}function hX(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function gX(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function _X(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,hX,1,0)(3,gX,1,0),R()()),e&2){let e=G(3);k(2),N(e.filter().trim()?2:3)}}function vX(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`form`,19),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.explain())}),L(2,`label`,20),J(3,`Test a URL`),R(),L(4,`input`,21),U(`input`,function(t){return T(e),E(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 T(e),E(G(2).filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).filter.set(``))}),R()(),L(10,`div`,25),M(11,qY,2,1,`div`,26)(12,aX,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,mX,20,14,`tr`,30,FY,!1,_X,4,1,`tr`),R()()()}if(e&2){let e,t=G(2);k(4),I(`value`,t.testUrl()),k(),I(`disabled`,t.explaining()),k(),X(` `,t.explaining()?`Explaining…`:`Explain`,` `),k(3),I(`value`,t.filter()),k(2),N((e=t.explainError())?11:(e=t.explained())?12:-1,e),k(15),F(t.routeRows())}}function yX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function bX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`load() ran twice`),R(),J(3,` for `),P(4,yX,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);k(4),F(e.duplicates())}}function xX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function SX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,xX,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);k(4),F(e.refetchedFns())}}function CX(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,80),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`checked`,n.kind()===e),j(`data-kind`,e),k(),X(` `,n.kindLabel(e),` `),k(2),Y(n.kindCount(e))}}function wX(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function TX(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 EX(e,t){if(e&1&&(L(0,`p`,66),M(1,wX,1,2),M(2,TX,1,1),R()),e&2){let e=G(3);k(),N(e.shownCount()<e.matchingCalls().length?1:-1),k(),N(e.serverFull()?2:-1)}}function DX(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),k(),Y(t.short(e.file))}}function OX(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,DX,2,2,`app-source-link`,88)),e&2){let e=t;k(),Y(e.name),k(),N(e.file?2:-1)}}function kX(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.url)}}function AX(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function jX(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function MX(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,jX,1,1),R()),e&2){let e=G().$implicit,t=G(4);j(`data-tone`,t.outcomeTone(e.outcome)),k(),X(``,t.outcomeLabel(e.outcome),` `),k(),N(e.location?2:-1)}}function NX(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`),k(),Y(e.render===`ssr`?`server rendered`:`client only`)}}function PX(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);k(4),Y(t.pretty(e.preview))}}function FX(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function IX(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.ms,` ms `)}}function LX(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,OX,3,2)(11,kX,2,1,`span`,85),M(12,AX,2,0,`span`,35),M(13,MX,3,3,`span`,35),M(14,NX,2,2,`span`,35),R(),M(15,PX,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,FX,2,0,`span`,4)(21,IX,1,1),R(),L(22,`td`,4),J(23),R()()),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(r.time(n.at)),k(2),j(`data-call`,n.kind),k(),Y(r.kindLabel(n.kind)),k(3),j(`data-method`,n.method),k(),Y(n.method),k(),N((e=r.fnOf(n))?10:11,e),k(2),N(n.seeded?12:-1),k(),N(n.outcome?13:-1),k(),N(n.render?14:-1),k(),N(n.preview?15:-1),k(2),j(`data-status`,r.statusClass(n.status)),k(),Y(n.status),k(2),N(n.seeded?20:21),k(3),Y(n.from)}}function RX(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,LX,24,14,`tr`,null,PY),R()()()),e&2){let e=G(3);k(17),F(e.calls())}}function zX(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function BX(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function VX(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,zX,1,1)(5,BX,1,1),R(),L(6,`div`,91)(7,`button`,92),U(`click`,function(){return T(e),E(G(3).clearCallFilters())}),J(8,` Clear filters `),R()()()}if(e&2){let e=G(3);k(4),N(e.callQuery().trim()?4:5)}}function HX(e,t){e&1&&J(0,` No calls of this kind yet. `)}function UX(e,t){e&1&&J(0,` No calls yet. `)}function WX(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,HX,1,0)(3,UX,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);k(2),N(e.allCalls().length?2:3)}}function GX(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=T(e).$implicit;return E(G(3).tryApi(t))}),J(13,` Try `),R()()()}if(e&2){let e=t.$implicit,n=G(3);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.path),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),j(`aria-label`,`Try `+e.method+` `+e.path)}}function KX(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 qX(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);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.name),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),Y(n.fnCalls(e.id))}}function JX(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,qX,13,7,`tr`,null,PY),R()()()),e&2){let e=G(3);k(15),F(e.serverFns())}}function YX(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);k(),Y(e.callsOff)}}function XX(e,t){if(e&1&&(L(0,`p`,77),J(1),R()),e&2){let e=G(3);k(),X(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function ZX(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 T(e),E(G(3).apiBody.set(t.target.value))}),R(),L(3,`label`,98)(4,`input`,64),U(`change`,function(){T(e);let t=G(3);return E(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);k(2),I(`value`,e.apiBody()),k(2),I(`checked`,e.confirmSend())}}function QX(e,t){if(e&1&&(L(0,`p`,78),J(1),R()),e&2){let e=G(3);k(),Z(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function $X(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();k(4),Y(e.error)}}function eZ(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);k(),j(`data-status`,t.statusClass(e.status??0)),k(),Y(e.status),k(2),Z(``,e.ms,` ms · `,e.type||`no content type`),k(2),Y(t.pretty(e.body??``))}}function tZ(e,t){e&1&&(L(0,`div`,79),M(1,$X,5,1,`div`,72)(2,eZ,7,5),R()),e&2&&(k(),N(t.error?1:2))}function nZ(e,t){if(e&1){let e=H();M(0,bX,7,0,`div`,48),M(1,SX,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,CX,5,6,`label`,53,Ag),R(),L(10,`div`,54)(11,`button`,55),U(`click`,function(){return T(e),E(G(2).clearCalls())}),J(12,` Clear calls `),R(),L(13,`span`,56),J(14),R()()(),L(15,`div`,57)(16,`div`,58),D(),L(17,`svg`,59),z(18,`circle`,60)(19,`path`,61),R(),_s(),L(20,`input`,62),U(`input`,function(t){return T(e),E(G(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).callQuery.set(``))}),R()(),L(21,`label`,63)(22,`input`,64),U(`change`,function(t){return T(e),E(G(2).failedOnly.set(t.target.checked))}),R(),J(23,` Failed only `),R(),L(24,`span`,65),J(25),R()(),M(26,EX,3,2,`p`,66),M(27,RX,19,0,`div`,67)(28,VX,9,1,`div`,68)(29,WX,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,GX,14,7,`tr`,null,LY,!1,KX,3,0,`tr`),R()()(),M(49,JX,17,0),L(50,`form`,71),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.send())}),L(51,`h2`),J(52,`Request playground`),R(),L(53,`div`,72)(54,`app-select`,73),U(`valueChange`,function(t){return T(e),E(G(2).method.set(t??`GET`))}),R(),L(55,`label`,74),J(56,`Path`),R(),L(57,`input`,75),U(`input`,function(t){return T(e),E(G(2).apiPath.set(t.target.value))}),R(),L(58,`button`,22),J(59),R()(),M(60,YX,2,1,`p`,76)(61,XX,2,1,`p`,77),M(62,ZX,6,2),M(63,QX,2,2,`p`,78)(64,tZ,3,1,`div`,79),R()}if(e&2){let e,t=G(2);N(t.duplicates().length?0:-1),k(),N(t.refetchedFns().length?1:-1),k(7),F(t.kinds),k(3),I(`disabled`,!t.allCalls().length),k(3),Y(t.callsMessage()),k(6),I(`value`,t.callQuery()),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.matchingCalls().length,` of `,t.allCalls().length),k(),N(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),k(),N(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),k(19),F(t.project().api),k(3),N(t.serverFns().length?49:-1),k(5),I(`options`,t.methodOptions)(`value`,t.method()),k(3),I(`value`,t.apiPath()),k(),I(`disabled`,!t.canSend()),j(`aria-describedby`,t.sendHintId()),k(),X(` `,t.sending()?`Sending…`:`Send`,` `),k(),N(t.canCall()?t.needsConfirm()?61:-1:60),k(2),N(t.method()===`GET`?-1:62),k(),N(t.sending()?63:(e=t.response())?64:-1,e)}}function rZ(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=t.$implicit;j(`data-mode`,e.mode),k(),Z(``,e.label,` · `,e.count)}}function iZ(e,t){if(e&1&&(L(0,`div`,33),P(1,rZ,2,3,`span`,35,zY),R()),e&2){let e=G(3);k(),F(e.modeCounts())}}function aZ(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function oZ(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,aZ,2,0,`span`,104),R()),e&2){let e=t,n=G().$implicit,r=G(3);k(),j(`data-status`,r.statusClass(e.status)),k(),Y(e.status),k(2),Z(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),k(),N(r.mismatch(n)?5:-1)}}function sZ(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}function cZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function lZ(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,oZ,6,5,`div`,43)(11,sZ,2,0,`span`,102),R(),L(12,`td`),M(13,cZ,4,3,`app-source-link`,42),R()()),e&2){let e,n=t.$implicit,r=G(3);k(2),Y(n.path),k(3),j(`data-mode`,n.mode),k(),Y(r.modeLabel(n.mode)),k(2),Y(n.reason),k(2),N((e=n.last)?10:11,e),k(3),N(n.file?13:-1)}}function uZ(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 dZ(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 fZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function pZ(e,t){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function mZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function hZ(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,mZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.fromRules)}}function gZ(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function _Z(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,gZ,2,1,`span`,107,Ag),R()),e&2){let e=G(2);k(3),F(e.staticMissing)}}function vZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function yZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,vZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.dynamic)}}function bZ(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function xZ(e,t){if(e&1&&(J(0,` · missing `),P(1,bZ,2,1,`span`,108,Ag)),e&2){let e=G(3);k(),F(e.notBuilt)}}function SZ(e,t){if(e&1&&(J(0),M(1,xZ,3,0)),e&2){let e=G(2);X(` `,e.built.length,` page(s) in dist/analog/public `),k(),N(e.notBuilt.length?1:-1)}}function CZ(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function wZ(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,fZ,2,1,`span`,36,Ag),M(6,pZ,2,0,`span`,102),R(),M(7,hZ,5,0),M(8,_Z,5,0),M(9,yZ,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,SZ,2,2)(14,CZ,2,0,`span`,102),R()()),e&2){let e=G();k(4),F(e.listed??mv(5,NY)),k(2),N(e.listed?-1:6),k(),N(e.fromRules?.length?7:-1),k(),N(e.staticMissing.length?8:-1),k(),N(e.dynamic.length?9:-1),k(4),N(e.built.length?13:14)}}function TZ(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,dZ,2,0,`p`,4)(4,wZ,15,6,`dl`,105),R()),e&2&&(k(3),N(t.dynamicConfig?3:4))}function EZ(e,t){if(e&1&&(M(0,iZ,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,lZ,14,6,`tr`,null,RY,!1,uZ,3,0,`tr`),R()()(),M(17,TZ,5,1,`div`,101)),e&2){let e,t=G(2);N(t.modeCounts().length?0:-1),k(14),F(t.renderRows()),k(3),N((e=t.plan())?17:-1,e)}}function DZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,111),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.error)}}function OZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,104),J(2),R()()),e&2){let e=G(5);k(2),X(`takes over `,e.base(t))}}function kZ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,DZ,3,1,`div`),M(5,OZ,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);k(3),Y(n.attributes.title||`(no title)`),k(),N(n.error?4:-1),k(),N((e=r.shadowed(n.file))?5:-1,e),k(2),Y(r.contentUrl(n.file)??``),k(2),Y(n.slug),k(2),Y(n.attributes.date||``),k(2),I(`file`,n.file),k(2),Y(r.dir(n.file)),k(),Y(r.base(n.file))}}function AZ(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,kZ,17,9,`tr`,null,BY),R()()()),e&2){let e=G(3);k(15),F(e.project().content)}}function jZ(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 MZ(e,t){e&1&&M(0,AZ,17,0,`div`,109)(1,jZ,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function NZ(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.items.length)}}function PZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function FZ(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function IZ(e,t){if(e&1&&(L(0,`p`,119),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function LZ(e,t){if(e&1&&(L(0,`li`),M(1,PZ,4,3,`app-source-link`,42),M(2,FZ,2,1,`span`,40),M(3,IZ,2,1,`p`,119),R()),e&2){let e=t.$implicit;k(),N(e.file?1:-1),k(),N(e.path&&e.path!==e.file?2:-1),k(),N(e.message?3:-1)}}function RZ(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,NZ,2,1,`span`,17),R(),L(7,`p`),J(8),R(),L(9,`ul`,116),P(10,LZ,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)),k(2),j(`data-tone`,n.tone(e.severity)),k(),Y(e.severity),k(2),Y(e.title),k(),N(e.items.length>1?6:-1),k(2),Y(e.summary),k(2),F(e.items),k(5),X(` `,e.fix),k(2),Y(e.rule)}}function zZ(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,RZ,18,8,`li`,null,VY),R()),e&2){let e=G(3);k(),Z(` `,e.findings().length,` issue(s) in `,e.lintCards().length,` group(s). Each card says what is wrong, where, and how to fix it. `),k(2),F(e.lintCards())}}function BZ(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 VZ(e,t){e&1&&M(0,zZ,5,2)(1,BZ,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function HZ(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,GY,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(28,KY,4,7,`button`,13,PY),R(),L(30,`div`,14),M(31,vX,29,6)(32,nZ,65,21)(33,EZ,18,3)(34,MZ,2,1)(35,VZ,2,1),R()}if(e&2){let e,t,n=G();k(5),Y(n.project().version||`unknown`),k(5),Y(n.pageCount()),k(5),Y(n.project().api.length),k(5),Y(n.allCalls().length),k(),j(`data-tone`,n.lintTone()||`good`),k(4),Y(n.lintCount().errors+n.lintCount().warnings),k(),N((e=n.page())?26:-1,e),k(2),F(n.views()),k(2),I(`id`,`analog-panel-`+n.view()),j(`aria-labelledby`,`analog-tab-`+n.view()),k(),N((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var UZ={"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.`}},WZ=200,GZ=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`]),KZ={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},qZ={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},JZ={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},YZ={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function XZ(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),XZ(r.children,t+1,n);return n}var ZZ=class e{rpc=$(null);canCall=Q(()=>rD(this.rpc(),`analog`));callsOff=bE(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=O(`routes`);project=O(null);loadFailed=O(!1);state=O({});findings=O([]);renderRows=O([]);plan=O(null);filter=O(``);testUrl=O(``);explained=O(null);explainError=O(``);explaining=O(!1);kind=O(`all`);method=O(`GET`);apiPath=O(``);apiBody=O(``);confirmSend=O(!1);response=O(null);sending=O(!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=C(Ds);host=C(Il);hostPageId=LE();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=WZ;callQuery=O(``);failedOnly=O(!1);callsMessage=O(``);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>=WZ);allRoutes=Q(()=>XZ(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:KZ[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=UZ[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=GZ.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(){mc(()=>{let e=this.rpc();e&&Nv(()=>void this.load(e))}),mc(()=>{let e=this.view();this.state(),Nv(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await HE(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([HE(t,`analog-lint`,this.hostPageId??void 0),HE(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 HE(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 qZ[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return KZ[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 JZ[e]}outcomeTone(e){return YZ[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=QO;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 VE(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 VE(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 HE(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=A({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,HY,7,0,`div`,0)(1,UY,4,0,`div`,1)(2,WY,14,0,`div`,2)(3,HZ,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[OO,lM],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   --%NS%good: var(--%NS%ok);
   --%NS%bad: var(--%NS%danger);
@@ -13791,7 +14022,7 @@ h2[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
   font-size: 15px;
   font-weight: 600;
-}`]})},VX=[`callsBody`],HX=(e,t)=>t.id,UX=(e,t)=>t.id+t.kind,WX=(e,t)=>t.entry.side+t.entry.id,GX=(e,t)=>t.key;function KX(e,t){e&1&&(L(0,`div`,1),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function qX(e,t){if(e&1){let e=H();L(0,`div`,2)(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 JX(e,t){e&1&&(L(0,`span`,82),J(1,`this page`),R())}function YX(e,t){e&1&&(L(0,`span`,83),J(1,`overridden`),R())}function XX(e,t){e&1&&(L(0,`span`,84),J(1,`aborted`),R())}function ZX(e,t){if(e&1){let e=H();L(0,`tr`,74),U(`click`,function(){let t=E(e).$implicit;return D(G(2).selectedRequestId.set(t.id))}),L(1,`td`,75)(2,`button`,76)(3,`span`,77),J(4),R(),J(5),R()(),L(6,`td`,78),z(7,`span`,79),J(8),R(),L(9,`td`),J(10),R(),L(11,`td`,80),J(12),R(),L(13,`td`,80),J(14),R(),L(15,`td`)(16,`div`,81),M(17,JX,2,0,`span`,82),M(18,YX,2,0,`span`,83),M(19,XX,2,0,`span`,84),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 QX(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 $X(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.note)}}function eZ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,83),J(2),R(),L(3,`span`),J(4),R(),M(5,$X,2,1,`span`,89),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 tZ(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,eZ,6,3,`p`,88,UX)),e&2){let e=G();A(4),F(e.overrides)}}function nZ(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 rZ(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 iZ(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 aZ(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 oZ(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.reason)}}function sZ(e,t){if(e&1&&(L(0,`dl`,90)(1,`div`)(2,`dt`),J(3,`Navigation`),R(),L(4,`dd`)(5,`code`),J(6),R(),M(7,nZ,3,1),J(8),R()(),M(9,rZ,5,4,`div`),M(10,iZ,5,1,`div`),M(11,aZ,5,1,`div`),R(),M(12,oZ,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 cZ(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,sZ,13,7,null,null,kg)),e&2){let e=G();A(2),F(e.navigations)}}function lZ(e,t){e&1&&(L(0,`span`,82),J(1,`cached`),R())}function uZ(e,t){if(e&1&&(L(0,`span`,92),J(1,`not cached`),R()),e&2){let e=G().$implicit;I(`title`,G(3).skipText(e.cacheSkip))}}function dZ(e,t){if(e&1&&(L(0,`p`,93),J(1),R()),e&2){let e=G().$implicit,t=G(3);A(),X(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function fZ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,78),J(6),R(),L(7,`span`,89),J(8),R(),M(9,lZ,2,0,`span`,82)(10,uZ,2,1,`span`,92),R(),M(11,dZ,2,1,`p`,93)),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 pZ(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function mZ(e,t){e&1&&(L(0,`p`,93),J(1),R()),e&2&&(A(),X(`Why: `,t,`.`))}function hZ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,84),J(6,`cache miss`),R()(),M(7,mZ,2,1,`p`,93)),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 gZ(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,hZ,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 _Z(e,t){e&1&&(L(0,`p`,87),J(1,`No server call ran again in the browser.`),R())}function vZ(e,t){if(e&1&&(L(0,`div`,73)(1,`h3`,85),J(2),L(3,`code`),J(4),R()(),L(5,`dl`,86)(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,QX,11,1,`p`,56),M(33,tZ,6,0),M(34,cZ,4,0),L(35,`h3`),J(36),R(),P(37,fZ,12,11,null,null,HX,!1,pZ,2,0,`p`,56),M(40,gZ,6,1)(41,_Z,2,0,`p`,87),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 yZ(e,t){if(e&1&&(L(0,`div`,69)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,70),J(5,`Request`),R(),L(6,`th`,70),J(7,`Status`),R(),L(8,`th`,70),J(9,`Render mode`),R(),L(10,`th`,71),J(11,`Render`),R(),L(12,`th`,71),J(13,`Server calls`),R(),L(14,`th`,70),J(15,`Notes`),R()()(),L(16,`tbody`),P(17,ZX,20,20,`tr`,72,HX),R()()(),M(19,vZ,42,13,`div`,73)),e&2){let e,t=G();A(17),F(t.requests()),A(2),N((e=t.selectedRequest())?19:-1,e)}}function bZ(e,t){e&1&&(L(0,`div`,12)(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 xZ(e,t){e&1&&(L(0,`p`,94),J(1,` Rows render as you scroll, so the browser's find only sees the ones near view; the search field searches them all. `),R())}function SZ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);A(),K(`height`,e.callWindow.padTop(),`px`)}}function CZ(e,t){e&1&&(L(0,`span`,99),J(1,`transfer cache`),R())}function wZ(e,t){if(e&1&&(L(0,`span`,99),J(1),R()),e&2){G();let e=fv(0);A(),X(`delayed `,e.delayMs,` ms`)}}function TZ(e,t){e&1&&(L(0,`span`,83),J(1,`mocked`),R())}function EZ(e,t){e&1&&(L(0,`span`,84),J(1,`faulted`),R())}function DZ(e,t){if(e&1&&(L(0,`span`,102),J(1,`rule `),L(2,`code`),J(3),R()()),e&2){let e=t;I(`title`,`Matched rule: `+e),A(3),Y(e)}}function OZ(e,t){if(e&1){let e=H();uv(0),L(1,`tr`,74),U(`click`,function(){E(e);let t=fv(0);return D(G(2).openCall(t.id))}),L(2,`td`)(3,`span`,99),J(4),R()(),L(5,`td`,77),J(6),R(),L(7,`td`,75)(8,`button`,100),J(9),R()(),L(10,`td`,101),J(11),R(),L(12,`td`,78),z(13,`span`,79),J(14),R(),L(15,`td`,80),J(16),R(),L(17,`td`)(18,`div`,81),M(19,CZ,2,0,`span`,99),M(20,wZ,2,1,`span`,99),M(21,TZ,2,0,`span`,83),M(22,EZ,2,0,`span`,84),M(23,DZ,4,2,`span`,102),R()()()}if(e&2){let e,n=t.$implicit,r=G(2),i=dv(n.entry);A(),q(`selected`,r.selectedCall()?.id===i.id),j(`aria-rowindex`,n.index+2)(`data-vindex`,n.index),A(2),q(`server`,i.side===`server`),A(),Y(i.side===`server`?`SSR`:`Client`),A(2),Y(i.method),A(2),I(`title`,i.url),j(`data-call-id`,i.id)(`aria-pressed`,r.selectedCall()?.id===i.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),A(),X(` `,i.url,` `),A(),I(`title`,i.pageUrl??``),A(),X(` `,i.pageUrl??``,` `),A(),q(`ok`,r.callTone(i)===`ok`)(`redirect`,r.callTone(i)===`redirect`)(`bad`,r.callTone(i)===`bad`),A(2),X(``,r.statusLabel(i),` `),A(2),X(``,i.durationMs,` ms`),A(3),N(i.cacheHit?19:-1),A(),N(i.delayMs?20:-1),A(),N(i.mocked?21:-1),A(),N(i.faulted?22:-1),A(),N((e=r.rulePatternOf(i))?23:-1,e)}}function kZ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);A(),K(`height`,e.callWindow.padBottom(),`px`)}}function AZ(e,t){if(e&1&&(M(0,xZ,2,0,`p`,94),L(1,`div`,69)(2,`table`)(3,`thead`)(4,`tr`,95)(5,`th`,70),J(6,`Side`),R(),L(7,`th`,70),J(8,`Method`),R(),L(9,`th`,70),J(10,`URL`),R(),L(11,`th`,70),J(12,`Page`),R(),L(13,`th`,70),J(14,`Status`),R(),L(15,`th`,71),J(16,`Time`),R(),L(17,`th`,70),J(18,`Notes`),R()()(),L(19,`tbody`,96,0),M(21,SZ,2,2,`tr`,97),P(22,OZ,24,29,`tr`,72,WX),M(24,kZ,2,2,`tr`,97),R()()()),e&2){let e=G();N(e.callWindow.enabled()?0:-1),A(2),j(`aria-rowcount`,e.visibleCalls().length+1),A(17),I(`rovingWindow`,e.callWindow),A(2),N(e.callWindow.padTop()?21:-1),A(),F(e.shownCalls()),A(2),N(e.callWindow.padBottom()?24:-1)}}function jZ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function MZ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function NZ(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,jZ,1,1)(5,MZ,1,1),R(),L(6,`div`,103)(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 PZ(e,t){e&1&&(L(0,`div`,12)(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 FZ(e,t){if(e&1){let e=H();L(0,`button`,110),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 IZ(e,t){e&1&&(L(0,`p`,112),J(1,` Matched rule `),L(2,`code`),J(3),R()()),e&2&&(A(3),Y(t))}function LZ(e,t){if(e&1){let e=H();L(0,`div`,104),U(`keydown.escape`,function(){return E(e),D(G().closePreview())}),L(1,`div`,105)(2,`h3`,106),J(3,`Response preview`),R(),L(4,`div`,107),M(5,FZ,2,1,`button`,108),L(6,`button`,109),U(`click`,function(){let t=E(e);return D(G().mockCall(t))}),J(7,` Mock this request `),R(),L(8,`button`,110),U(`click`,function(){return E(e),D(G().closePreview())}),J(9,`Close`),R()()(),L(10,`p`,111)(11,`span`,77),J(12),R(),L(13,`span`,78),J(14),R(),L(15,`span`,91),J(16),R()(),M(17,IZ,4,1,`p`,112),L(18,`pre`,113),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 RZ(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();A(),Y(e.writesOff)}}function zZ(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 BZ(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function VZ(e,t){if(e&1&&(L(0,`span`,78),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 HZ(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),X(``,e.delayMs,` ms`)}}function UZ(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function WZ(e,t){e&1&&(L(0,`p`,121),J(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),R())}function GZ(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=E(e).$implicit;return D(G().toggleRule(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,118),U(`click`,function(){let t=E(e).$implicit;return D(G().removeRule(t.id))}),J(8,` Remove `),R(),L(9,`span`,119)(10,`span`),J(11),R(),M(12,BZ,2,0,`span`)(13,VZ,2,7,`span`,120),M(14,HZ,2,1,`span`),M(15,UZ,2,0,`span`),R(),M(16,WZ,2,0,`p`,121),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 KZ(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function qZ(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`,122),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 JZ(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`,126),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,JZ,1,0),R()),e&2&&(A(2),N(t===`http`?2:-1))}function XZ(e,t){if(e&1){let e=H();L(0,`label`),J(1,` TransferState key `),L(2,`input`,123),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`,124),U(`input`,function(t){return E(e),D(G().patchOverride(`value`,t))}),R()(),L(9,`p`,125),J(10),R(),M(11,YZ,3,1,`p`,126)}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 ZZ(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 QZ(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.message)}}function $Z(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 eQ(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=E(e).$implicit;return D(G().toggleOverride(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,127),U(`click`,function(){let t=E(e).$implicit;return D(G().removeOverride(t.id))}),J(8,` Remove `),R(),L(9,`span`,119),M(10,QZ,2,1,`span`),M(11,$Z,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 tQ(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function nQ(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 rQ(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Expected`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;A(4),Y(e.expected)}}function iQ(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Actual`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;A(4),Y(e.actual)}}function aQ(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,rQ,5,1,`span`,129),M(4,iQ,5,1,`span`,129),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 oQ(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,128),P(3,aQ,5,3,`li`,null,kg),R()),e&2){let e=G();A(),X(`Mismatches (`,e.mismatches.length,`)`),A(2),F(e.mismatches)}}function sQ(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;A(2),Y(e)}}function cQ(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,131),P(3,sQ,3,1,`li`,null,kg),R()),e&2){let e=G();A(3),F(e.skipHydrationHosts)}}function lQ(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 uQ(e,t){if(e&1&&(L(0,`pre`,132),J(1),R()),e&2){let e=t.$implicit;A(),Y(e)}}function dQ(e,t){e&1&&(L(0,`p`,87),J(1,`No hydration warnings.`),R())}function fQ(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,uQ,2,1,`pre`,132,kg,!1,dQ,2,0,`p`,87)),e&2){let e=G();A(),X(`Warnings (`,e.warnings.length,`)`),A(),F(e.warnings)}}function pQ(e,t){if(e&1&&(L(0,`dl`,86)(1,`div`)(2,`dt`),J(3,`Enabled`),R(),L(4,`dd`)(5,`span`,99),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,nQ,15,5),R(),M(33,oQ,5,1),M(34,cQ,5,0),M(35,lQ,7,0)(36,fQ,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 mQ(e,t){e&1&&(L(0,`div`,12)(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 hQ(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function gQ(e,t){if(e&1&&(L(0,`p`,134),J(1),R()),e&2){let e=G(2);A(),Y(e.error)}}function _Q(e,t){e&1&&(L(0,`span`,99),J(1),R()),e&2&&(A(),Y(t))}function vQ(e,t){if(e&1&&(L(0,`span`,99),J(1),R(),L(2,`span`,137),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 yQ(e,t){if(e&1&&(L(0,`span`,137),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.key)}}function bQ(e,t){if(e&1){let e=H();L(0,`button`,110),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 xQ(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,136),M(3,_Q,2,1,`span`,99),M(4,vQ,4,6)(5,yQ,2,1,`span`,137),L(6,`span`,138),J(7),R()(),L(8,`div`,139)(9,`span`,140),J(10,`Key`),R(),L(11,`code`,141),J(12),R(),L(13,`div`,142)(14,`button`,110),U(`click`,function(){let t=E(e).$implicit;return D(G(3).copyKey(t.key))}),J(15,` Copy `),R(),M(16,bQ,2,1,`button`,108),R()(),L(17,`pre`,143),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 SQ(e,t){if(e&1&&(L(0,`p`,133),J(1),R(),M(2,gQ,2,1,`p`,134),L(3,`div`,135),P(4,xQ,20,10,`details`,null,GX),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 CQ(e,t){e&1&&M(0,hQ,3,0,`div`,12)(1,SQ,6,4),e&2&&N(+!!t.found)}function wQ(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var TQ={kind:`render-error`,pattern:``,message:``,key:``,value:``},EQ={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},DQ={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},OQ={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function kQ(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var AQ=/\[redacted\]|%5Bredacted%5D/gi;function jQ(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?kQ(e):e).replace(AQ,`*`)}function MQ(e){let t=$O(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var NQ=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function PQ(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function FQ(e){let t=PQ(e);return t===`/`?``:t}var IQ=/\[redacted\]|%5Bredacted%5D/i,LQ=200,RQ=50,zQ=500,BQ=1e5,VQ=[{value:``,label:`None`},...qT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],HQ=class e{rpc=$(null);canWrite=Q(()=>nD(this.rpc(),`http`));writesOff=yE(`http`);loading=k(!1);failed=k(!1);serverCalls=k([]);pages=k([]);payloads=k({});serverDropped=k(0);requests=k([]);rules=k([]);overrides=k([]);overrideDraft=k({...TQ});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=IE();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({...OQ});message=k(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=VQ;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(()=>tD(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`}];callWindow=new GM({count:Q(()=>this.visibleCalls().length),estimate:37});shownCalls=Q(()=>{let{start:e,end:t}=this.callWindow.range();return this.visibleCalls().slice(e,t).map((t,n)=>({entry:t,index:e+n}))});callsBody=Jv(`callsBody`);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} ${kQ(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} ${kQ(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${kQ(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>zQ||this.bodyError()||this.rules().length>=RQ)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&&!JT(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>=RQ?`You can add up to ${RQ} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>zQ?`The URL pattern is limited to ${zQ} characters.`:this.bodyError()?``:e.status.trim()&&!JT(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>BQ)return`The mock body is limited to ${BQ} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){pc(()=>{let e=this.callsBody()?.nativeElement;e&&this.callWindow.attach(e)}),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 KT[e]??``}refetchReason(e){let t=`${e.method} ${kQ(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${kQ(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 DQ[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 $O(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=jQ(e.url),r=e.error||!e.preview?null:MQ(e.preview);this.draft.set({...OQ,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&&!NQ.includes(e)?[...NQ,e]:NQ).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({...OQ}),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 BE(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 EQ[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<=LQ&&!IQ.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...TQ,kind:`state-edit`,pattern:t?FQ(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({...TQ,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 BE(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 BE(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`]],viewQuery:function(e,t){e&1&&l_(t.callsBody,VX,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:128,vars:54,consts:[[`callsBody`,``],[`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`],[`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`],[1,`table-wrap`],[`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`],[1,`muted`,`small`,`window-note`],[`aria-rowindex`,`1`],[`appRovingList`,`button[data-call-id]`,3,`rovingWindow`],[`aria-hidden`,`true`,1,`spacer`],[`colspan`,`7`],[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,KX,4,0,`div`,1)(1,qX,7,0,`div`,2),L(2,`div`,3)(3,`div`,4)(4,`span`,5),J(5,`Page`),R(),L(6,`app-select`,6),U(`valueChange`,function(e){return t.selectPage(e)}),R()(),L(7,`button`,7),U(`click`,function(){return t.clearCalls()}),J(8,` Clear timeline `),R(),L(9,`p`,8),J(10),R()(),L(11,`div`,9)(12,`section`,10)(13,`h2`,11),J(14),R(),M(15,yZ,20,1)(16,bZ,11,0,`div`,12),R(),L(17,`section`,13)(18,`h2`,14),J(19),R(),z(20,`app-limit-note`,15),L(21,`div`,16)(22,`div`,17),O(),L(23,`svg`,18),z(24,`circle`,19)(25,`path`,20),R(),gs(),L(26,`input`,21),U(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),R()(),L(27,`app-select`,22),cv(`valueChange`,function(e){return sv(t.sideFilter,e)||(t.sideFilter=e),e}),R(),L(28,`label`,23)(29,`input`,24),U(`change`,function(e){return t.failedOnly.set(e.target.checked)}),R(),J(30,` Failed only `),R(),L(31,`span`,25),J(32),R(),L(33,`span`,26),J(34),R()(),M(35,AZ,25,5)(36,NZ,9,1,`div`,27)(37,PZ,11,0,`div`,12),M(38,LZ,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,RZ,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,zZ,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,GZ,17,17,`li`,52,HX,!1,KZ,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,qZ,8,1)(107,XZ,12,6)(108,ZZ,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,eQ,12,12,`li`,52,HX,!1,tQ,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,pQ,37,14)(122,mQ,5,0,`div`,12),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,CQ,2,1)(127,wQ,3,0,`div`,12),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:[nk,AR,DO,gb],styles:[`@charset "UTF-8";
+}`]})},QZ=[`callsBody`],$Z=(e,t)=>t.id,eQ=(e,t)=>t.id+t.kind,tQ=(e,t)=>t.entry.side+t.entry.id,nQ=(e,t)=>t.key;function rQ(e,t){e&1&&(L(0,`div`,1),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function iQ(e,t){if(e&1){let e=H();L(0,`div`,2)(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function aQ(e,t){e&1&&(L(0,`span`,82),J(1,`this page`),R())}function oQ(e,t){e&1&&(L(0,`span`,83),J(1,`overridden`),R())}function sQ(e,t){e&1&&(L(0,`span`,84),J(1,`aborted`),R())}function cQ(e,t){if(e&1){let e=H();L(0,`tr`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectedRequestId.set(t.id))}),L(1,`td`,75)(2,`button`,76)(3,`span`,77),J(4),R(),J(5),R()(),L(6,`td`,78),z(7,`span`,79),J(8),R(),L(9,`td`),J(10),R(),L(11,`td`,80),J(12),R(),L(13,`td`,80),J(14),R(),L(15,`td`)(16,`div`,81),M(17,aQ,2,0,`span`,82),M(18,oQ,2,0,`span`,83),M(19,sQ,2,0,`span`,84),R()()()}if(e&2){let e=t.$implicit,n=G(2);q(`selected`,n.selectedRequest()?.id===e.id),k(2),I(`title`,e.url),j(`aria-pressed`,n.selectedRequest()?.id===e.id),k(2),Y(e.method),k(),X(` `,e.url,` `),k(),q(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),k(2),X(``,e.status,` `),k(2),Y(n.renderModeLabel(e.renderMode)),k(2),X(``,e.renderMs,` ms`),k(2),Z(``,e.fetches,` (`,e.fetchMs,` ms)`),k(3),N(e.id===n.selected()?.ssrRequestId?17:-1),k(),N(e.overrides?.length?18:-1),k(),N(e.aborted?19:-1)}}function lQ(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&&(k(),X(` The body was already compressed (`,t,`) when `))}function uQ(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.note)}}function dQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,83),J(2),R(),L(3,`span`),J(4),R(),M(5,uQ,2,1,`span`,89),R()),e&2){let e=t.$implicit,n=G(4);k(2),Y(n.overrideLabel(e.kind)),k(2),Y(e.applied?`applied`:`not applied`),k(),N(e.note?5:-1)}}function fQ(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,dQ,6,3,`p`,88,eQ)),e&2){let e=G();k(4),F(e.overrides)}}function pQ(e,t){if(e&1&&(J(0,` to `),L(1,`code`),J(2),R()),e&2){let e=G().$implicit;k(2),Y(e.finalUrl)}}function mQ(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);k(3),q(`bad`,t.guardVerdict(e)===`rejected`),k(),Z(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function hQ(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);k(4),Y(t.msLabel(e.resolvers.ms))}}function gQ(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;k(4),X(``,e.durationMs,` ms`)}}function _Q(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.reason)}}function vQ(e,t){if(e&1&&(L(0,`dl`,90)(1,`div`)(2,`dt`),J(3,`Navigation`),R(),L(4,`dd`)(5,`code`),J(6),R(),M(7,pQ,3,1),J(8),R()(),M(9,mQ,5,4,`div`),M(10,hQ,5,1,`div`),M(11,gQ,5,1,`div`),R(),M(12,_Q,2,1,`p`,56)),e&2){let e=t.$implicit;k(6),Y(e.url),k(),N(e.finalUrl?7:-1),k(),X(` (`,e.outcome,`) `),k(),N(e.guards?9:-1),k(),N(e.resolvers?10:-1),k(),N(e.durationMs===void 0?-1:11),k(),N(e.reason?12:-1)}}function yQ(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,vQ,13,7,null,null,kg)),e&2){let e=G();k(2),F(e.navigations)}}function bQ(e,t){e&1&&(L(0,`span`,82),J(1,`cached`),R())}function xQ(e,t){if(e&1&&(L(0,`span`,92),J(1,`not cached`),R()),e&2){let e=G().$implicit;I(`title`,G(3).skipText(e.cacheSkip))}}function SQ(e,t){if(e&1&&(L(0,`p`,93),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),X(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function CQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,78),J(6),R(),L(7,`span`,89),J(8),R(),M(9,bQ,2,0,`span`,82)(10,xQ,2,1,`span`,92),R(),M(11,SQ,2,1,`p`,93)),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.method),k(),I(`title`,e.url),k(),Y(e.url),k(),q(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),k(),Y(n.statusLabel(e)),k(2),X(``,e.durationMs,` ms`),k(),N(e.cacheStored?9:e.cacheSkip?10:-1),k(2),N(!e.cacheStored&&e.cacheSkip?11:-1)}}function wQ(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function TQ(e,t){e&1&&(L(0,`p`,93),J(1),R()),e&2&&(k(),X(`Why: `,t,`.`))}function EQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,84),J(6,`cache miss`),R()(),M(7,TQ,2,1,`p`,93)),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(n.method),k(),I(`title`,n.url),k(),Y(n.url),k(3),N((e=r.refetchReason(n))?7:-1,e)}}function DQ(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,EQ,8,4,null,null,$Z)),e&2){let e=G(3);k(),X(`Fetched again in the browser (`,e.refetched().length,`)`),k(3),F(e.refetched())}}function OQ(e,t){e&1&&(L(0,`p`,87),J(1,`No server call ran again in the browser.`),R())}function kQ(e,t){if(e&1&&(L(0,`div`,73)(1,`h3`,85),J(2),L(3,`code`),J(4),R()(),L(5,`dl`,86)(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,lQ,11,1,`p`,56),M(33,fQ,6,0),M(34,yQ,4,0),L(35,`h3`),J(36),R(),P(37,CQ,12,11,null,null,$Z,!1,wQ,2,0,`p`,56),M(40,DQ,6,1)(41,OQ,2,0,`p`,87),R()),e&2){let e,n=t,r=G(2);k(2),X(` `,n.method,` `),k(2),Y(n.url),k(7),Y(n.id),k(5),X(``,n.renderMs,` ms`),k(5),X(``,n.durationMs,` ms`),k(5),X(``,n.bytes,` B`),k(5),Y(r.requestPage()?.title||r.requestPage()?.url||`not connected`),k(),N((e=r.compressedWith(n))?32:-1,e),k(),N(n.overrides?.length?33:-1),k(),N(n.navigations?.length?34:-1),k(2),X(`Server calls (`,r.requestCalls().length,`)`),k(),F(r.requestCalls()),k(3),N(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function AQ(e,t){if(e&1&&(L(0,`div`,69)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,70),J(5,`Request`),R(),L(6,`th`,70),J(7,`Status`),R(),L(8,`th`,70),J(9,`Render mode`),R(),L(10,`th`,71),J(11,`Render`),R(),L(12,`th`,71),J(13,`Server calls`),R(),L(14,`th`,70),J(15,`Notes`),R()()(),L(16,`tbody`),P(17,cQ,20,20,`tr`,72,$Z),R()()(),M(19,kQ,42,13,`div`,73)),e&2){let e,t=G();k(17),F(t.requests()),k(2),N((e=t.selectedRequest())?19:-1,e)}}function jQ(e,t){e&1&&(L(0,`div`,12)(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 MQ(e,t){e&1&&(L(0,`p`,94),J(1,` Rows render as you scroll, so the browser's find only sees the ones near view; the search field searches them all. `),R())}function NQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padTop(),`px`)}}function PQ(e,t){e&1&&(L(0,`span`,99),J(1,`transfer cache`),R())}function FQ(e,t){if(e&1&&(L(0,`span`,99),J(1),R()),e&2){G();let e=fv(0);k(),X(`delayed `,e.delayMs,` ms`)}}function IQ(e,t){e&1&&(L(0,`span`,83),J(1,`mocked`),R())}function LQ(e,t){e&1&&(L(0,`span`,84),J(1,`faulted`),R())}function RQ(e,t){if(e&1&&(L(0,`span`,102),J(1,`rule `),L(2,`code`),J(3),R()()),e&2){let e=t;I(`title`,`Matched rule: `+e),k(3),Y(e)}}function zQ(e,t){if(e&1){let e=H();uv(0),L(1,`tr`,74),U(`click`,function(){T(e);let t=fv(0);return E(G(2).openCall(t.id))}),L(2,`td`)(3,`span`,99),J(4),R()(),L(5,`td`,77),J(6),R(),L(7,`td`,75)(8,`button`,100),J(9),R()(),L(10,`td`,101),J(11),R(),L(12,`td`,78),z(13,`span`,79),J(14),R(),L(15,`td`,80),J(16),R(),L(17,`td`)(18,`div`,81),M(19,PQ,2,0,`span`,99),M(20,FQ,2,1,`span`,99),M(21,IQ,2,0,`span`,83),M(22,LQ,2,0,`span`,84),M(23,RQ,4,2,`span`,102),R()()()}if(e&2){let e,n=t.$implicit,r=G(2),i=dv(n.entry);k(),q(`selected`,r.selectedCall()?.id===i.id),j(`aria-rowindex`,n.index+2)(`data-vindex`,n.index),k(2),q(`server`,i.side===`server`),k(),Y(i.side===`server`?`SSR`:`Client`),k(2),Y(i.method),k(2),I(`title`,i.url),j(`data-call-id`,i.id)(`aria-pressed`,r.selectedCall()?.id===i.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),k(),X(` `,i.url,` `),k(),I(`title`,i.pageUrl??``),k(),X(` `,i.pageUrl??``,` `),k(),q(`ok`,r.callTone(i)===`ok`)(`redirect`,r.callTone(i)===`redirect`)(`bad`,r.callTone(i)===`bad`),k(2),X(``,r.statusLabel(i),` `),k(2),X(``,i.durationMs,` ms`),k(3),N(i.cacheHit?19:-1),k(),N(i.delayMs?20:-1),k(),N(i.mocked?21:-1),k(),N(i.faulted?22:-1),k(),N((e=r.rulePatternOf(i))?23:-1,e)}}function BQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padBottom(),`px`)}}function VQ(e,t){if(e&1&&(M(0,MQ,2,0,`p`,94),L(1,`div`,69)(2,`table`)(3,`thead`)(4,`tr`,95)(5,`th`,70),J(6,`Side`),R(),L(7,`th`,70),J(8,`Method`),R(),L(9,`th`,70),J(10,`URL`),R(),L(11,`th`,70),J(12,`Page`),R(),L(13,`th`,70),J(14,`Status`),R(),L(15,`th`,71),J(16,`Time`),R(),L(17,`th`,70),J(18,`Notes`),R()()(),L(19,`tbody`,96,0),M(21,NQ,2,2,`tr`,97),P(22,zQ,24,29,`tr`,72,tQ),M(24,BQ,2,2,`tr`,97),R()()()),e&2){let e=G();N(e.callWindow.enabled()?0:-1),k(2),j(`aria-rowcount`,e.visibleCalls().length+1),k(17),I(`rovingWindow`,e.callWindow),k(2),N(e.callWindow.padTop()?21:-1),k(),F(e.shownCalls()),k(2),N(e.callWindow.padBottom()?24:-1)}}function HQ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function UQ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function WQ(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,HQ,1,1)(5,UQ,1,1),R(),L(6,`div`,103)(7,`button`,68),U(`click`,function(){return T(e),E(G().clearCallFilters())}),J(8,`Clear filters`),R()()()}if(e&2){let e=G();k(4),N(e.callQuery().trim()?4:5)}}function GQ(e,t){e&1&&(L(0,`div`,12)(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 KQ(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G();return E(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 qQ(e,t){e&1&&(L(0,`p`,112),J(1,` Matched rule `),L(2,`code`),J(3),R()()),e&2&&(k(3),Y(t))}function JQ(e,t){if(e&1){let e=H();L(0,`div`,104),U(`keydown.escape`,function(){return T(e),E(G().closePreview())}),L(1,`div`,105)(2,`h3`,106),J(3,`Response preview`),R(),L(4,`div`,107),M(5,KQ,2,1,`button`,108),L(6,`button`,109),U(`click`,function(){let t=T(e);return E(G().mockCall(t))}),J(7,` Mock this request `),R(),L(8,`button`,110),U(`click`,function(){return T(e),E(G().closePreview())}),J(9,`Close`),R()()(),L(10,`p`,111)(11,`span`,77),J(12),R(),L(13,`span`,78),J(14),R(),L(15,`span`,91),J(16),R()(),M(17,qQ,4,1,`p`,112),L(18,`pre`,113),J(19),R()()}if(e&2){let e,n=t,r=G();k(5),N(!n.error&&n.preview?5:-1),k(),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`http-writes-off`),k(6),Y(n.method),k(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),k(),Y(r.statusLabel(n)),k(),I(`title`,n.url),k(),Y(n.url),k(),N((e=r.rulePatternOf(n))?17:-1,e),k(),q(`error`,!!n.error&&!n.cancelled),j(`aria-label`,n.error?`Response error`:`Response body`),k(),Y(n.error??r.previewText(n)??`(no body)`)}}function YQ(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();k(),Y(e.writesOff)}}function XQ(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 ZQ(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function QQ(e,t){if(e&1&&(L(0,`span`,78),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`),k(),Y(e.status)}}function $Q(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.delayMs,` ms`)}}function e$(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function t$(e,t){e&1&&(L(0,`p`,121),J(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),R())}function n$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleRule(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,118),U(`click`,function(){let t=T(e).$implicit;return E(G().removeRule(t.id))}),J(8,` Remove `),R(),L(9,`span`,119)(10,`span`),J(11),R(),M(12,ZQ,2,0,`span`)(13,QQ,2,7,`span`,120),M(14,$Q,2,1,`span`),M(15,e$,2,0,`span`),R(),M(16,t$,2,0,`p`,121),R()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(e.method||`ANY`),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),k(4),Y(n.targetLabel(e.target)),k(),N(e.status===void 0?12:13),k(2),N(e.delayMs?14:-1),k(),N(e.body?15:-1),k(),N(n.mocksOnServer(e)?16:-1)}}function r$(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function i$(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`,122),U(`input`,function(t){return T(e),E(G().patchOverride(`message`,t))}),R()()}if(e&2){let e=G();k(7),I(`value`,e.overrideDraft().message)}}function a$(e,t){e&1&&J(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function o$(e,t){e&1&&(L(0,`p`,126),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,a$,1,0),R()),e&2&&(k(2),N(t===`http`?2:-1))}function s$(e,t){if(e&1){let e=H();L(0,`label`),J(1,` TransferState key `),L(2,`input`,123),U(`input`,function(t){return T(e),E(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`,124),U(`input`,function(t){return T(e),E(G().patchOverride(`value`,t))}),R()(),L(9,`p`,125),J(10),R(),M(11,o$,3,1,`p`,126)}if(e&2){let e,t=G();k(2),I(`value`,t.overrideDraft().key),k(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`),k(2),Y(t.overrideValueError()),k(),N((e=t.overrideFromPayload())?11:-1,e)}}function c$(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 l$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function u$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function d$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleOverride(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,127),U(`click`,function(){let t=T(e).$implicit;return E(G().removeOverride(t.id))}),J(8,` Remove `),R(),L(9,`span`,119),M(10,l$,2,1,`span`),M(11,u$,2,2,`span`),R()()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(n.overrideLabel(e.kind)),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),k(3),N(e.message?10:-1),k(),N(e.key?11:-1)}}function f$(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function p$(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;k(4),Y(e.hydrated),k(5),Y(e.skipped),k(4),q(`bad`,e.mismatched>0),k(),Y(e.mismatched)}}function m$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Expected`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.expected)}}function h$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Actual`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.actual)}}function g$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,m$,5,1,`span`,129),M(4,h$,5,1,`span`,129),R()),e&2){let e=t.$implicit;k(2),Y(`<`+e.component+`>`),k(),N(e.expected?3:-1),k(),N(e.actual?4:-1)}}function _$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,128),P(3,g$,5,3,`li`,null,kg),R()),e&2){let e=G();k(),X(`Mismatches (`,e.mismatches.length,`)`),k(2),F(e.mismatches)}}function v$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;k(2),Y(e)}}function y$(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,131),P(3,v$,3,1,`li`,null,kg),R()),e&2){let e=G();k(3),F(e.skipHydrationHosts)}}function b$(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 x$(e,t){if(e&1&&(L(0,`pre`,132),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function S$(e,t){e&1&&(L(0,`p`,87),J(1,`No hydration warnings.`),R())}function C$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,x$,2,1,`pre`,132,kg,!1,S$,2,0,`p`,87)),e&2){let e=G();k(),X(`Warnings (`,e.warnings.length,`)`),k(),F(e.warnings)}}function w$(e,t){if(e&1&&(L(0,`dl`,86)(1,`div`)(2,`dt`),J(3,`Enabled`),R(),L(4,`dd`)(5,`span`,99),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,p$,15,5),R(),M(33,_$,5,1),M(34,y$,5,0),M(35,b$,7,0)(36,C$,5,2)),e&2){let e,n=t;k(5),q(`on`,n.enabled)(`off-tag`,!n.enabled),k(),Y(n.enabled?`yes`:`no (client render only)`),k(5),Y(n.hydratedComponents??`n/a`),k(5),Y(n.hydratedNodes??`n/a`),k(5),Y(n.componentsSkippedHydration??`n/a`),k(5),Y(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),k(5),Y(n.deferBlocksWithIncrementalHydration??`n/a`),k(),N((e=n.nodes)?32:-1,e),k(),N(n.mismatches?.length?33:-1),k(),N(n.skipHydrationHosts.length?34:-1),k(),N(n.warningsCaptured===!1?35:36)}}function T$(e,t){e&1&&(L(0,`div`,12)(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 E$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function D$(e,t){if(e&1&&(L(0,`p`,134),J(1),R()),e&2){let e=G(2);k(),Y(e.error)}}function O$(e,t){e&1&&(L(0,`span`,99),J(1),R()),e&2&&(k(),Y(t))}function k$(e,t){if(e&1&&(L(0,`span`,99),J(1),R(),L(2,`span`,137),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`),k(),X(`HTTP `,e.status),k(2),Y(e.url??n.key)}}function A$(e,t){if(e&1&&(L(0,`span`,137),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.key)}}function j$(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G().$implicit;return E(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 M$(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,136),M(3,O$,2,1,`span`,99),M(4,k$,4,6)(5,A$,2,1,`span`,137),L(6,`span`,138),J(7),R()(),L(8,`div`,139)(9,`span`,140),J(10,`Key`),R(),L(11,`code`,141),J(12),R(),L(13,`div`,142)(14,`button`,110),U(`click`,function(){let t=T(e).$implicit;return E(G(3).copyKey(t.key))}),J(15,` Copy `),R(),M(16,j$,2,1,`button`,108),R()(),L(17,`pre`,143),J(18),xv(19,`json`),R()()}if(e&2){let e,n,r=t.$implicit,i=G(3);k(3),N((e=i.payloadLabel(r))?3:-1,e),k(),N((n=r.http)?4:5,n),k(3),X(``,r.size,` B`),k(5),Y(r.key),k(2),j(`aria-label`,`Copy key `+r.key),k(2),N(i.canEditEntry(r)?16:-1),k(),j(`aria-label`,`Value of `+r.key),k(),Y(Cv(19,8,r.value))}}function N$(e,t){if(e&1&&(L(0,`p`,133),J(1),R(),M(2,D$,2,1,`p`,134),L(3,`div`,135),P(4,M$,20,10,`details`,null,nQ),R()),e&2){let e=G();k(),rv(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),k(),N(e.error?2:-1),k(2),F(e.entries)}}function P$(e,t){e&1&&M(0,E$,3,0,`div`,12)(1,N$,6,4),e&2&&N(+!!t.found)}function F$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var I$={kind:`render-error`,pattern:``,message:``,key:``,value:``},L$={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},R$={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},z$={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function B$(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var V$=/\[redacted\]|%5Bredacted%5D/gi;function H$(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?B$(e):e).replace(V$,`*`)}function U$(e){let t=ek(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var W$=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function G$(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function K$(e){let t=G$(e);return t===`/`?``:t}var q$=/\[redacted\]|%5Bredacted%5D/i,J$=200,Y$=50,X$=500,Z$=1e5,Q$=[{value:``,label:`None`},...qT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],$$=class e{rpc=$(null);canWrite=Q(()=>rD(this.rpc(),`http`));writesOff=bE(`http`);loading=O(!1);failed=O(!1);serverCalls=O([]);pages=O([]);payloads=O({});serverDropped=O(0);requests=O([]);rules=O([]);overrides=O([]);overrideDraft=O({...I$});overrideFromPayload=O(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=LE();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=O(null);draft=O({...z$});message=O(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=Q$;unsubscribe=[];destroyRef=C(Ds);injector=C(Ts);host=C(Il);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(()=>nD(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=O(``);sideFilter=O(`all`);failedOnly=O(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];callWindow=new nP({count:Q(()=>this.visibleCalls().length),estimate:37});shownCalls=Q(()=>{let{start:e,end:t}=this.callWindow.range();return this.visibleCalls().slice(e,t).map((t,n)=>({entry:t,index:e+n}))});callsBody=Jv(`callsBody`);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} ${B$(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} ${B$(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${B$(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>X$||this.bodyError()||this.rules().length>=Y$)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&&!JT(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>=Y$?`You can add up to ${Y$} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>X$?`The URL pattern is limited to ${X$} characters.`:this.bodyError()?``:e.status.trim()&&!JT(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>Z$)return`The mock body is limited to ${Z$} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){mc(()=>{let e=this.callsBody()?.nativeElement;e&&this.callWindow.attach(e)}),mc(()=>{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 KT[e]??``}refetchReason(e){let t=`${e.method} ${B$(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${B$(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 R$[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),Hd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return ek(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=H$(e.url),r=e.error||!e.preview?null:U$(e.preview);this.draft.set({...z$,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.`),Hd(()=>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&&!W$.includes(e)?[...W$,e]:W$).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({...z$}),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 VE(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 L$[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<=J$&&!q$.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...I$,kind:`state-edit`,pattern:t?K$(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),Hd(()=>{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({...I$,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){Hd(()=>{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(``),Hd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await VE(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 VE(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=A({type:e,selectors:[[`app-network-inspector`]],viewQuery:function(e,t){e&1&&l_(t.callsBody,QZ,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:128,vars:54,consts:[[`callsBody`,``],[`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`],[`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`],[1,`table-wrap`],[`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`],[1,`muted`,`small`,`window-note`],[`aria-rowindex`,`1`],[`appRovingList`,`button[data-call-id]`,3,`rovingWindow`],[`aria-hidden`,`true`,1,`spacer`],[`colspan`,`7`],[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,rQ,4,0,`div`,1)(1,iQ,7,0,`div`,2),L(2,`div`,3)(3,`div`,4)(4,`span`,5),J(5,`Page`),R(),L(6,`app-select`,6),U(`valueChange`,function(e){return t.selectPage(e)}),R()(),L(7,`button`,7),U(`click`,function(){return t.clearCalls()}),J(8,` Clear timeline `),R(),L(9,`p`,8),J(10),R()(),L(11,`div`,9)(12,`section`,10)(13,`h2`,11),J(14),R(),M(15,AQ,20,1)(16,jQ,11,0,`div`,12),R(),L(17,`section`,13)(18,`h2`,14),J(19),R(),z(20,`app-limit-note`,15),L(21,`div`,16)(22,`div`,17),D(),L(23,`svg`,18),z(24,`circle`,19)(25,`path`,20),R(),_s(),L(26,`input`,21),U(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),R()(),L(27,`app-select`,22),cv(`valueChange`,function(e){return sv(t.sideFilter,e)||(t.sideFilter=e),e}),R(),L(28,`label`,23)(29,`input`,24),U(`change`,function(e){return t.failedOnly.set(e.target.checked)}),R(),J(30,` Failed only `),R(),L(31,`span`,25),J(32),R(),L(33,`span`,26),J(34),R()(),M(35,VQ,25,5)(36,WQ,9,1,`div`,27)(37,GQ,11,0,`div`,12),M(38,JQ,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,YQ,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,XQ,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,n$,17,17,`li`,52,$Z,!1,r$,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,i$,8,1)(107,s$,12,6)(108,c$,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,d$,12,12,`li`,52,$Z,!1,f$,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,w$,37,14)(122,T$,5,0,`div`,12),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,P$,2,1)(127,F$,3,0,`div`,12),R()()),e&2){let e,n,r,i;N(t.loading()?0:t.failed()?1:-1),k(6),I(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),k(),I(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),Y(t.message()),k(4),X(`SSR requests (`,t.requests().length,`)`),k(),N(t.requests().length?15:16),k(4),X(`HTTP timeline (`,t.timeline().length,`)`),k(),I(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),k(),q(`no-calls`,!t.timeline().length),k(5),I(`value`,t.callQuery()),k(),I(`options`,t.sideOptions),ov(`value`,t.sideFilter),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.visibleCalls().length,` of `,t.timeline().length),k(2),Y(t.filterStatus()),k(),N(t.visibleCalls().length?35:t.timeline().length?36:37),k(3),N((e=t.selectedCall())?38:-1,e),k(4),N(t.canWrite()?-1:42),k(7),I(`value`,t.draft().pattern),k(5),I(`options`,t.methodOptions())(`value`,t.draft().method),k(4),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),k(5),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),k(3),I(`value`,t.draft().delayMs),k(6),I(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),j(`aria-invalid`,t.bodyError()?`true`:null),k(2),Y(t.bodyError()),k(),N(t.draftMocksOnServer()?75:-1),k(2),Y(t.draftHint()),k(2),I(`disabled`,!t.canWrite()||!t.draftRule()),j(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),k(3),X(` Rules (`,t.rules().length,`) `),k(2),F(t.rules()),k(15),I(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),k(6),I(`value`,t.overrideDraft().pattern),k(),N((n=t.overrideDraft().kind)===`render-error`?106:n===`state-edit`?107:n===`client-render`?108:-1),k(4),I(`disabled`,!t.canWrite()||!t.overrideReady()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),X(` Overrides (`,t.overrides().length,`) `),k(2),F(t.overrides()),k(6),N((r=t.selected()?.hydration)?121:122,r),k(5),N((i=t.selectedPayload())?126:127,i)}},dependencies:[rk,Vz,OO,gb],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
@@ -14840,7 +15071,7 @@ summary[_ngcontent-%COMP%]:hover   .entry-key[_ngcontent-%COMP%] {
   .message[_ngcontent-%COMP%] {
     text-align: left;
   }
-}`]})};function UQ(e,t){e&1&&(O(),B(0,`svg`,9),Vg(1,`path`,20),V())}function WQ(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 GQ(e,t){e&1&&(O(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function KQ(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 qQ(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 JQ(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,UQ,2,0,`:svg:svg`,9)(12,WQ,11,0,`:svg:svg`,10)(13,GQ,5,0,`:svg:svg`,11)(14,KQ,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,qQ,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,JQ,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 e1(e,t){e&1&&(D(),B(0,`svg`,9),Vg(1,`path`,20),V())}function t1(e,t){e&1&&(D(),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 n1(e,t){e&1&&(D(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function r1(e,t){e&1&&(D(),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 i1(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,Nu),k(3),Y(e.label)}}function a1(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`),k(),Y(e)}}var o1=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=A({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,e1,2,0,`:svg:svg`,9)(12,t1,11,0,`:svg:svg`,10)(13,n1,5,0,`:svg:svg`,11)(14,r1,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,i1,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,a1,2,3,`li`,19,Ag),V()()),e&2){let e,n;k(11),N((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),k(7),X(` `,t.info().badge),k(2),Y(t.info().heading),k(2),Y(t.info().summary),k(),N((n=t.info().link)?23:-1,n),k(2),X(` `,t.plansTitle(),` `),k(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%);
@@ -15186,9 +15417,9 @@ h2[_ngcontent-%COMP%] {
    .author[_ngcontent-%COMP%]:hover   .go[_ngcontent-%COMP%] {
     transform: none;
   }
-}`]})},XQ=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function ZQ(e){return e==null?`Unknown`:e?`Yes`:`No`}function QQ(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 $Q(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 e$=new WeakMap;function t$(e){let t=e.calls;if(Array.isArray(t))return e;let n=e$.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)},e$.set(e,n)}return n}function n$(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(t$).sort((e,t)=>t.reportedAt-e.reportedAt)}function r$(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function i$(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function a$(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||i$(e,n)>=500}function o$(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 s$(e,t){let n=t-e;return n<1e3?`just now`:`${o$(n)} ago`}function c$(e,t){return XQ.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 l$(e,t){let n=e.info,r=n=>e.calls.filter(e=>a$(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=>c$(e,n.platform)).length}}function u$(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 d$=/^[A-Za-z_$][\w$]*$/;function f$(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+f$(e,n)).join(`,
-`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${d$.test(e)?e:JSON.stringify(e)}: ${f$(t,n)}`).join(`,
-`)},\n${t}}`:`{}`}function p$(e){let t=d$.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=d$.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[f$(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function m$(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function h$(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 g$(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 _$(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function v$(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 y$(e,t){e&1&&M(0,_$,2,0,`p`,9)(1,v$,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function b$(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();A(),Y(e.code)}}function x$(e,t){if(e&1&&(B(0,`p`,11),M(1,b$,2,1,`code`),J(2),V()),e&2){let e=t;A(),N(e.code?1:-1),A(),X(` `,e.message,` `)}}function S$(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function C$(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 w$(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function T$(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 E$(e,t){if(e&1&&(M(0,C$,2,1,`p`,9),M(1,w$,2,0,`p`,9)(2,T$,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 D$(e,t){if(e&1&&M(0,x$,3,2,`p`,11)(1,S$,2,0,`p`,9)(2,E$,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function O$(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 k$(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,O$,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 A$=[`args`,`outcome`,`timing`],j$=class e{call=$.required();now=$.required();announce=Rv();host=w(Fl);tab=k(`args`);tabOrder=A$;json=m$;time=ZO;span=o$;took=i$;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:r$(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=A$.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%A$.length;else if(e.key===`ArrowLeft`)n=(t-1+A$.length)%A$.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=A$.length-1;else return;e.preventDefault();let r=A$[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`?m$(t):p$(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,g$,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,y$,2,1)(17,D$,3,1)(18,k$,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%] {
+}`]})},s1=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function c1(e){return e==null?`Unknown`:e?`Yes`:`No`}function l1(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 u1(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 d1=new WeakMap;function f1(e){let t=e.calls;if(Array.isArray(t))return e;let n=d1.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)},d1.set(e,n)}return n}function p1(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(f1).sort((e,t)=>t.reportedAt-e.reportedAt)}function m1(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function h1(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function g1(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||h1(e,n)>=500}function _1(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 v1(e,t){let n=t-e;return n<1e3?`just now`:`${_1(n)} ago`}function y1(e,t){return s1.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 b1(e,t){let n=e.info,r=n=>e.calls.filter(e=>g1(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=>y1(e,n.platform)).length}}function x1(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 S1=/^[A-Za-z_$][\w$]*$/;function C1(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+C1(e,n)).join(`,
+`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${S1.test(e)?e:JSON.stringify(e)}: ${C1(t,n)}`).join(`,
+`)},\n${t}}`:`{}`}function w1(e){let t=S1.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=S1.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[C1(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function T1(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function E1(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 D1(e,t){if(e&1){let e=H();B(0,`button`,8),W(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,n.tabLabel(e),` `)}}function O1(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function k1(e,t){if(e&1&&(B(0,`pre`,10),J(1),V()),e&2){let e=G(2),t=fv(0);k(),Y(e.json(t.args))}}function A1(e,t){e&1&&M(0,O1,2,0,`p`,9)(1,k1,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function j1(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.code)}}function M1(e,t){if(e&1&&(B(0,`p`,11),M(1,j1,2,1,`code`),J(2),V()),e&2){let e=t;k(),N(e.code?1:-1),k(),X(` `,e.message,` `)}}function N1(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function P1(e,t){if(e&1&&(B(0,`p`,9),J(1),V()),e&2){G(3);let e=fv(0);k(),X(`The latest of `,e.callbacks,` callbacks.`)}}function F1(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function I1(e,t){if(e&1&&(B(0,`pre`,12),J(1),V()),e&2){let e=G(3),t=fv(0);k(),Y(e.json(t.result))}}function L1(e,t){if(e&1&&(M(0,P1,2,1,`p`,9),M(1,F1,2,0,`p`,9)(2,I1,2,1,`pre`,12)),e&2){G(2);let e=fv(0);N(e.callbacks&&e.callbacks>1?0:-1),k(),N(e.result===void 0?1:2)}}function R1(e,t){if(e&1&&M(0,M1,3,2,`p`,11)(1,N1,2,0,`p`,9)(2,L1,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function z1(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);k(4),Y(e.callbacks??0)}}function B1(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,z1,5,1,`div`),V()),e&2){let e=G(),t=fv(0);k(5),Y(e.time(t.startedAt)),k(5),X(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),k(3),Y(t.status===`pending`?`Waiting for`:`Duration`),k(2),Y(e.span(e.took(t,e.now()))),k(),N(t.kind===`callback`?16:-1)}}var V1=[`args`,`outcome`,`timing`],H1=class e{call=$.required();now=$.required();announce=Rv();host=C(Il);tab=O(`args`);tabOrder=V1;json=T1;time=QO;span=_1;took=h1;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:m1(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=V1.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%V1.length;else if(e.key===`ArrowLeft`)n=(t-1+V1.length)%V1.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=V1.length-1;else return;e.preventDefault();let r=V1[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`?T1(t):w1(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=A({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,D1,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,A1,2,1)(17,R1,3,1)(18,B1,17,5,`dl`),V()()),e&2){let e,n=dv(t.call());k(4),Z(``,n.plugin,`.`,n.method,`()`),k(2),rv(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),k(7),F(t.tabOrder),k(2),qg(`id`,`cap-panel-`+t.tab()),j(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),k(),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);
@@ -15341,7 +15572,7 @@ dd[_ngcontent-%COMP%] {
   margin: 0;
   color: var(--%NS%text);
   font-variant-numeric: tabular-nums;
-}`]})},M$=(e,t)=>t.plugin,N$=(e,t)=>t.label;function P$(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 F$(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function I$(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,P$,8,3)(5,F$,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 L$(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,I$,6,2,`div`,null,N$),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 R$(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function z$(e,t=e=>e){return n=>{let r=R$(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function B$(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var V$=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:B$([`getFoldState`],[`foldStateChange`],z$(`state`))},{label:`Posture`,sources:B$([`getFoldState`],[`foldStateChange`],z$(`posture`))},{label:`Hinge orientation`,sources:B$([`getFoldState`],[`foldStateChange`],z$(`hingeOrientation`))},{label:`Hinge angle`,sources:B$([`getHingeAngle`],[`hingeAngleChange`],z$(`angle`,e=>`${e}°`))},{label:`Active display`,sources:B$([`getFoldState`],[`foldStateChange`],z$(`activeDisplay`))},{label:`Size class`,sources:B$([`getSizeClass`],[`sizeClassChange`],e=>{let t=z$(`widthClass`)(e),n=z$(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function H$(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 U$(e,t=V$){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=H$(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 W$=class e{cards=$.required();now=$.required();ago=s$;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,L$,7,3,`article`,2,M$),V()),e&2&&(A(3),F(t.cards()))},styles:[`[_nghost-%COMP%] {
+}`]})},U1=(e,t)=>t.plugin,W1=(e,t)=>t.label;function G1(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);k(),Y(e.value),k(5),Y(e.from),k(),X(`, `,t.ago(e.at,t.now()))}}function K1(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function q1(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,G1,8,3)(5,K1,2,0,`span`,4),V()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),N(e.value===null?5:4)}}function J1(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,q1,6,2,`div`,null,W1),V()()),e&2){let e=t.$implicit;j(`aria-labelledby`,`cap-state-`+e.plugin),k(),qg(`id`,`cap-state-`+e.plugin),k(2),Y(e.plugin),k(2),F(e.fields)}}function Y1(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function X1(e,t=e=>e){return n=>{let r=Y1(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function Z1(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var Q1=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:Z1([`getFoldState`],[`foldStateChange`],X1(`state`))},{label:`Posture`,sources:Z1([`getFoldState`],[`foldStateChange`],X1(`posture`))},{label:`Hinge orientation`,sources:Z1([`getFoldState`],[`foldStateChange`],X1(`hingeOrientation`))},{label:`Hinge angle`,sources:Z1([`getHingeAngle`],[`hingeAngleChange`],X1(`angle`,e=>`${e}°`))},{label:`Active display`,sources:Z1([`getFoldState`],[`foldStateChange`],X1(`activeDisplay`))},{label:`Size class`,sources:Z1([`getSizeClass`],[`sizeClassChange`],e=>{let t=X1(`widthClass`)(e),n=X1(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function $1(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 e0(e,t=Q1){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=$1(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 t0=class e{cards=$.required();now=$.required();ago=v1;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,J1,7,3,`article`,2,U1),V()),e&2&&(k(3),F(t.cards()))},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -15417,7 +15648,7 @@ dd[_ngcontent-%COMP%] {
 
 .missing[_ngcontent-%COMP%] {
   font-style: italic;
-}`]})},G$=(e,t)=>t.filter,K$=(e,t)=>t.id,q$=(e,t)=>t.name;function J$(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 X$(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 Z$(e,t){if(e&1&&P(0,X$,6,4,`button`,26,G$),e&2){let e=G();F(G(2).callStats(e))}}function Q$(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,Z$,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 $$(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 e1(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 t1(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 n1(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 r1(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function i1(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 a1(e,t){e&1&&(O(),z(0,`path`,50))}function o1(e,t){e&1&&(O(),z(0,`circle`,55)(1,`path`,56))}function s1(e,t){e&1&&(O(),z(0,`circle`,55)(1,`path`,57))}function c1(e,t){e&1&&(O(),z(0,`circle`,55)(1,`path`,58))}function l1(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function u1(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,a1,1,0,`:svg:path`,50)(7,o1,2,0)(8,s1,2,0)(9,c1,2,0),R(),J(10),R(),M(11,l1,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 d1(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 f1(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,u1,20,15,`li`,null,K$),R(),M(4,d1,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 p1(e,t){if(e&1){let e=H();M(0,n1,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,r1,2,0,`p`,18)(13,i1,7,3,`div`,18)(14,f1,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 m1(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function h1(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();A(),Y(e.command)}}function g1(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 _1(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,h1,2,1,`code`),J(3),R(),M(4,g1,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 v1(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,_1,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 y1(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,v1,12,5,`tr`,null,q$),R()()()),e&2){let e=G();A(15),F(e.info.plugins)}}function b1(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function x1(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 S1(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function C1(e,t){if(e&1&&(M(0,x1,2,1,`code`,68)(1,S1,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 w1(e,t){e&1&&J(0,` None yet `)}function T1(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 E1(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,C1,4,2)(11,w1,1,0),R(),L(12,`td`),J(13),M(14,T1,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 D1(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,E1,15,6,`tr`,null,K$),R()()()),e&2){let e=G();A(15),F(e.listeners)}}function O1(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,Q$,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,$$,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,e1,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,t1,12,1,`p`,15)(46,p1,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,m1,2,0,`p`,18)(51,y1,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,b1,2,0,`p`,18)(56,D1,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 k1(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 A1=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,j1=2e3,M1={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},N1=class e{rpc=$(null);destroyRef=w(Es);host=w(Fl);injector=w(ws);seen=new Map;hostPageId=IE();unsubscribe;time=ZO;preview=h$;pluginHint=c$;guideUrl=A1;yesNo=ZQ;filterOptions=Object.keys(M1).map(e=>({value:e,label:M1[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:$Q(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(()=>tD(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=>a$(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=>i$(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${M1[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?U$(e):[]});leaks=Q(()=>u$(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?l$(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`:r$(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:r$(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${o$(i$(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,i$(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+j1-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(QQ(n$(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,J$,2,0,`p`,1)(1,Y$,5,0,`div`,2)(2,O1,57,13)(3,k1,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[nk,DO,j$,W$],styles:[`[_nghost-%COMP%] {
+}`]})},n0=(e,t)=>t.filter,r0=(e,t)=>t.id,i0=(e,t)=>t.name;function a0(e,t){e&1&&(L(0,`p`,1),J(1,`Loading Capacitor data…`),R())}function o0(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function s0(e,t){if(e&1){let e=H();L(0,`button`,27),U(`click`,function(){let t=T(e).$implicit;return E(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),k(2),Y(e.label),k(3),Y(e.count)}}function c0(e,t){if(e&1&&P(0,s0,6,4,`button`,26,n0),e&2){let e=G();F(G(2).callStats(e))}}function l0(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,c0,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;k(6),Y(e.platform),k(),X(` `,e.native?`native`:`web`),k(),N(e.logsCalls?8:-1),k(6),Y(e.capacitorHttp),k(6),Y(e.hints)}}function u0(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 T(e),E(G(2).selectedPageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function d0(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);k(3),I(`cards`,e.stateCards())(`now`,e.now())}}function f0(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);k(8),I(`href`,e.guideUrl,Nu)}}function p0(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);k(2),I(`href`,e.guideUrl,Nu)}}function m0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function h0(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(){T(e),G();let t=d_(7);return G(2).clearFilters(),E(t.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2),t=G();k(4),rv(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function g0(e,t){e&1&&(D(),z(0,`path`,50))}function _0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,56))}function v0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,57))}function y0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,58))}function b0(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function x0(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,46),U(`focus`,function(){let t=T(e).$implicit;return E(G(4).focusedCallId.set(t.id))})(`click`,function(){let t=T(e).$implicit;return E(G(4).select(t.id))}),L(2,`code`,47),J(3),R(),L(4,`span`,48),D(),L(5,`svg`,49),M(6,g0,1,0,`:svg:path`,50)(7,_0,2,0)(8,v0,2,0)(9,y0,2,0),R(),J(10),R(),M(11,b0,2,0,`span`,51),_s(),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);k(),q(`selected`,r.selected()?.id===n.id),j(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),k(2),Z(``,n.plugin,`.`,n.method,`()`),k(),j(`data-tone`,r.tone(n)),k(2),N((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),k(4),X(` `,r.statusLabel(n),` `),k(),N(n.kind===`callback`?11:-1),k(3),K(`width`,r.barWidth(n),`%`),k(),X(` `,r.durationText(n),` `),k(2),Y(n.via),k(2),Y(r.time(n.startedAt))}}function S0(e,t){if(e&1){let e=H();L(0,`app-capacitor-call-detail`,59),U(`announce`,function(t){return T(e),E(G(4).announce(t))}),R()}if(e&2){let e=G(4);I(`call`,t)(`now`,e.now())}}function C0(e,t){if(e&1){let e=H();L(0,`div`,42)(1,`ol`,44),U(`keydown`,function(t){return T(e),E(G(3).onListKey(t))}),P(2,x0,20,15,`li`,null,r0),R(),M(4,S0,1,2,`app-capacitor-call-detail`,45),R()}if(e&2){let e,t=G(3);k(2),F(t.shownCalls()),k(2),N((e=t.selected())?4:-1,e)}}function w0(e,t){if(e&1){let e=H();M(0,p0,6,1,`p`,15),L(1,`div`,33)(2,`div`,34),D(),L(3,`svg`,35),z(4,`circle`,36)(5,`path`,37),R(),_s(),L(6,`input`,38,0),U(`input`,function(t){return T(e),E(G(2).setSearch(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).setSearch(``))}),R()(),L(8,`app-select`,39),U(`valueChange`,function(t){return T(e),E(G(2).setFilter(t))}),R(),L(9,`span`,40),J(10),R()(),z(11,`app-limit-note`,41),M(12,m0,2,0,`p`,18)(13,h0,7,3,`div`,18)(14,C0,5,1,`div`,42)}if(e&2){let e=G(),t=G();N(e.info.webCalls?-1:0),k(6),I(`value`,t.filter()),k(2),I(`options`,t.filterOptions)(`value`,t.callFilter()),k(2),Z(``,t.shownCalls().length,` of `,e.calls.length,` calls`),k(),I(`dropped`,e.dropped)(`max`,t.maxCalls()),k(),N(e.calls.length?t.shownCalls().length?14:13:12)}}function T0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function E0(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();k(),Y(e.command)}}function D0(e,t){if(e&1){let e=H();L(0,`button`,65),U(`click`,function(){T(e);let t=G();return E(G(4).copyCommand(t.command))}),J(1,` Copy `),R()}e&2&&j(`aria-label`,`Copy `+G().command)}function O0(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,E0,2,1,`code`),J(3),R(),M(4,D0,2,1,`button`,64)),e&2){let e=t;k(),Y(e.before),k(),N(e.command?2:-1),k(),Y(e.after),k(),N(e.command?4:-1)}}function k0(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,O0,5,4),R()()),e&2){let e,n=t.$implicit,r=G(2),i=G();k(3),Y(n.name),k(2),Y(n.available?`Yes`:`No`),k(2),Y(i.yesNo(n.registered)),k(2),Y(n.native?`Yes`:`No`),k(2),N((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function A0(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,k0,12,5,`tr`,null,i0),R()()()),e&2){let e=G();k(15),F(e.info.plugins)}}function j0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function M0(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(3);k(),Y(t.preview(e.last))}}function N0(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function P0(e,t){if(e&1&&(M(0,M0,2,1,`code`,68)(1,N0,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)),k(3),X(`at `,t.time(e.lastEventAt))}}function F0(e,t){e&1&&J(0,` None yet `)}function I0(e,t){if(e&1&&(L(0,`span`,67),D(),L(1,`svg`,49),z(2,`path`,69)(3,`path`,70),R(),J(4),R()),e&2){let e=G().$implicit,t=G(3);k(4),X(` `,t.leakCount(e),` active listeners: possible leak `)}}function L0(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,P0,4,2)(11,F0,1,0),R(),L(12,`td`),J(13),M(14,I0,5,1,`span`,67),R()()),e&2){let e=t.$implicit,n=G(3);k(3),Y(e.plugin),k(3),Y(e.event),k(2),Y(e.events),k(2),N(e.lastEventAt?10:11),k(3),X(` `,e.removed?`Removed`:`Active`,` `),k(),N(!e.removed&&n.leakCount(e)>1?14:-1)}}function R0(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,L0,15,6,`tr`,null,r0),R()()()),e&2){let e=G();k(15),F(e.listeners)}}function z0(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,l0,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,u0,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,d0,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,f0,12,1,`p`,15)(46,w0,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,T0,2,0,`p`,18)(51,A0,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,j0,2,0,`p`,18)(56,R0,17,0,`div`,22),R()),e&2){let e,n=t,r=G();k(3),N((e=r.summary())?3:-1,e),k(2),Y(r.message()),k(5),N(r.pageOptions().length>1?10:-1),k(7),Y(n.info.platform),k(),X(` (`,n.info.native?`native`:`web`,`) `),k(6),Y(n.info.env.serverUrl||`none`),k(5),X(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),k(5),Y(r.loggedLabel()),k(6),Y(n.info.env.userAgent||`unknown`),k(),N(r.stateCards().length?41:-1),k(4),N(!n.info.bridge&&!n.info.webCalls?45:46),k(5),N(n.info.plugins.length?51:50),k(5),N(n.listeners.length?56:55)}}function B0(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 V0=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,H0=2e3,U0={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},W0=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);injector=C(Ts);seen=new Map;hostPageId=LE();unsubscribe;time=QO;preview=E1;pluginHint=y1;guideUrl=V0;yesNo=c1;filterOptions=Object.keys(U0).map(e=>({value:e,label:U0[e]}));pages=O([]);loaded=O(!1);failed=O(!1);selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:u1(e,this.hostPageId)});selectedCallId=O(null);focusedCallId=O(null);filter=O(``);callFilter=O(`all`);now=O(Date.now());message=O(``);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(()=>nD(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=>g1(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=>h1(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${U0[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?e0(e):[]});leaks=Q(()=>x1(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?b1(e,this.now()):null});summary=O(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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),Hd(()=>{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`:m1(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:m1(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${_1(h1(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,h1(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+H0-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(l1(p1(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=A({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,a0,2,0,`p`,1)(1,o0,5,0,`div`,2)(2,z0,57,13)(3,B0,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[rk,OO,H1,t0],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -15900,7 +16131,212 @@ td.last[_ngcontent-%COMP%] {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},P1=[`log`,`info`,`warn`,`error`,`debug`],F1={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function I1(e){return!!e&&typeof e==`object`}function L1(e){let t=I1(e)?e.pages:void 0;return I1(t)?Object.values(t).filter(e=>I1(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:I1(e.errors)?Object.values(e.errors):[],console:I1(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:I1(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 R1(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function z1(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 B1(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 V1(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var H1=(e,t)=>t.pageId+t.id;function U1(e,t){e&1&&(L(0,`p`,1),J(1,`Loading errors…`),R())}function W1(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 G1(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 K1(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 q1(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 J1(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 X1(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 Z1(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 Q1(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 $1(e,t){if(e&1&&(L(0,`span`,33),J(1),R()),e&2){let e=G();A(),Y(e)}}function e0(e,t){if(e&1&&M(0,Q1,4,2,`a`,32)(1,$1,2,1,`span`,33),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function t0(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 n0(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 r0(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 i0(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 a0(e,t){e&1&&M(0,r0,4,1,`button`,35)(1,i0,4,1,`span`,4),e&2&&N(+!G(5).canShowComponent())}function o0(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 s0(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,e0,2,1),P(8,t0,2,1,`span`,31,Ag),L(10,`span`,4),J(11),R(),M(12,n0,2,1,`span`,4),M(13,a0,2,1),R(),M(14,o0,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 c0(e,t){if(e&1&&(L(0,`ol`,25),P(1,s0,15,8,`li`,26,H1),R()),e&2){let e=G(3);A(),F(e.shownErrors())}}function l0(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,22),J(2,`Errors`),R(),M(3,J1,2,0,`p`,23),M(4,Y1,2,2,`p`,23),M(5,X1,2,0,`p`,24)(6,Z1,5,1,`div`,24)(7,c0,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 u0(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 d0(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 f0(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 p0(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 m0(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 h0(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=G();A(),Y(e)}}function g0(e,t){if(e&1&&M(0,m0,4,2,`a`,32)(1,h0,2,1,`span`,44),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function _0(e,t){if(e&1&&(L(0,`li`,40)(1,`span`,41),J(2),R(),L(3,`code`,42),J(4),R(),M(5,p0,2,2,`span`,28),M(6,g0,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 v0(e,t){if(e&1&&(L(0,`ol`,39),P(1,_0,9,6,`li`,40,H1),R()),e&2){let e=G(3);A(),F(e.shownEntries())}}function y0(e,t){if(e&1&&(L(0,`section`,19)(1,`h2`,38),J(2,`Console`),R(),M(3,u0,2,2,`p`,23),M(4,d0,2,0,`p`,24)(5,f0,5,0,`div`,24)(6,v0,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 b0(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,K1,1,2,`app-select`,15),M(19,q1,1,2,`app-select`,16),L(20,`span`,17),J(21),R()(),M(22,l0,8,3,`section`,18)(23,y0,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 x0={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},S0=class e{rpc=$(null);canShowComponent=$(!0);showComponent=Rv();destroyRef=w(Es);hostPageId=IE();unsubscribe;time=ZO;codeLink=V1;sourceLabels=F1;levelTone=x0;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...P1.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:R1(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(()=>z1(this.pages(),this.pageId()));entries=Q(()=>B1(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(L1(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,U1,2,0,`p`,1)(1,W1,5,0,`div`,2)(2,G1,5,0,`div`,1)(3,b0,24,11),e&2&&N(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[DO],styles:[`[_nghost-%COMP%] {
+}`]})},G0=[`log`,`info`,`warn`,`error`,`debug`];function K0(e){return e.split("`").map((e,t)=>({code:t%2==1,text:e})).filter(e=>e.text)}var q0={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function J0(e){return!!e&&typeof e==`object`}function Y0(e){let t=J0(e)?e.pages:void 0;return J0(t)?Object.values(t).filter(e=>J0(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:J0(e.errors)?Object.values(e.errors):[],console:J0(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:J0(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 X0(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function Z0(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 Q0(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 $0(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var e2=(e,t)=>t.signal+t.at,t2=(e,t)=>t.id+e;function n2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.binding)}}function r2(e,t){e&1&&(B(0,`span`,2),J(1,`A text interpolation (Angular doesn't name it)`),V())}function i2(e,t){if(e&1&&(B(0,`span`,2),J(1,` in `),V(),B(2,`code`),J(3),V()),e&2){let e=G();k(3),Y(e.template)}}function a2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function o2(e,t){if(e&1&&(B(0,`dt`),J(1,`Held by`),V(),B(2,`dd`),P(3,a2,3,2,null,null,Ag),V()),e&2){let e=G();k(3),F(e.members)}}function s2(e,t){e&1&&(B(0,`p`,4),J(1,` Values are hidden: the binding or a field that holds them has a secret-looking name. `),V())}function c2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular says this view was created after its parent was checked, so a change detection hook such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,` created it. `),V())}function l2(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V()()),e&2){let e=t.$implicit;k(2),Y(e)}}function u2(e,t){if(e&1&&(B(0,`ol`,6),P(1,l2,3,1,`li`,null,kg),V()),e&2){let e=G().$implicit;k(),F(e.stack)}}function d2(e,t){e&1&&(B(0,`span`,2),J(1,` (turn on write stacks in the Signals tab and reproduce to see the code)`),V())}function f2(e,t){if(e&1&&(B(0,`li`),J(1,` Signal `),B(2,`code`),J(3),V(),J(4),M(5,u2,3,0,`ol`,6)(6,d2,2,0,`span`,2),V()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.signal),k(),X(` at `,n.time(e.at),` `),k(),N(e.stack?.length?5:6)}}function p2(e,t){if(e&1&&(B(0,`h4`,0),J(1,`Written by`),V(),B(2,`ul`,5),P(3,f2,7,3,`li`,null,e2),V()),e&2){let e=G();k(3),F(e.writes)}}function m2(e,t){e&1&&(B(0,`p`,4),J(1,` No named signal was written with this value just before the check. Look for code that sets a field the template reads during change detection, such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,`, a getter that returns a new value each time, or a child that changes its parent. `),V())}function h2(e,t){e&1&&(B(0,`p`,4),J(1,` Where it was written is unknown: the page doesn't report signal writes (the Signals inspector is off, or Angular is older than 17). `),V())}function g2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`What changed`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Binding`),V(),B(5,`dd`),M(6,n2,2,1,`code`)(7,r2,2,0,`span`,2),M(8,i2,4,1),V(),B(9,`dt`),J(10,`Previous`),V(),B(11,`dd`)(12,`code`,3),J(13),V()(),B(14,`dt`),J(15,`Current`),V(),B(16,`dd`)(17,`code`,3),J(18),V()(),M(19,o2,5,0),V(),M(20,s2,2,0,`p`,4),M(21,c2,5,0,`p`,4),M(22,p2,5,0)(23,m2,5,0,`p`,4)(24,h2,2,0,`p`,4)),e&2){let e=t;k(6),N(e.binding?6:7),k(2),N(e.template?8:-1),k(5),Y(e.previous),k(5),Y(e.current),k(),N(e.members?.length?19:-1),k(),N(e.masked?20:-1),k(),N(e.creation?21:-1),k(),N(e.writes?.length?22:e.writesKnown?23:24)}}function _2(e,t){if(e&1&&M(0,g2,25,8),e&2){let e;N((e=G().changed())?0:-1,e)}}function v2(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.summary)}}function y2(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.op===`expected`?`Server only:`:`Client only:`)}}function b2(e,t){if(e&1&&(B(0,`li`)(1,`span`,13),J(2),V(),M(3,y2,2,1,`span`,14),B(4,`code`),J(5),V()()),e&2){let e=t.$implicit,n=G(4);j(`data-op`,e.op),k(2),Y(n.signOf(e.op)),k(),N(e.op===`same`?-1:3),k(2),Y(e.text)}}function x2(e,t){if(e&1&&(B(0,`p`,8)(1,`span`,9),J(2,`−`),V(),J(3,` server HTML Angular expected `),B(4,`span`,10),J(5,`+`),V(),J(6,` client DOM it found `),V(),B(7,`div`,11)(8,`ol`,12),P(9,b2,6,4,`li`,null,kg),V()()),e&2){let e=G();k(9),F(e.diff)}}function S2(e,t){e&1&&(B(0,`p`,4),J(1,`Angular described neither side of the mismatch.`),V())}function C2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular thinks a browser extension or third-party script changed the DOM before hydration. Try a clean browser profile, or add `),B(2,`code`),J(3,`ngSkipHydration`),V(),J(4,` to the host. `),V())}function w2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Server vs client DOM`),V(),M(2,v2,2,1,`p`,7),M(3,x2,11,0)(4,S2,2,0,`p`,4),M(5,C2,5,0,`p`,4)),e&2){let e=t;k(2),N(e.summary?2:-1),k(),N(e.diff?.length?3:4),k(2),N(e.external?5:-1)}}function T2(e,t){if(e&1&&M(0,w2,6,3),e&2){let e;N((e=G().mismatch())?0:-1,e)}}function E2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:` → `,` `)}}function D2(e,t){if(e&1&&(B(0,`dt`),J(1,`Path`),V(),B(2,`dd`),P(3,E2,3,2,null,null,kg),V()),e&2){let e=G();k(3),F(e.path)}}function O2(e,t){if(e&1&&(B(0,`dt`),J(1,`Source`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();k(4),Y(e.source)}}function k2(e,t){if(e&1){let e=H();B(0,`button`,18),W(`click`,function(){T(e);let t=G();return E(G(2).explainLookup(t.token))}),J(1),V()}if(e&2){let e=G(3);qg(`disabled`,e.loading()),k(),X(` `,e.lookup()?`Explain lookup again`:`Explain lookup`,` `)}}function A2(e,t){e&1&&(B(0,`p`,4),J(1,` The component that asked for it wasn't found on the page, so the lookup can't be walked from here. `),V())}function j2(e,t){e&1&&(B(0,`p`,4),J(1,`Walking the lookup…`),V())}function M2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function N2(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.text,` `)}}function P2(e,t){if(e&1&&M(0,M2,2,1,`code`)(1,N2,1,1),e&2){let e=t.$implicit;N(+!e.code)}}function F2(e,t){if(e&1&&(B(0,`p`,17),P(1,P2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t))}}function I2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function L2(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.text,` `)}}function R2(e,t){if(e&1&&M(0,I2,2,1,`code`)(1,L2,1,1),e&2){let e=t.$implicit;N(+!e.code)}}function z2(e,t){if(e&1&&(B(0,`code`,2),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.component)}}function B2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function V2(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.text,` `)}}function H2(e,t){if(e&1&&M(0,B2,2,1,`code`)(1,V2,1,1),e&2){let e=t.$implicit;N(+!e.code)}}function U2(e,t){if(e&1&&(B(0,`li`)(1,`span`,20)(2,`code`),J(3),V(),M(4,z2,2,1,`code`,2),V(),B(5,`span`,21),J(6),V(),B(7,`span`,22),P(8,H2,2,1,null,null,kg),V()()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.name),k(),N(e.component?4:-1),k(),j(`data-tone`,n.stepTone[e.status]),k(),Y(n.stepLabel[e.status]),k(2),F(n.segments(e.reason))}}function W2(e,t){e&1&&J(0,` This Angular version has no resolution path, so the path follows the rendered tree. `)}function G2(e,t){if(e&1&&(B(0,`p`,7),P(1,R2,2,1,null,null,kg),V(),B(3,`ol`,19),P(4,U2,10,4,`li`,null,t2),V(),B(6,`p`,4),J(7,` Read from the injector tree the page reported, assuming no `),B(8,`code`),J(9,`self`),V(),J(10,`, `),B(11,`code`),J(12,`skipSelf`),V(),J(13,`, `),B(14,`code`),J(15,`host`),V(),J(16,` or `),B(17,`code`),J(18,`optional`),V(),J(19,`. Agents can pass those to `),B(20,`code`),J(21,`explain-injection`),V(),J(22,`. `),M(23,W2,1,0),V()),e&2){let e=t,n=G(3);k(),F(n.segments(e.summary)),k(3),F(e.steps),k(19),N(e.approximate?23:-1)}}function K2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Missing provider`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Token`),V(),B(5,`dd`)(6,`code`),J(7),V()(),M(8,D2,5,0),M(9,O2,5,1),V(),M(10,k2,2,2,`button`,15)(11,A2,2,0,`p`,4),B(12,`div`,16),M(13,j2,2,0,`p`,4)(14,F2,3,0,`p`,17)(15,G2,24,1),V()),e&2){let e,n=t,r=G(2);k(7),Y(n.token),k(),N(n.path?.length?8:-1),k(),N(n.source?9:-1),k(),N(r.canExplain()&&r.owner()?10:r.owner()?-1:11),k(3),N(r.loading()?13:(e=r.lookupError())?14:(e=r.lookup())?15:-1,e)}}function q2(e,t){if(e&1&&M(0,K2,16,5),e&2){let e;N((e=G().missing())?0:-1,e)}}var J2={provides:`Provides it`,missing:`Not provided`,hidden:`Hidden`,skipped:`Skipped`,"not-asked":`Not asked`,unknown:`Unknown`},Y2={provides:`ok`,missing:`plain`,hidden:`warn`,skipped:`plain`,"not-asked":`plain`,unknown:`warn`},X2=class e{explain=$.required();owner=$(void 0);pageId=$(``);rpc=$(null);canExplain=$(!1);time=QO;segments=K0;stepLabel=J2;stepTone=Y2;changed=Q(()=>{let e=this.explain();return e.kind===`expression-changed`?e:null});mismatch=Q(()=>{let e=this.explain();return e.kind===`hydration-mismatch`?e:null});missing=Q(()=>{let e=this.explain();return e.kind===`missing-provider`?e:null});loading=O(!1);lookup=O(null);lookupError=O(null);signOf(e){return e===`expected`?`−`:e===`actual`?`+`:` `}async explainLookup(e){let t=this.rpc(),n=this.owner();if(t&&n){this.loading.set(!0),this.lookupError.set(null);try{let r=await t.scope(`pangular`).rpc.call(`explain-injection`,{selector:n.id,token:e,pageId:this.pageId()});!r||`error`in r?(this.lookup.set(null),this.lookupError.set(r?.error??`The server didn't answer.`)):this.lookup.set(r)}catch{this.lookup.set(null),this.lookupError.set(`Can't reach the devtools server. Try again.`)}finally{this.loading.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-error-explain`]],inputs:{explain:[1,`explain`],owner:[1,`owner`],pageId:[1,`pageId`],rpc:[1,`rpc`],canExplain:[1,`canExplain`]},decls:3,vars:1,consts:[[1,`label`],[1,`facts`],[1,`muted`],[1,`value`],[1,`note`],[1,`writes`],[`aria-label`,`App frames that wrote it`,1,`frames`],[1,`summary`],[1,`legend`],[`aria-hidden`,`true`,1,`sign`,`expected`],[`aria-hidden`,`true`,1,`sign`,`actual`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Server vs client DOM diff`,1,`diff-wrap`],[1,`diff`],[`aria-hidden`,`true`,1,`sign`],[1,`sr-only`],[`type`,`button`,1,`small`,3,`disabled`],[`aria-live`,`polite`],[`role`,`alert`,1,`note`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`aria-label`,`Injectors Angular asks, in order`,1,`steps`],[1,`step-name`],[1,`chip`],[1,`reason`]],template:function(e,t){if(e&1&&M(0,_2,1,1)(1,T2,1,1)(2,q2,1,1),e&2){let e;N((e=t.explain().kind)===`expression-changed`?0:e===`hydration-mismatch`?1:e===`missing-provider`?2:-1)}},styles:[`[_nghost-%COMP%] {
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+  padding: 8px 10px;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%bg);
+  font-size: 12px;
+}
+
+.label[_ngcontent-%COMP%] {
+  color: var(--%NS%text-3);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  margin: 0;
+}
+
+code[_ngcontent-%COMP%] {
+  font-family: var(--%NS%font-mono);
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+
+.muted[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+}
+
+.facts[_ngcontent-%COMP%] {
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr);
+  gap: 4px 12px;
+  margin: 0;
+}
+
+dt[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+}
+
+dd[_ngcontent-%COMP%] {
+  min-width: 0;
+  margin: 0;
+}
+
+.value[_ngcontent-%COMP%] {
+  white-space: pre-wrap;
+}
+
+.note[_ngcontent-%COMP%], 
+.summary[_ngcontent-%COMP%], 
+.legend[_ngcontent-%COMP%] {
+  margin: 0;
+  color: var(--%NS%text-2);
+  line-height: 1.5;
+}
+
+.summary[_ngcontent-%COMP%] {
+  color: var(--%NS%text);
+}
+
+.writes[_ngcontent-%COMP%], 
+.frames[_ngcontent-%COMP%] {
+  margin: 0;
+  padding-left: 18px;
+}
+
+.diff-wrap[_ngcontent-%COMP%] {
+  max-height: 280px;
+  overflow: auto;
+  border-radius: var(--%NS%radius-sm);
+  border: 1px solid var(--%NS%border);
+}
+
+.diff-wrap[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: -2px;
+}
+
+.diff[_ngcontent-%COMP%] {
+  min-width: max-content;
+  margin: 0;
+  padding: 4px 0;
+  list-style: none;
+}
+
+.diff[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {
+  display: flex;
+  gap: 8px;
+  padding: 0 8px;
+  white-space: pre;
+}
+
+.diff[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {
+  overflow-wrap: normal;
+}
+
+.diff[_ngcontent-%COMP%]   li[data-op=expected][_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);
+}
+
+.diff[_ngcontent-%COMP%]   li[data-op=actual][_ngcontent-%COMP%] {
+  border-color: color-mix(in srgb, var(--%NS%ok) 30%, transparent);
+  background: color-mix(in srgb, var(--%NS%ok) 12%, transparent);
+  color: var(--%NS%ok-text);
+}
+
+.sign[_ngcontent-%COMP%] {
+  flex-shrink: 0;
+  width: 1ch;
+  font-family: var(--%NS%font-mono);
+  font-weight: 700;
+}
+
+.legend[_ngcontent-%COMP%]   .sign[_ngcontent-%COMP%] {
+  display: inline-block;
+  text-align: center;
+}
+
+.legend[_ngcontent-%COMP%]   .sign.expected[_ngcontent-%COMP%] {
+  color: var(--%NS%danger-text);
+}
+
+.legend[_ngcontent-%COMP%]   .sign.actual[_ngcontent-%COMP%] {
+  color: var(--%NS%ok-text);
+}
+
+.small[_ngcontent-%COMP%] {
+  justify-self: start;
+  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;
+  cursor: pointer;
+}
+
+.small[_ngcontent-%COMP%]:hover {
+  background: var(--%NS%surface-3);
+}
+
+.small[_ngcontent-%COMP%]:disabled {
+  cursor: progress;
+}
+
+.small[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.steps[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 4px;
+  margin: 0;
+  padding-left: 22px;
+}
+
+.steps[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {
+  padding: 2px 0;
+}
+
+.step-name[_ngcontent-%COMP%] {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-right: 6px;
+}
+
+.reason[_ngcontent-%COMP%] {
+  display: block;
+  color: var(--%NS%text-2);
+  line-height: 1.5;
+}
+
+.chip[_ngcontent-%COMP%] {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 8px;
+  border: 1px solid transparent;
+  border-radius: 99px;
+  font-size: 11px;
+  font-weight: 600;
+}
+
+.chip[data-tone=ok][_ngcontent-%COMP%] {
+  border-color: color-mix(in srgb, var(--%NS%ok) 30%, transparent);
+  background: color-mix(in srgb, var(--%NS%ok) 12%, transparent);
+  color: var(--%NS%ok-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);
+}
+
+.chip[data-tone=plain][_ngcontent-%COMP%] {
+  border-color: var(--%NS%border);
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text-2);
+}`]})},Z2=(e,t)=>t.pageId+t.id;function Q2(e,t){e&1&&(L(0,`p`,1),J(1,`Loading errors…`),R())}function $2(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function e4(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 t4(e,t){if(e&1){let e=H();L(0,`app-select`,20),U(`valueChange`,function(t){return T(e),E(G(2).level.set(t))}),R()}if(e&2){let e=G(2);I(`options`,e.levelOptions)(`value`,e.level())}}function n4(e,t){if(e&1){let e=H();L(0,`app-select`,21),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function r4(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 i4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedErrors(),` older error `,e.droppedErrors()===1?`group was`:`groups were`,` dropped. Each page keeps its last 100. `)}}function a4(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 o4(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`),J(2),R(),L(3,`button`,3),U(`click`,function(){T(e),G(2);let t=d_(17);return G().filter.set(``),E(t.focus())}),J(4,` Clear filter `),R()()}if(e&2){let e=G(3);k(2),X(`No error matches “`,e.filter(),`”.`)}}function s4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function c4(e,t){if(e&1&&(L(0,`span`,34),J(1),R()),e&2){let e=G();k(),Y(e)}}function l4(e,t){if(e&1&&M(0,s4,4,2,`a`,33)(1,c4,2,1,`span`,34),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function u4(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=t.$implicit,n=G(5);k(),Y(n.sourceLabels[e])}}function d4(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.pageLabel(e.pageId))}}function f4(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){T(e);let t=G(),n=G().$implicit;return E(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();k(3),Y(e.name)}}function p4(e,t){if(e&1&&(L(0,`span`,4),J(1,`In `),L(2,`code`),J(3),R()()),e&2){let e=G();k(3),Y(e.name)}}function m4(e,t){e&1&&M(0,f4,4,1,`button`,36)(1,p4,4,1,`span`,4),e&2&&N(+!G(5).canShowComponent())}function h4(e,t){if(e&1&&z(0,`app-error-explain`,32),e&2){let e=G().$implicit,n=G(4);I(`explain`,t)(`owner`,e.owner)(`pageId`,e.pageId)(`rpc`,n.rpc())(`canExplain`,n.canExplainInjection())}}function g4(e,t){if(e&1&&(L(0,`details`)(1,`summary`),J(2,`Stack`),R(),L(3,`pre`,38),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.stack)}}function _4(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,l4,2,1),P(8,u4,2,1,`span`,31,Ag),L(10,`span`,4),J(11),R(),M(12,d4,2,1,`span`,4),M(13,m4,2,1),R(),M(14,h4,1,5,`app-error-explain`,32),M(15,g4,5,1,`details`),R()),e&2){let e,n,r,i=t.$implicit,a=G(4);k(2),j(`aria-label`,a.timesLabel(i.count)),k(),X(` `,i.count,`× `),k(2),Y(i.message),k(2),N((e=i.code)?7:-1,e),k(),F(i.sources),k(3),X(`Last at `,a.time(i.lastAt)),k(),N(a.showPage()?12:-1),k(),N((n=i.owner)?13:-1,n),k(),N((r=i.explain)?14:-1,r),k(),N(i.stack?15:-1)}}function v4(e,t){if(e&1&&(L(0,`ol`,25),P(1,_4,16,9,`li`,26,Z2),R()),e&2){let e=G(3);k(),F(e.shownErrors())}}function y4(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,22),J(2,`Errors`),R(),M(3,r4,2,0,`p`,23),M(4,i4,2,2,`p`,23),M(5,a4,2,0,`p`,24)(6,o4,5,1,`div`,24)(7,v4,3,0,`ol`,25),R()),e&2){let e=G(2);k(3),N(e.unwrapped()?3:-1),k(),N(e.droppedErrors()?4:-1),k(),N(e.errors().length?e.shownErrors().length?7:6:5)}}function b4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedConsole(),` older `,e.droppedConsole()===1?`call was`:`calls were`,` dropped. Each page keeps its last 200. `)}}function x4(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 S4(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(){T(e),G(2);let t=d_(17);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}}function C4(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)),k(),X(``,e.count,`×`)}}function w4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function T4(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G();k(),Y(e)}}function E4(e,t){if(e&1&&M(0,w4,4,2,`a`,33)(1,T4,2,1,`span`,45),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function D4(e,t){if(e&1&&(L(0,`li`,41)(1,`span`,42),J(2),R(),L(3,`code`,43),J(4),R(),M(5,C4,2,2,`span`,28),M(6,E4,2,1),L(7,`time`,44),J(8),R()()),e&2){let e,n=t.$implicit,r=G(4);k(),j(`data-tone`,r.levelTone[n.level]),k(),Y(n.level),k(2),Y(n.text),k(),N(n.count>1?5:-1),k(),N((e=n.code)?6:-1,e),k(2),Y(r.time(n.at))}}function O4(e,t){if(e&1&&(L(0,`ol`,40),P(1,D4,9,6,`li`,41,Z2),R()),e&2){let e=G(3);k(),F(e.shownEntries())}}function k4(e,t){if(e&1&&(L(0,`section`,19)(1,`h2`,39),J(2,`Console`),R(),M(3,b4,2,2,`p`,23),M(4,x4,2,0,`p`,24)(5,S4,5,0,`div`,24)(6,O4,3,0,`ol`,40),R()),e&2){let e=G(2);k(3),N(e.droppedConsole()?3:-1),k(),N(e.entries().length?e.shownEntries().length?6:5:4)}}function A4(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 T(e),E(G().view.set(`errors`))}),J(5,` Errors `),L(6,`span`,9),J(7),R()(),L(8,`button`,8),U(`click`,function(){return T(e),E(G().view.set(`console`))}),J(9,` Console `),L(10,`span`,9),J(11),R()()(),L(12,`div`,10),D(),L(13,`svg`,11),z(14,`circle`,12)(15,`path`,13),R(),_s(),L(16,`input`,14,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(18,t4,1,2,`app-select`,15),M(19,n4,1,2,`app-select`,16),L(20,`span`,17),J(21),R()(),M(22,y4,8,3,`section`,18)(23,k4,7,2,`section`,19)}if(e&2){let e=G();k(4),j(`aria-pressed`,e.view()===`errors`),k(3),Y(e.errors().length),k(),j(`aria-pressed`,e.view()===`console`),k(3),Y(e.entries().length),k(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`),k(2),N(e.view()===`console`?18:-1),k(),N(e.pageOptions().length>2?19:-1),k(2),Y(e.countText()),k(),N(e.view()===`errors`?22:23)}}var j4={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},M4=class e{rpc=$(null);canShowComponent=$(!0);canExplainInjection=$(!1);showComponent=Rv();destroyRef=C(Ds);hostPageId=LE();unsubscribe;time=QO;codeLink=$0;sourceLabels=q0;levelTone=j4;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...G0.map(e=>({value:e,label:e}))];pages=O([]);loaded=O(!1);failed=O(!1);view=O(`errors`);filter=O(``);level=O(`all`);pageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&(t.value===`all`||e.some(e=>e.pageId===t.value))?t.value:X0(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(()=>Z0(this.pages(),this.pageId()));entries=Q(()=>Q0(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(){mc(()=>{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(Y0(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=A({type:e,selectors:[[`app-errors-inspector`]],inputs:{rpc:[1,`rpc`],canShowComponent:[1,`canShowComponent`],canExplainInjection:[1,`canExplainInjection`]},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`],[3,`explain`,`owner`,`pageId`,`rpc`,`canExplain`],[`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,Q2,2,0,`p`,1)(1,$2,5,0,`div`,2)(2,e4,5,0,`div`,1)(3,A4,24,11),e&2&&N(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[OO,X2],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -16233,7 +16669,7 @@ pre[_ngcontent-%COMP%]:focus-visible {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},C0=[{id:`router`,label:`Router`,tab:`routes`,tabLabel:`Routes`,inspector:`router`,state:`router`},{id:`http`,label:`HTTP`,tab:`network`,tabLabel:`SSR & HTTP`,inspector:`http`,state:`http`},{id:`ngrx`,label:`NgRx`,tab:`store`,tabLabel:`Store`,inspector:`ngrx`,state:`ngrx-store`},{id:`cd`,label:`Change detection`,tab:`components`,tabLabel:`Components`,inspector:`components`,state:`change-detection`},{id:`forms`,label:`Forms`,tab:`forms`,tabLabel:`Forms`,inspector:`forms`,state:`forms`},{id:`signals`,label:`Signals`,tab:`signals`,tabLabel:`Signals`,inspector:`signals`,state:`signal-graph`}],w0=Object.fromEntries(C0.map(e=>[e.id,e]));function T0(e){return C0.filter(t=>e.inspectors[t.inspector])}function E0(e){return Array.isArray(e)?e:[]}function D0(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function O0(e){let t=D0(e).pages;return Array.isArray(t)?t:Object.values(D0(t))}function k0(e){return typeof e==`number`&&Number.isFinite(e)}function A0(e){try{let t=new URL(e,`http://x`);return e.startsWith(`/`)||t.host===`x`?`${t.pathname}${t.search}`:e.replace(/^[a-z]+:\/\/[^/]+/i,``)||e}catch{return e}}function j0(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function M0(e){let t;try{t=typeof e==`string`?JSON.stringify(e):JSON.stringify(e)??``}catch{t=String(e)}return t.length>80?`${t.slice(0,79)}…`:t}function N0(e){let t=[];for(let n of O0(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of E0(n?.navigations)){if(!k0(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=k0(r.endedAt)?Math.max(0,r.endedAt-r.startedAt):void 0,i=r.finalUrl&&r.finalUrl!==r.url?` to ${r.finalUrl}`:``;t.push({key:`router:${e}:${r.id}`,layer:`router`,pageId:e,at:r.startedAt,...n===void 0?{}:{ms:n},title:`Navigation to ${r.url}`,detail:[`${r.outcome}${i}`,r.trigger,n===void 0?``:j0(n)].filter(Boolean).join(` · `),...r.outcome===`failed`?{tone:`danger`}:r.outcome===`cancelled`||r.outcome===`redirected`?{tone:`warn`}:{},link:{tab:`routes`,...e?{page:e}:{}}})}}return t}function P0(e){let t=e.status??0;if(e.error||t>=500||t===0&&!e.cancelled)return`danger`;if(t>=400||e.faulted||e.cancelled)return`warn`}function F0(e,t){if(!k0(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=k0(e.durationMs)?e.durationMs:void 0,a=P0(e);return{key:`http:${e.side===`server`?`server`:t}:${e.id??e.at}`,layer:`http`,pageId:t,at:e.at,...i===void 0?{}:{ms:i},title:`${e.method??`GET`} ${A0(e.url??``)}`,detail:[r,n,i===void 0?``:j0(i),e.cacheHit?`from cache`:``,e.mocked?`mocked`:e.faulted?`fault rule`:``].filter(Boolean).join(` · `),...a?{tone:a}:{},link:{tab:`network`,...t?{page:t}:{}}}}function I0(e){let t=[],n=O0(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of E0(e?.calls)){let e=F0(r,n);e&&t.push(e)}}for(let r of E0(D0(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=F0({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function L0(e){let t=[];for(let n of O0(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of E0(n?.log)){if(!k0(r?.timestamp))continue;let n=E0(r.diff).length+(r.diffTruncated??0),i=k0(r.durationMs)?r.durationMs:void 0;t.push({key:`ngrx:${e}:${r.seq}`,layer:`ngrx`,pageId:e,at:r.timestamp,...i===void 0?{}:{ms:i},title:r.source===`event`?r.eventType??r.type:r.type,detail:[r.storeId,r.source===`event`?`event`:n?`${n} ${n===1?`change`:`changes`}`:`no change`,i===void 0?``:j0(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var R0=16;function z0(e){let t=[];for(let n of O0(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of E0(n?.cycles)){if(!k0(r?.at))continue;let n=k0(r.ms)?r.ms:0;t.push({key:`cd:${e}:${r.id}`,layer:`cd`,pageId:e,at:r.at,ms:n,title:`Change detection cycle ${r.id}`,detail:[j0(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>R0?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function B0(e){return E0(D0(e).events).flatMap((e,t)=>{if(!k0(e?.timestamp)||typeof e.formId!=`string`)return[];let n=WE(e.formId),r=[e.detail,e.origin,e.outcome].filter(Boolean).join(` · `);return[{key:`forms:${e.formId}:${e.seq??`i${t}`}`,layer:`forms`,pageId:n,at:e.timestamp,...k0(e.ms)?{ms:e.ms}:{},title:`${e.type} ${e.path||`form`}`,detail:r,...e.type===`submit`&&e.outcome===`invalid`?{tone:`warn`}:{},link:{tab:`forms`,id:e.formId,...n?{page:n}:{}}}]})}var V0={write:`set`,sample:`sampled`};function H0(e){let t=[],n=D0(D0(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,D0(e).graph]];for(let[e,n]of r){let r=D0(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(E0(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(D0(r.history)))for(let r of E0(n)){if(!k0(r?.at)||r.source===`initial`)continue;let n=a.get(e)??e;t.push({key:`signals:${i}:${e}:${r.epoch??r.at}`,layer:`signals`,pageId:i,at:r.at,title:`${n} ${V0[r.source??``]??`changed`}`,detail:M0(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var U0={router:N0,http:I0,ngrx:L0,cd:z0,forms:B0,signals:H0};function W0(e){let t=[];for(let n of C0){let r=e[n.id];r!=null&&t.push(...U0[n.id](r))}let n=new Map(C0.map((e,t)=>[e.id,t]));t.sort((e,t)=>e.at-t.at||n.get(e.layer)-n.get(t.layer)||(e.key<t.key?-1:+(e.key>t.key)));let r=new Set;for(let e of t){let t=e.key;for(let n=2;r.has(t);n++)t=`${e.key}#${n}`;e.key=t,r.add(t)}return t}function G0(e,t){let n=new Map,r=(e,t)=>{typeof e==`string`&&e&&(typeof t==`string`&&t&&!n.get(e)?n.set(e,t):n.has(e)||n.set(e,``))};for(let t of O0(e.http))r(t?.pageId,t?.title||t?.url);for(let t of O0(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of O0(e.ngrx))r(t?.pageId,t?.title||t?.url);for(let e of t)r(e.pageId,``);return[...n].map(([e,t])=>({pageId:e,label:t||e}))}function K0(e,t){let n=t.query.trim().toLowerCase();return e.filter(e=>t.layers.has(e.layer)&&(t.pageId===`all`||e.pageId===t.pageId)&&(!n||e.title.toLowerCase().includes(n)||e.detail.toLowerCase().includes(n)))}function q0(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function J0(e){if(!e.length)return null;let t=1/0,n=-1/0;for(let r of e)t=Math.min(t,r.at),n=Math.max(n,r.at+(r.ms??0));return n-t<20?{start:t-10,end:t+10}:{start:t,end:n}}function Y0(e,t,n){let r=Math.max(20,(e.end-e.start)*t);if(r>=n.end-n.start)return null;let i=(e.start+e.end)/2;return Z0({start:i-r/2,end:i+r/2},n)}function X0(e,t,n){let r=(e.end-e.start)*t;return Z0({start:e.start+r,end:e.end+r},n)}function Z0(e,t){let n=e.end-e.start;return e.start<t.start?{start:t.start,end:t.start+n}:e.end>t.end?{start:t.end-n,end:t.end}:e}function Q0(e,t,n){let[r,i]=t<n?[t,n]:[n,t],a=e=>Math.min(1,Math.max(0,e)),o=e.end-e.start,s=e.start+a(r)*o,c=e.start+a(i)*o;return c-s<20?null:{start:s,end:c}}function $0(e,t,n){let r=Math.max(1,t.end-t.start),i=new Map;for(let a of e){if(a.at<t.start||a.at>t.end)continue;let e=Math.min(n-1,Math.floor((a.at-t.start)/r*n)),o=`${a.layer}:${e}`,s=i.get(o);s||(s={layer:a.layer,slot:e,count:0},i.set(o,s)),s.count++,(a.tone===`danger`||a.tone===`warn`&&s.tone!==`danger`)&&(s.tone=a.tone)}return[...i.values()]}function e2(e,t,n){let r=null;for(let i of e)i.layer===t&&(!r||Math.abs(i.at-n)<Math.abs(r.at-n))&&(r=i);return r}var t2=`pangular-timeline-hidden-layers`;function n2(){try{let e=JSON.parse(localStorage.getItem(t2)??`[]`);return Array.isArray(e)?e.filter(e=>C0.some(t=>t.id===e)):[]}catch{return[]}}function r2(e){try{localStorage.setItem(t2,JSON.stringify(e))}catch{}}function i2(e){let t=new Date(e),n=(e,t=2)=>String(e).padStart(t,`0`);return`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${n(t.getMilliseconds(),3)}`}function a2(e){if(e<1e3)return`${Math.round(e)} ms`;if(e<6e4)return`${Math.round(e/100)/10} s`;let t=Math.floor(e/6e4),n=Math.round(e%6e4/1e3);return n?`${t} min ${n} s`:`${t} min`}var o2=[`tracks`],s2=(e,t)=>t.id,c2=(e,t)=>t.layer+t.slot,l2=(e,t)=>t.key;function u2(e,t){e&1&&(L(0,`p`,3),J(1,`Loading the timeline…`),R())}function d2(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`p`),J(2,`Can't read the timeline from the devtools server.`),R(),L(3,`button`,5),U(`click`,function(){return E(e),D(G().retry())}),J(4,`Retry`),R()()}}function f2(e,t){if(e&1){let e=H();L(0,`app-select`,19),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 p2(e,t){if(e&1){let e=H();L(0,`button`,20),U(`click`,function(){let t=E(e).$implicit;return D(G(2).toggleLayer(t.id))}),z(1,`span`,21),J(2),L(3,`span`,22),J(4),R()()}if(e&2){let e=t.$implicit,n=G(2);j(`aria-pressed`,!n.hidden().includes(e.id)),A(2),X(` `,e.label,` `),A(2),Y(n.layerCounts()[e.id])}}function m2(e,t){e&1&&(L(0,`div`,3)(1,`p`),J(2,`Nothing on the timeline yet.`),R(),L(3,`p`,23),J(4,` Use the app with the overlay loaded. Navigations, HTTP calls, NgRx actions and form events show up as they happen. Record change detection on the Components tab, and pick a component on the Signals tab to follow its signals. `),R()())}function h2(e,t){if(e&1){let e=H();L(0,`div`,3)(1,`p`),J(2),R(),L(3,`button`,5),U(`click`,function(){E(e),G();let t=d_(6);return G().clearFilters(),D(t.focus())}),J(4,` Clear filters `),R()()}if(e&2){let e=G(2);A(2),X(`No event matches the filters`,e.range()?` in this range`:``,`.`)}}function g2(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;A(),Y(e.label)}}function _2(e,t){if(e&1&&(O(),z(0,`line`,31)),e&2){let e=t.$index,n=G(3);j(`x2`,n.chartWidth)(`y1`,e*n.laneHeight+n.laneHeight/2)(`y2`,e*n.laneHeight+n.laneHeight/2)}}function v2(e,t){if(e&1&&(O(),z(0,`rect`,32)),e&2){let e=t.$implicit,n=G(3);j(`data-tone`,e.tone??null)(`x`,e.slot*n.slotWidth)(`y`,n.laneIndex()[e.layer]*n.laneHeight+4)(`width`,n.slotWidth-1)(`height`,n.laneHeight-8)(`opacity`,n.binOpacity(e.count))}}function y2(e,t){if(e&1&&(O(),z(0,`rect`,33)),e&2){let e=t,n=G(3);j(`x`,e.x-2)(`y`,e.y+1)(`width`,n.slotWidth+3)(`height`,n.laneHeight-2)}}function b2(e,t){if(e&1&&z(0,`div`,44),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function x2(e,t){if(e&1&&(L(0,`p`,40),J(1),R()),e&2){let e=G(3);A(),Z(` Showing the newest `,e.listed().length,` of `,e.shown().length,` events. Zoom in or filter to see older ones. `)}}function S2(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;A(),Y(e.detail)}}function C2(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit,t=G(3);A(),Y(t.pageLabel(e.pageId))}}function w2(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,45),U(`click`,function(){let t=E(e).$implicit;return D(G(3).select(t))})(`dblclick`,function(){let t=E(e).$implicit;return D(G(3).openEvent(t))}),L(2,`time`,46),J(3),R(),L(4,`span`,47),J(5),R(),L(6,`span`,48),J(7),R(),M(8,S2,2,1,`span`,49),M(9,C2,2,1,`span`,50),R()()}if(e&2){let e=t.$implicit,n=G(3);A(),q(`selected`,e.key===n.selectedKey()),j(`aria-current`,e.key===n.selectedKey()?`true`:null)(`data-key`,e.key),A(2),Y(n.clock(e.at)),A(),j(`data-tone`,e.tone??null),A(),Y(n.layerLabel(e.layer)),A(2),Y(e.title),A(),N(e.detail?8:-1),A(),N(n.showPage()?9:-1)}}function T2(e,t){if(e&1&&(L(0,`dt`),J(1,`Took`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(),t=G(3);A(3),Y(t.span(e.ms))}}function E2(e,t){if(e&1&&(L(0,`dt`),J(1,`Detail`),R(),L(2,`dd`,53),J(3),R()),e&2){let e=G();A(3),Y(e.detail)}}function D2(e,t){if(e&1){let e=H();L(0,`p`,51),J(1),R(),L(2,`dl`)(3,`dt`),J(4,`Layer`),R(),L(5,`dd`),J(6),R(),L(7,`dt`),J(8,`Time`),R(),L(9,`dd`),J(10),R(),M(11,T2,4,1),M(12,E2,4,1),L(13,`dt`),J(14,`Page`),R(),L(15,`dd`),J(16),R()(),L(17,`button`,52),U(`click`,function(){let t=E(e);return D(G(3).openEvent(t))}),J(18),R()}if(e&2){let e=t,n=G(3);A(),Y(e.title),A(5),Y(n.layerLabel(e.layer)),A(4),Y(n.clock(e.at)),A(),N(e.ms===void 0?-1:11),A(),N(e.detail?12:-1),A(4),Y(e.pageId?n.pageLabel(e.pageId):`Server, no page`),A(2),X(` Open in `,n.tabLabel(e.layer),` `)}}function O2(e,t){e&1&&(L(0,`p`,23),J(1,` Select an event in the list or on the chart to see it here. Double click a row to open it in its own tab. `),R())}function k2(e,t){if(e&1){let e=H();L(0,`section`,24)(1,`div`,25)(2,`h2`,26),J(3,`Time axis`),R(),L(4,`span`,23),J(5),R()(),L(6,`div`,27)(7,`ul`,28),P(8,g2,2,1,`li`,null,s2),R(),L(10,`div`,29,1),U(`pointerdown`,function(t){return E(e),D(G(2).onPointerDown(t))})(`pointermove`,function(t){return E(e),D(G(2).onPointerMove(t))})(`pointerup`,function(t){return E(e),D(G(2).onPointerUp(t))})(`pointercancel`,function(){return E(e),D(G(2).brush.set(null))}),O(),L(12,`svg`,30),P(13,_2,1,3,`:svg:line`,31,s2),P(15,v2,1,6,`:svg:rect`,32,c2),M(17,y2,1,4,`:svg:rect`,33),R(),M(18,b2,1,4,`div`,34),R()(),gs(),L(19,`div`,35)(20,`span`),J(21),R(),L(22,`span`),J(23),R()(),L(24,`p`,36),J(25,` Drag across the chart to look at a range, and click a mark to select the nearest event. The list below holds the same events. `),R()(),L(26,`div`,37)(27,`section`,38)(28,`h2`,39),J(29,`Events`),R(),M(30,x2,2,2,`p`,40),L(31,`ol`,41),P(32,w2,10,10,`li`,null,l2),R()(),L(34,`aside`,42)(35,`h2`,43),J(36,`Selected event`),R(),M(37,D2,19,7)(38,O2,2,0,`p`,23),R()()}if(e&2){let e,t,n,r=G(2);A(5),Y(r.viewText()),A(3),F(r.lanes()),A(2),K(`height`,r.lanes().length*r.laneHeight,`px`),j(`aria-label`,r.chartLabel()),A(2),j(`viewBox`,`0 0 `+r.chartWidth+` `+r.lanes().length*r.laneHeight),A(),F(r.lanes()),A(2),F(r.bins()),A(2),N((e=r.selectedMark())?17:-1,e),A(),N((t=r.brushBox())?18:-1,t),A(3),Y(r.clock(r.view().start)),A(2),Y(r.clock(r.view().end)),A(7),N(r.shown().length>r.listed().length?30:-1),A(2),F(r.listed()),A(5),N((n=r.selected())?37:38,n)}}function A2(e,t){if(e&1){let e=H();L(0,`div`,6)(1,`div`,7),O(),L(2,`svg`,8),z(3,`circle`,9)(4,`path`,10),R(),gs(),L(5,`input`,11,0),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()(),M(7,f2,1,2,`app-select`,12),L(8,`span`,13),J(9),R()(),L(10,`div`,14)(11,`div`,15),P(12,p2,5,3,`button`,16,s2),R(),L(14,`div`,17)(15,`button`,18),U(`click`,function(){return E(e),D(G().zoom(.5))}),J(16,` Zoom in `),R(),L(17,`button`,18),U(`click`,function(){return E(e),D(G().zoom(2))}),J(18,` Zoom out `),R(),L(19,`button`,18),U(`click`,function(){return E(e),D(G().pan(-1))}),J(20,` Earlier `),R(),L(21,`button`,18),U(`click`,function(){return E(e),D(G().pan(1))}),J(22,` Later `),R(),L(23,`button`,18),U(`click`,function(){return E(e),D(G().range.set(null))}),J(24,` Show all `),R()()(),M(25,m2,5,0,`div`,3)(26,h2,5,1,`div`,3)(27,k2,39,11)}if(e&2){let e=G();A(5),I(`value`,e.query()),A(2),N(e.pageOptions().length>2?7:-1),A(2),Y(e.countText()),A(3),F(e.layers()),A(3),I(`disabled`,!e.canZoomIn()),A(2),I(`disabled`,!e.range()),A(2),I(`disabled`,!e.canPan(-1)),A(2),I(`disabled`,!e.canPan(1)),A(2),I(`disabled`,!e.range()),A(2),N(e.events().length?e.shown().length?27:26:25)}}var j2=240,M2=1e3,N2=4,P2=class e{rpc=$(null);open=Rv();destroyRef=w(Es);tracks=Jv(`tracks`);host=w(Fl);hostPageId=IE();cleanups=[];loads=0;allPages=`all`;clock=i2;span=a2;laneHeight=24;chartWidth=M2;slotWidth=M2/j2;loading=k(!0);failed=k(!1);sources=k({});query=k(``);hidden=k(n2());range=k(null);selectedKey=k(null);brush=k(null);layers=Q(()=>T0(tD(this.rpc())));events=Q(()=>{let e=new Set(this.layers().map(e=>e.id));return W0(this.sources()).filter(t=>e.has(t.layer))});pages=Q(()=>G0(this.sources(),this.events()));pageId=Fv({source:()=>this.pages().map(e=>e.pageId),computation:(e,t)=>t&&(t.value===`all`||e.includes(t.value))?t.value:this.hostPageId&&e.includes(this.hostPageId)?this.hostPageId:`all`});pageOptions=Q(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.label,...e.label===e.pageId?{}:{hint:e.pageId}}))]);showPage=Q(()=>this.pageId()===`all`&&this.pages().length>1);matching=Q(()=>K0(this.events(),{layers:new Set(C0.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=Q(()=>{let e=Object.fromEntries(C0.map(e=>[e.id,0]));for(let t of q0(this.matching(),this.range()))e[t.layer]++;return e});visible=Q(()=>{let e=new Set(this.hidden());return this.matching().filter(t=>!e.has(t.layer))});lanes=Q(()=>{let e=new Set(this.hidden());return this.layers().filter(t=>!e.has(t.id))});laneIndex=Q(()=>Object.fromEntries(this.lanes().map((e,t)=>[e.id,t])));bounds=Q(()=>J0(this.visible()));view=Q(()=>this.range()??this.bounds());shown=Q(()=>q0(this.visible(),this.range()));listed=Q(()=>this.shown().slice(-200).reverse());bins=Q(()=>{let e=this.view();return e?$0(this.shown(),e,j2):[]});maxBin=Q(()=>this.bins().reduce((e,t)=>Math.max(e,t.count),1));selected=Q(()=>this.events().find(e=>e.key===this.selectedKey())??null);selectedMark=Q(()=>{let e=this.selected(),t=this.view(),n=e?this.laneIndex()[e.layer]:void 0;if(!e||!t||n===void 0||e.at<t.start||e.at>t.end)return null;let r=Math.max(1,t.end-t.start);return{x:Math.min(239,Math.floor((e.at-t.start)/r*j2))*this.slotWidth,y:n*this.laneHeight}});brushBox=Q(()=>{let e=this.brush();if(!e)return null;let t=Math.min(e.from,e.to),n=Math.max(e.from,e.to);return{left:t*100,width:(n-t)*100}});countText=Q(()=>{let e=this.events().length;return`${this.shown().length} of ${e} ${e===1?`event`:`events`}`});viewText=Q(()=>{let e=this.view();if(!e)return``;let t=a2(e.end-e.start);return this.range()?`Range of ${t}`:`All ${t}`});chartLabel=Q(()=>{let e=this.view();if(!e)return`Timeline`;let t=this.layerCounts(),n=this.lanes().map(e=>`${e.label} ${t[e.id]}`);return`Timeline from ${i2(e.start)} to ${i2(e.end)}: ${n.join(`, `)}. The Events list holds the same events.`});canZoomIn=Q(()=>{let e=this.view();return!!e&&e.end-e.start>40});constructor(){pc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stop())}layerLabel(e){return w0[e].label}tabLabel(e){return w0[e].tabLabel}pageLabel(e){return e?this.pages().find(t=>t.pageId===e)?.label??e:`Server`}binOpacity(e){return Math.round((.55+.45*Math.min(1,Math.log2(e+1)/Math.log2(this.maxBin()+1)))*100)/100}toggleLayer(e){let t=this.hidden().includes(e)?this.hidden().filter(t=>t!==e):[...this.hidden(),e];this.hidden.set(t),r2(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),r2([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(Y0(t,e,n))}canPan(e){let t=this.range(),n=this.bounds();return!t||!n?!1:e<0?t.start>n.start:t.end<n.end}pan(e){let t=this.range(),n=this.bounds();t&&n&&this.range.set(X0(t,e*.5,n))}select(e){this.selectedKey.set(e.key)}openEvent(e){this.open.emit(e.link)}share(e){let t=this.tracks()?.nativeElement.getBoundingClientRect();return!t||t.width<=0?0:Math.min(1,Math.max(0,(e.clientX-t.left)/t.width))}onPointerDown(e){if(e.pointerType===`mouse`&&e.button!==0)return;let t=this.share(e);this.brush.set({from:t,to:t,id:e.pointerId}),this.downX=e.clientX;try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.preventDefault()}onPointerMove(e){let t=this.brush();t&&t.id===e.pointerId&&this.brush.set({...t,to:this.share(e)})}onPointerUp(e){let t=this.brush(),n=this.view();if(this.brush.set(null),!t||t.id!==e.pointerId||!n)return;if(Math.abs(e.clientX-this.downX)<N2){this.pick(e,n);return}let r=Q0(n,t.from,this.share(e));r&&this.range.set(r)}downX=0;pick(e,t){let n=this.tracks()?.nativeElement.getBoundingClientRect(),r=this.lanes();if(!n||!r.length)return;let i=r[Math.min(r.length-1,Math.max(0,Math.floor((e.clientY-n.top)/this.laneHeight)))],a=t.start+this.share(e)*(t.end-t.start),o=e2(this.shown(),i.id,a);o&&(this.selectedKey.set(o.key),queueMicrotask(()=>{this.host.nativeElement.querySelector(`button.row[data-key="${CSS.escape(o.key)}"]`)?.scrollIntoView?.({block:`nearest`})}))}retry(){let e=this.rpc();e&&this.load(e)}stop(){for(let e of this.cleanups.splice(0))e()}async load(e){this.stop();let t=++this.loads;this.loading.set(!0),this.failed.set(!1);let n=e.scope(`pangular`).rpc,r=await Promise.allSettled(C0.map(async e=>{let r=await n.sharedState(e.state);if(this.destroyRef.destroyed||t!==this.loads)return;let i=t=>this.sources.update(n=>({...n,[e.id]:t}));i(r.value()),this.cleanups.push(r.on(`updated`,i))}));this.destroyRef.destroyed||t!==this.loads||(this.failed.set(r.every(e=>e.status===`rejected`)),this.loading.set(!1))}static ɵfac=function(t){return new(t||e)};static ɵcmp=Kh({type:e,selectors:[[`app-timeline`]],viewQuery:function(e,t){e&1&&l_(t.tracks,o2,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},outputs:{open:`open`},decls:5,vars:1,consts:[[`search`,``],[`tracks`,``],[1,`intro`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[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 events`,`placeholder`,`Filter by name, URL or detail`,`autocomplete`,`off`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[1,`controls`],[`role`,`group`,`aria-label`,`Layers`,1,`layers`],[`type`,`button`,1,`layer`],[`role`,`group`,`aria-label`,`Time range`,1,`zoom`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[`type`,`button`,1,`layer`,3,`click`],[`aria-hidden`,`true`,1,`check`],[1,`badge`],[1,`muted`],[`aria-labelledby`,`timeline-chart-heading`,1,`chart-card`],[1,`chart-head`],[`id`,`timeline-chart-heading`],[1,`chart`],[`aria-hidden`,`true`,1,`lane-labels`],[`role`,`img`,1,`tracks`,3,`pointerdown`,`pointermove`,`pointerup`,`pointercancel`],[`preserveAspectRatio`,`none`,`aria-hidden`,`true`],[`x1`,`0`,1,`lane-line`],[1,`mark`],[1,`selected-mark`],[1,`brush`,3,`left`,`width`],[`aria-hidden`,`true`,1,`axis`],[1,`hint`],[1,`split`],[`aria-labelledby`,`timeline-events-heading`,1,`events`],[`id`,`timeline-events-heading`],[1,`note`],[`appRovingList`,`button.row`,`aria-label`,`Events, newest first`,1,`rows`],[`aria-labelledby`,`timeline-detail-heading`,1,`detail-panel`],[`id`,`timeline-detail-heading`],[1,`brush`],[`type`,`button`,1,`row`,3,`click`,`dblclick`],[1,`when`],[1,`chip`],[1,`title`],[1,`detail`],[1,`page`],[1,`detail-title`],[`type`,`button`,1,`primary`,3,`click`],[1,`mono`]],template:function(e,t){e&1&&(L(0,`p`,2),J(1,` Navigations, HTTP calls, NgRx actions, change detection cycles, form events and signal changes from the live page on one time axis. Turn layers on and off, drag across the chart to look at a range, and open an event in its own tab. `),R(),M(2,u2,2,0,`p`,3)(3,d2,5,0,`div`,4)(4,A2,28,9)),e&2&&(A(2),N(t.loading()?2:t.failed()?3:4))},dependencies:[DO,AR],styles:[`[_nghost-%COMP%] {
+}`]})},N4=[{id:`router`,label:`Router`,tab:`routes`,tabLabel:`Routes`,inspector:`router`,state:`router`},{id:`http`,label:`HTTP`,tab:`network`,tabLabel:`SSR & HTTP`,inspector:`http`,state:`http`},{id:`ngrx`,label:`NgRx`,tab:`store`,tabLabel:`Store`,inspector:`ngrx`,state:`ngrx-store`},{id:`cd`,label:`Change detection`,tab:`components`,tabLabel:`Components`,inspector:`components`,state:`change-detection`},{id:`forms`,label:`Forms`,tab:`forms`,tabLabel:`Forms`,inspector:`forms`,state:`forms`},{id:`signals`,label:`Signals`,tab:`signals`,tabLabel:`Signals`,inspector:`signals`,state:`signal-graph`}],P4=Object.fromEntries(N4.map(e=>[e.id,e]));function F4(e){return N4.filter(t=>e.inspectors[t.inspector])}function I4(e){return Array.isArray(e)?e:[]}function L4(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function R4(e){let t=L4(e).pages;return Array.isArray(t)?t:Object.values(L4(t))}function z4(e){return typeof e==`number`&&Number.isFinite(e)}function B4(e){try{let t=new URL(e,`http://x`);return e.startsWith(`/`)||t.host===`x`?`${t.pathname}${t.search}`:e.replace(/^[a-z]+:\/\/[^/]+/i,``)||e}catch{return e}}function V4(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function H4(e){let t;try{t=typeof e==`string`?JSON.stringify(e):JSON.stringify(e)??``}catch{t=String(e)}return t.length>80?`${t.slice(0,79)}…`:t}function U4(e){let t=[];for(let n of R4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of I4(n?.navigations)){if(!z4(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=z4(r.endedAt)?Math.max(0,r.endedAt-r.startedAt):void 0,i=r.finalUrl&&r.finalUrl!==r.url?` to ${r.finalUrl}`:``;t.push({key:`router:${e}:${r.id}`,layer:`router`,pageId:e,at:r.startedAt,...n===void 0?{}:{ms:n},title:`Navigation to ${r.url}`,detail:[`${r.outcome}${i}`,r.trigger,n===void 0?``:V4(n)].filter(Boolean).join(` · `),...r.outcome===`failed`?{tone:`danger`}:r.outcome===`cancelled`||r.outcome===`redirected`?{tone:`warn`}:{},link:{tab:`routes`,...e?{page:e}:{}}})}}return t}function W4(e){let t=e.status??0;if(e.error||t>=500||t===0&&!e.cancelled)return`danger`;if(t>=400||e.faulted||e.cancelled)return`warn`}function G4(e,t){if(!z4(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=z4(e.durationMs)?e.durationMs:void 0,a=W4(e);return{key:`http:${e.side===`server`?`server`:t}:${e.id??e.at}`,layer:`http`,pageId:t,at:e.at,...i===void 0?{}:{ms:i},title:`${e.method??`GET`} ${B4(e.url??``)}`,detail:[r,n,i===void 0?``:V4(i),e.cacheHit?`from cache`:``,e.mocked?`mocked`:e.faulted?`fault rule`:``].filter(Boolean).join(` · `),...a?{tone:a}:{},link:{tab:`network`,...t?{page:t}:{}}}}function K4(e){let t=[],n=R4(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of I4(e?.calls)){let e=G4(r,n);e&&t.push(e)}}for(let r of I4(L4(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=G4({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function q4(e){let t=[];for(let n of R4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of I4(n?.log)){if(!z4(r?.timestamp))continue;let n=I4(r.diff).length+(r.diffTruncated??0),i=z4(r.durationMs)?r.durationMs:void 0;t.push({key:`ngrx:${e}:${r.seq}`,layer:`ngrx`,pageId:e,at:r.timestamp,...i===void 0?{}:{ms:i},title:r.source===`event`?r.eventType??r.type:r.type,detail:[r.storeId,r.source===`event`?`event`:n?`${n} ${n===1?`change`:`changes`}`:`no change`,i===void 0?``:V4(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var J4=16;function Y4(e){let t=[];for(let n of R4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of I4(n?.cycles)){if(!z4(r?.at))continue;let n=z4(r.ms)?r.ms:0;t.push({key:`cd:${e}:${r.id}`,layer:`cd`,pageId:e,at:r.at,ms:n,title:`Change detection cycle ${r.id}`,detail:[V4(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>J4?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function X4(e){return I4(L4(e).events).flatMap((e,t)=>{if(!z4(e?.timestamp)||typeof e.formId!=`string`)return[];let n=GE(e.formId),r=[e.detail,e.origin,e.outcome].filter(Boolean).join(` · `);return[{key:`forms:${e.formId}:${e.seq??`i${t}`}`,layer:`forms`,pageId:n,at:e.timestamp,...z4(e.ms)?{ms:e.ms}:{},title:`${e.type} ${e.path||`form`}`,detail:r,...e.type===`submit`&&e.outcome===`invalid`?{tone:`warn`}:{},link:{tab:`forms`,id:e.formId,...n?{page:n}:{}}}]})}var Z4={write:`set`,sample:`sampled`};function Q4(e){let t=[],n=L4(L4(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,L4(e).graph]];for(let[e,n]of r){let r=L4(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(I4(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(L4(r.history)))for(let r of I4(n)){if(!z4(r?.at)||r.source===`initial`)continue;let n=a.get(e)??e;t.push({key:`signals:${i}:${e}:${r.epoch??r.at}`,layer:`signals`,pageId:i,at:r.at,title:`${n} ${Z4[r.source??``]??`changed`}`,detail:H4(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var $4={router:U4,http:K4,ngrx:q4,cd:Y4,forms:X4,signals:Q4};function e3(e){let t=[];for(let n of N4){let r=e[n.id];r!=null&&t.push(...$4[n.id](r))}let n=new Map(N4.map((e,t)=>[e.id,t]));t.sort((e,t)=>e.at-t.at||n.get(e.layer)-n.get(t.layer)||(e.key<t.key?-1:+(e.key>t.key)));let r=new Set;for(let e of t){let t=e.key;for(let n=2;r.has(t);n++)t=`${e.key}#${n}`;e.key=t,r.add(t)}return t}function t3(e,t){let n=new Map,r=(e,t)=>{typeof e==`string`&&e&&(typeof t==`string`&&t&&!n.get(e)?n.set(e,t):n.has(e)||n.set(e,``))};for(let t of R4(e.http))r(t?.pageId,t?.title||t?.url);for(let t of R4(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of R4(e.ngrx))r(t?.pageId,t?.title||t?.url);for(let e of t)r(e.pageId,``);return[...n].map(([e,t])=>({pageId:e,label:t||e}))}function n3(e,t){let n=t.query.trim().toLowerCase();return e.filter(e=>t.layers.has(e.layer)&&(t.pageId===`all`||e.pageId===t.pageId)&&(!n||e.title.toLowerCase().includes(n)||e.detail.toLowerCase().includes(n)))}function r3(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function i3(e){if(!e.length)return null;let t=1/0,n=-1/0;for(let r of e)t=Math.min(t,r.at),n=Math.max(n,r.at+(r.ms??0));return n-t<20?{start:t-10,end:t+10}:{start:t,end:n}}function a3(e,t,n){let r=Math.max(20,(e.end-e.start)*t);if(r>=n.end-n.start)return null;let i=(e.start+e.end)/2;return s3({start:i-r/2,end:i+r/2},n)}function o3(e,t,n){let r=(e.end-e.start)*t;return s3({start:e.start+r,end:e.end+r},n)}function s3(e,t){let n=e.end-e.start;return e.start<t.start?{start:t.start,end:t.start+n}:e.end>t.end?{start:t.end-n,end:t.end}:e}function c3(e,t,n){let[r,i]=t<n?[t,n]:[n,t],a=e=>Math.min(1,Math.max(0,e)),o=e.end-e.start,s=e.start+a(r)*o,c=e.start+a(i)*o;return c-s<20?null:{start:s,end:c}}function l3(e,t,n){let r=Math.max(1,t.end-t.start),i=new Map;for(let a of e){if(a.at<t.start||a.at>t.end)continue;let e=Math.min(n-1,Math.floor((a.at-t.start)/r*n)),o=`${a.layer}:${e}`,s=i.get(o);s||(s={layer:a.layer,slot:e,count:0},i.set(o,s)),s.count++,(a.tone===`danger`||a.tone===`warn`&&s.tone!==`danger`)&&(s.tone=a.tone)}return[...i.values()]}function u3(e,t,n){let r=null;for(let i of e)i.layer===t&&(!r||Math.abs(i.at-n)<Math.abs(r.at-n))&&(r=i);return r}var d3=`pangular-timeline-hidden-layers`;function f3(){try{let e=JSON.parse(localStorage.getItem(d3)??`[]`);return Array.isArray(e)?e.filter(e=>N4.some(t=>t.id===e)):[]}catch{return[]}}function p3(e){try{localStorage.setItem(d3,JSON.stringify(e))}catch{}}function m3(e){let t=new Date(e),n=(e,t=2)=>String(e).padStart(t,`0`);return`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${n(t.getMilliseconds(),3)}`}function h3(e){if(e<1e3)return`${Math.round(e)} ms`;if(e<6e4)return`${Math.round(e/100)/10} s`;let t=Math.floor(e/6e4),n=Math.round(e%6e4/1e3);return n?`${t} min ${n} s`:`${t} min`}var g3=[`tracks`],_3=(e,t)=>t.id,v3=(e,t)=>t.layer+t.slot,y3=(e,t)=>t.key;function b3(e,t){e&1&&(L(0,`p`,3),J(1,`Loading the timeline…`),R())}function x3(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`p`),J(2,`Can't read the timeline from the devtools server.`),R(),L(3,`button`,5),U(`click`,function(){return T(e),E(G().retry())}),J(4,`Retry`),R()()}}function S3(e,t){if(e&1){let e=H();L(0,`app-select`,19),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function C3(e,t){if(e&1){let e=H();L(0,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleLayer(t.id))}),z(1,`span`,21),J(2),L(3,`span`,22),J(4),R()()}if(e&2){let e=t.$implicit,n=G(2);j(`aria-pressed`,!n.hidden().includes(e.id)),k(2),X(` `,e.label,` `),k(2),Y(n.layerCounts()[e.id])}}function w3(e,t){e&1&&(L(0,`div`,3)(1,`p`),J(2,`Nothing on the timeline yet.`),R(),L(3,`p`,23),J(4,` Use the app with the overlay loaded. Navigations, HTTP calls, NgRx actions and form events show up as they happen. Record change detection on the Components tab, and pick a component on the Signals tab to follow its signals. `),R()())}function T3(e,t){if(e&1){let e=H();L(0,`div`,3)(1,`p`),J(2),R(),L(3,`button`,5),U(`click`,function(){T(e),G();let t=d_(6);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}if(e&2){let e=G(2);k(2),X(`No event matches the filters`,e.range()?` in this range`:``,`.`)}}function E3(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.label)}}function D3(e,t){if(e&1&&(D(),z(0,`line`,31)),e&2){let e=t.$index,n=G(3);j(`x2`,n.chartWidth)(`y1`,e*n.laneHeight+n.laneHeight/2)(`y2`,e*n.laneHeight+n.laneHeight/2)}}function O3(e,t){if(e&1&&(D(),z(0,`rect`,32)),e&2){let e=t.$implicit,n=G(3);j(`data-tone`,e.tone??null)(`x`,e.slot*n.slotWidth)(`y`,n.laneIndex()[e.layer]*n.laneHeight+4)(`width`,n.slotWidth-1)(`height`,n.laneHeight-8)(`opacity`,n.binOpacity(e.count))}}function k3(e,t){if(e&1&&(D(),z(0,`rect`,33)),e&2){let e=t,n=G(3);j(`x`,e.x-2)(`y`,e.y+1)(`width`,n.slotWidth+3)(`height`,n.laneHeight-2)}}function A3(e,t){if(e&1&&z(0,`div`,44),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function j3(e,t){if(e&1&&(L(0,`p`,40),J(1),R()),e&2){let e=G(3);k(),Z(` Showing the newest `,e.listed().length,` of `,e.shown().length,` events. Zoom in or filter to see older ones. `)}}function M3(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function N3(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.pageLabel(e.pageId))}}function P3(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,45),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`dblclick`,function(){let t=T(e).$implicit;return E(G(3).openEvent(t))}),L(2,`time`,46),J(3),R(),L(4,`span`,47),J(5),R(),L(6,`span`,48),J(7),R(),M(8,M3,2,1,`span`,49),M(9,N3,2,1,`span`,50),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),q(`selected`,e.key===n.selectedKey()),j(`aria-current`,e.key===n.selectedKey()?`true`:null)(`data-key`,e.key),k(2),Y(n.clock(e.at)),k(),j(`data-tone`,e.tone??null),k(),Y(n.layerLabel(e.layer)),k(2),Y(e.title),k(),N(e.detail?8:-1),k(),N(n.showPage()?9:-1)}}function F3(e,t){if(e&1&&(L(0,`dt`),J(1,`Took`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(),t=G(3);k(3),Y(t.span(e.ms))}}function I3(e,t){if(e&1&&(L(0,`dt`),J(1,`Detail`),R(),L(2,`dd`,53),J(3),R()),e&2){let e=G();k(3),Y(e.detail)}}function L3(e,t){if(e&1){let e=H();L(0,`p`,51),J(1),R(),L(2,`dl`)(3,`dt`),J(4,`Layer`),R(),L(5,`dd`),J(6),R(),L(7,`dt`),J(8,`Time`),R(),L(9,`dd`),J(10),R(),M(11,F3,4,1),M(12,I3,4,1),L(13,`dt`),J(14,`Page`),R(),L(15,`dd`),J(16),R()(),L(17,`button`,52),U(`click`,function(){let t=T(e);return E(G(3).openEvent(t))}),J(18),R()}if(e&2){let e=t,n=G(3);k(),Y(e.title),k(5),Y(n.layerLabel(e.layer)),k(4),Y(n.clock(e.at)),k(),N(e.ms===void 0?-1:11),k(),N(e.detail?12:-1),k(4),Y(e.pageId?n.pageLabel(e.pageId):`Server, no page`),k(2),X(` Open in `,n.tabLabel(e.layer),` `)}}function R3(e,t){e&1&&(L(0,`p`,23),J(1,` Select an event in the list or on the chart to see it here. Double click a row to open it in its own tab. `),R())}function z3(e,t){if(e&1){let e=H();L(0,`section`,24)(1,`div`,25)(2,`h2`,26),J(3,`Time axis`),R(),L(4,`span`,23),J(5),R()(),L(6,`div`,27)(7,`ul`,28),P(8,E3,2,1,`li`,null,_3),R(),L(10,`div`,29,1),U(`pointerdown`,function(t){return T(e),E(G(2).onPointerDown(t))})(`pointermove`,function(t){return T(e),E(G(2).onPointerMove(t))})(`pointerup`,function(t){return T(e),E(G(2).onPointerUp(t))})(`pointercancel`,function(){return T(e),E(G(2).brush.set(null))}),D(),L(12,`svg`,30),P(13,D3,1,3,`:svg:line`,31,_3),P(15,O3,1,6,`:svg:rect`,32,v3),M(17,k3,1,4,`:svg:rect`,33),R(),M(18,A3,1,4,`div`,34),R()(),_s(),L(19,`div`,35)(20,`span`),J(21),R(),L(22,`span`),J(23),R()(),L(24,`p`,36),J(25,` Drag across the chart to look at a range, and click a mark to select the nearest event. The list below holds the same events. `),R()(),L(26,`div`,37)(27,`section`,38)(28,`h2`,39),J(29,`Events`),R(),M(30,j3,2,2,`p`,40),L(31,`ol`,41),P(32,P3,10,10,`li`,null,y3),R()(),L(34,`aside`,42)(35,`h2`,43),J(36,`Selected event`),R(),M(37,L3,19,7)(38,R3,2,0,`p`,23),R()()}if(e&2){let e,t,n,r=G(2);k(5),Y(r.viewText()),k(3),F(r.lanes()),k(2),K(`height`,r.lanes().length*r.laneHeight,`px`),j(`aria-label`,r.chartLabel()),k(2),j(`viewBox`,`0 0 `+r.chartWidth+` `+r.lanes().length*r.laneHeight),k(),F(r.lanes()),k(2),F(r.bins()),k(2),N((e=r.selectedMark())?17:-1,e),k(),N((t=r.brushBox())?18:-1,t),k(3),Y(r.clock(r.view().start)),k(2),Y(r.clock(r.view().end)),k(7),N(r.shown().length>r.listed().length?30:-1),k(2),F(r.listed()),k(5),N((n=r.selected())?37:38,n)}}function B3(e,t){if(e&1){let e=H();L(0,`div`,6)(1,`div`,7),D(),L(2,`svg`,8),z(3,`circle`,9)(4,`path`,10),R(),_s(),L(5,`input`,11,0),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),M(7,S3,1,2,`app-select`,12),L(8,`span`,13),J(9),R()(),L(10,`div`,14)(11,`div`,15),P(12,C3,5,3,`button`,16,_3),R(),L(14,`div`,17)(15,`button`,18),U(`click`,function(){return T(e),E(G().zoom(.5))}),J(16,` Zoom in `),R(),L(17,`button`,18),U(`click`,function(){return T(e),E(G().zoom(2))}),J(18,` Zoom out `),R(),L(19,`button`,18),U(`click`,function(){return T(e),E(G().pan(-1))}),J(20,` Earlier `),R(),L(21,`button`,18),U(`click`,function(){return T(e),E(G().pan(1))}),J(22,` Later `),R(),L(23,`button`,18),U(`click`,function(){return T(e),E(G().range.set(null))}),J(24,` Show all `),R()()(),M(25,w3,5,0,`div`,3)(26,T3,5,1,`div`,3)(27,z3,39,11)}if(e&2){let e=G();k(5),I(`value`,e.query()),k(2),N(e.pageOptions().length>2?7:-1),k(2),Y(e.countText()),k(3),F(e.layers()),k(3),I(`disabled`,!e.canZoomIn()),k(2),I(`disabled`,!e.range()),k(2),I(`disabled`,!e.canPan(-1)),k(2),I(`disabled`,!e.canPan(1)),k(2),I(`disabled`,!e.range()),k(2),N(e.events().length?e.shown().length?27:26:25)}}var V3=240,H3=1e3,U3=4,W3=class e{rpc=$(null);open=Rv();destroyRef=C(Ds);tracks=Jv(`tracks`);host=C(Il);hostPageId=LE();cleanups=[];loads=0;allPages=`all`;clock=m3;span=h3;laneHeight=24;chartWidth=H3;slotWidth=H3/V3;loading=O(!0);failed=O(!1);sources=O({});query=O(``);hidden=O(f3());range=O(null);selectedKey=O(null);brush=O(null);layers=Q(()=>F4(nD(this.rpc())));events=Q(()=>{let e=new Set(this.layers().map(e=>e.id));return e3(this.sources()).filter(t=>e.has(t.layer))});pages=Q(()=>t3(this.sources(),this.events()));pageId=Fv({source:()=>this.pages().map(e=>e.pageId),computation:(e,t)=>t&&(t.value===`all`||e.includes(t.value))?t.value:this.hostPageId&&e.includes(this.hostPageId)?this.hostPageId:`all`});pageOptions=Q(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.label,...e.label===e.pageId?{}:{hint:e.pageId}}))]);showPage=Q(()=>this.pageId()===`all`&&this.pages().length>1);matching=Q(()=>n3(this.events(),{layers:new Set(N4.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=Q(()=>{let e=Object.fromEntries(N4.map(e=>[e.id,0]));for(let t of r3(this.matching(),this.range()))e[t.layer]++;return e});visible=Q(()=>{let e=new Set(this.hidden());return this.matching().filter(t=>!e.has(t.layer))});lanes=Q(()=>{let e=new Set(this.hidden());return this.layers().filter(t=>!e.has(t.id))});laneIndex=Q(()=>Object.fromEntries(this.lanes().map((e,t)=>[e.id,t])));bounds=Q(()=>i3(this.visible()));view=Q(()=>this.range()??this.bounds());shown=Q(()=>r3(this.visible(),this.range()));listed=Q(()=>this.shown().slice(-200).reverse());bins=Q(()=>{let e=this.view();return e?l3(this.shown(),e,V3):[]});maxBin=Q(()=>this.bins().reduce((e,t)=>Math.max(e,t.count),1));selected=Q(()=>this.events().find(e=>e.key===this.selectedKey())??null);selectedMark=Q(()=>{let e=this.selected(),t=this.view(),n=e?this.laneIndex()[e.layer]:void 0;if(!e||!t||n===void 0||e.at<t.start||e.at>t.end)return null;let r=Math.max(1,t.end-t.start);return{x:Math.min(239,Math.floor((e.at-t.start)/r*V3))*this.slotWidth,y:n*this.laneHeight}});brushBox=Q(()=>{let e=this.brush();if(!e)return null;let t=Math.min(e.from,e.to),n=Math.max(e.from,e.to);return{left:t*100,width:(n-t)*100}});countText=Q(()=>{let e=this.events().length;return`${this.shown().length} of ${e} ${e===1?`event`:`events`}`});viewText=Q(()=>{let e=this.view();if(!e)return``;let t=h3(e.end-e.start);return this.range()?`Range of ${t}`:`All ${t}`});chartLabel=Q(()=>{let e=this.view();if(!e)return`Timeline`;let t=this.layerCounts(),n=this.lanes().map(e=>`${e.label} ${t[e.id]}`);return`Timeline from ${m3(e.start)} to ${m3(e.end)}: ${n.join(`, `)}. The Events list holds the same events.`});canZoomIn=Q(()=>{let e=this.view();return!!e&&e.end-e.start>40});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stop())}layerLabel(e){return P4[e].label}tabLabel(e){return P4[e].tabLabel}pageLabel(e){return e?this.pages().find(t=>t.pageId===e)?.label??e:`Server`}binOpacity(e){return Math.round((.55+.45*Math.min(1,Math.log2(e+1)/Math.log2(this.maxBin()+1)))*100)/100}toggleLayer(e){let t=this.hidden().includes(e)?this.hidden().filter(t=>t!==e):[...this.hidden(),e];this.hidden.set(t),p3(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),p3([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(a3(t,e,n))}canPan(e){let t=this.range(),n=this.bounds();return!t||!n?!1:e<0?t.start>n.start:t.end<n.end}pan(e){let t=this.range(),n=this.bounds();t&&n&&this.range.set(o3(t,e*.5,n))}select(e){this.selectedKey.set(e.key)}openEvent(e){this.open.emit(e.link)}share(e){let t=this.tracks()?.nativeElement.getBoundingClientRect();return!t||t.width<=0?0:Math.min(1,Math.max(0,(e.clientX-t.left)/t.width))}onPointerDown(e){if(e.pointerType===`mouse`&&e.button!==0)return;let t=this.share(e);this.brush.set({from:t,to:t,id:e.pointerId}),this.downX=e.clientX;try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.preventDefault()}onPointerMove(e){let t=this.brush();t&&t.id===e.pointerId&&this.brush.set({...t,to:this.share(e)})}onPointerUp(e){let t=this.brush(),n=this.view();if(this.brush.set(null),!t||t.id!==e.pointerId||!n)return;if(Math.abs(e.clientX-this.downX)<U3){this.pick(e,n);return}let r=c3(n,t.from,this.share(e));r&&this.range.set(r)}downX=0;pick(e,t){let n=this.tracks()?.nativeElement.getBoundingClientRect(),r=this.lanes();if(!n||!r.length)return;let i=r[Math.min(r.length-1,Math.max(0,Math.floor((e.clientY-n.top)/this.laneHeight)))],a=t.start+this.share(e)*(t.end-t.start),o=u3(this.shown(),i.id,a);o&&(this.selectedKey.set(o.key),queueMicrotask(()=>{this.host.nativeElement.querySelector(`button.row[data-key="${CSS.escape(o.key)}"]`)?.scrollIntoView?.({block:`nearest`})}))}retry(){let e=this.rpc();e&&this.load(e)}stop(){for(let e of this.cleanups.splice(0))e()}async load(e){this.stop();let t=++this.loads;this.loading.set(!0),this.failed.set(!1);let n=e.scope(`pangular`).rpc,r=await Promise.allSettled(N4.map(async e=>{let r=await n.sharedState(e.state);if(this.destroyRef.destroyed||t!==this.loads)return;let i=t=>this.sources.update(n=>({...n,[e.id]:t}));i(r.value()),this.cleanups.push(r.on(`updated`,i))}));this.destroyRef.destroyed||t!==this.loads||(this.failed.set(r.every(e=>e.status===`rejected`)),this.loading.set(!1))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-timeline`]],viewQuery:function(e,t){e&1&&l_(t.tracks,g3,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},outputs:{open:`open`},decls:5,vars:1,consts:[[`search`,``],[`tracks`,``],[1,`intro`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[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 events`,`placeholder`,`Filter by name, URL or detail`,`autocomplete`,`off`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[1,`controls`],[`role`,`group`,`aria-label`,`Layers`,1,`layers`],[`type`,`button`,1,`layer`],[`role`,`group`,`aria-label`,`Time range`,1,`zoom`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[`type`,`button`,1,`layer`,3,`click`],[`aria-hidden`,`true`,1,`check`],[1,`badge`],[1,`muted`],[`aria-labelledby`,`timeline-chart-heading`,1,`chart-card`],[1,`chart-head`],[`id`,`timeline-chart-heading`],[1,`chart`],[`aria-hidden`,`true`,1,`lane-labels`],[`role`,`img`,1,`tracks`,3,`pointerdown`,`pointermove`,`pointerup`,`pointercancel`],[`preserveAspectRatio`,`none`,`aria-hidden`,`true`],[`x1`,`0`,1,`lane-line`],[1,`mark`],[1,`selected-mark`],[1,`brush`,3,`left`,`width`],[`aria-hidden`,`true`,1,`axis`],[1,`hint`],[1,`split`],[`aria-labelledby`,`timeline-events-heading`,1,`events`],[`id`,`timeline-events-heading`],[1,`note`],[`appRovingList`,`button.row`,`aria-label`,`Events, newest first`,1,`rows`],[`aria-labelledby`,`timeline-detail-heading`,1,`detail-panel`],[`id`,`timeline-detail-heading`],[1,`brush`],[`type`,`button`,1,`row`,3,`click`,`dblclick`],[1,`when`],[1,`chip`],[1,`title`],[1,`detail`],[1,`page`],[1,`detail-title`],[`type`,`button`,1,`primary`,3,`click`],[1,`mono`]],template:function(e,t){e&1&&(L(0,`p`,2),J(1,` Navigations, HTTP calls, NgRx actions, change detection cycles, form events and signal changes from the live page on one time axis. Turn layers on and off, drag across the chart to look at a range, and open an event in its own tab. `),R(),M(2,b3,2,0,`p`,3)(3,x3,5,0,`div`,4)(4,B3,28,9)),e&2&&(k(2),N(t.loading()?2:t.failed()?3:4))},dependencies:[OO,Vz],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -16700,7 +17136,7 @@ dd[_ngcontent-%COMP%] {
   .layer[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function F2(e){let t=e===`light`?`#ffffff`:`#0b0b0e`,n=e===`light`?`#92400e`:`#f5a524`;return`
+}`]})};function G3(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;
   }
@@ -16791,7 +17227,7 @@ dd[_ngcontent-%COMP%] {
       transition: none;
     }
   }
-`}var I2=new Map;function L2(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=I2.get(e);t!==void 0&&(clearTimeout(t),I2.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=F2(t);return}if(n>0&&e){let r=I2.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{I2.delete(e),L2(e,t,n-1)},100);I2.set(e,i)}}var R2=`pangular-pref`,z2={order:[],hidden:[],pinned:[]};function B2(e){try{return localStorage.getItem(`${R2}:${e}`)}catch{return null}}function V2(e,t){try{t===null?localStorage.removeItem(`${R2}:${e}`):localStorage.setItem(`${R2}:${e}`,t)}catch{}}function H2(){let e=B2(`theme`);return e===`light`||e===`dark`?e:`system`}function U2(e){V2(`theme`,e===`system`?null:e)}function W2(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 G2(){let e=B2(`tabs`);if(!e)return z2;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return z2;let n=t;return{order:W2(n.order),hidden:W2(n.hidden),pinned:W2(n.pinned)}}catch{return z2}}function K2(e){V2(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function q2(){return B2(`passive`)===`true`}function J2(e){V2(`passive`,e?`true`:null)}function Y2(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 X2(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return Y2(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function Z2(e,t,n,r){let i=Y2(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 Q2(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 $2(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:Y2(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function e4(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function t4(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 n4=`pangular-inspector-`;function r4(e=window){try{let t=e.top??e;return t.name.startsWith(n4)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function i4(e=window){let t=r4(e);if(!t)return!1;let n;try{n=t.location.origin}catch{try{n=new URL(e.document.referrer).origin}catch{n=void 0}}if(!n||n===`null`)return!1;try{return t.postMessage({type:`pangular:popup-return`},n),!0}catch{return!1}}var a4=class e{current=k(`dark`);preference=k(H2());source=`dark`;sourceAttr=!1;constructor(){let e=w(Es),t=c4(),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(s4(t),!0);else{let t=o4();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 l4())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(s4(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),U2(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 o4(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function s4(e){return e.classList.contains(`dark`)?`dark`:`light`}function c4(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function l4(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=u4(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function u4(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 d4=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function f4(){try{return window.parent===window?void 0:window.parent[d4]}catch{return}}function p4(e,t,n=50){let r=f4();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=p4(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(UT(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>UT(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function m4(){return!!f4()}async function h4(e){let t=f4();if(!t)return!1;try{return await t.docks.switchEntry(UT(e))}catch{return!1}}function g4(){let e=f4()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function _4(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function v4(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var y4=`pangular-tab`;function b4(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function x4(e){try{return sessionStorage.getItem(`${y4}:${e}`)}catch{return null}}function S4(e,t){try{sessionStorage.setItem(`${y4}:${e}`,t)}catch{}}function C4(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function w4(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 T4(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(C4(t,e)||w4(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var E4={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 D4(e,t){let n=E4[t];return e&&n[e]||null}var O4=(e,t)=>t.value,k4=(e,t)=>t.id;function A4(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 j4(e,t){e&1&&(L(0,`span`,30),J(1,`Pinned`),R())}function M4(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,j4,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 N4(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 P4(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 F4(e,t){e&1&&(L(0,`kbd`),J(1),R()),e&2&&(A(),Y(t))}function I4(e,t){e&1&&J(0,` Off `)}var L4=[{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`}],R4=class e{tabs=$([]);layout=Gv(z2);theme=Gv(`system`);passive=Gv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);themes=L4;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 Y2(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=Q(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=Y2(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 Z2(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=Z2(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=Y2(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($2(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(Q2(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(z2),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,A4,6,6,`label`,4,O4),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,M4,18,14,`li`,11,k4),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,N4,4,1)(37,P4,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,F4,2,1,`kbd`)(60,I4,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:[xD],styles:[`[_nghost-%COMP%] {
+`}var K3=new Map;function q3(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=K3.get(e);t!==void 0&&(clearTimeout(t),K3.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=G3(t);return}if(n>0&&e){let r=K3.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{K3.delete(e),q3(e,t,n-1)},100);K3.set(e,i)}}var J3=`pangular-pref`,Y3={order:[],hidden:[],pinned:[]};function X3(e){try{return localStorage.getItem(`${J3}:${e}`)}catch{return null}}function Z3(e,t){try{t===null?localStorage.removeItem(`${J3}:${e}`):localStorage.setItem(`${J3}:${e}`,t)}catch{}}function Q3(){let e=X3(`theme`);return e===`light`||e===`dark`?e:`system`}function $3(e){Z3(`theme`,e===`system`?null:e)}function e6(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 t6(){let e=X3(`tabs`);if(!e)return Y3;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return Y3;let n=t;return{order:e6(n.order),hidden:e6(n.hidden),pinned:e6(n.pinned)}}catch{return Y3}}function n6(e){Z3(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function r6(){return X3(`passive`)===`true`}function i6(e){Z3(`passive`,e?`true`:null)}function a6(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 o6(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return a6(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function s6(e,t,n,r){let i=a6(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 c6(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 l6(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:a6(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function u6(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function d6(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 f6=`pangular-inspector-`;function p6(e=window){try{let t=e.top??e;return t.name.startsWith(f6)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function m6(e=window){let t=p6(e);if(!t)return!1;let n;try{n=t.location.origin}catch{try{n=new URL(e.document.referrer).origin}catch{n=void 0}}if(!n||n===`null`)return!1;try{return t.postMessage({type:`pangular:popup-return`},n),!0}catch{return!1}}var h6=class e{current=O(`dark`);preference=O(Q3());source=`dark`;sourceAttr=!1;constructor(){let e=C(Ds),t=v6(),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(_6(t),!0);else{let t=g6();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{}mc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of y6())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(_6(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),$3(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=Nl({token:e,factory:e.ɵfac})};function g6(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function _6(e){return e.classList.contains(`dark`)?`dark`:`light`}function v6(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function y6(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=b6(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function b6(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 x6=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function S6(){try{return window.parent===window?void 0:window.parent[x6]}catch{return}}function C6(e,t,n=50){let r=S6();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=C6(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(UT(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>UT(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function w6(){return!!S6()}async function T6(e){let t=S6();if(!t)return!1;try{return await t.docks.switchEntry(UT(e))}catch{return!1}}function E6(){let e=S6()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function D6(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function O6(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var k6=`pangular-tab`;function A6(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function j6(e){try{return sessionStorage.getItem(`${k6}:${e}`)}catch{return null}}function M6(e,t){try{sessionStorage.setItem(`${k6}:${e}`,t)}catch{}}function N6(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function P6(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 F6(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(N6(t,e)||P6(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var I6={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 L6(e,t){let n=I6[t];return e&&n[e]||null}var R6=(e,t)=>t.value,z6=(e,t)=>t.id;function B6(e,t){if(e&1){let e=H();L(0,`label`,23)(1,`input`,24),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`value`,e.value)(`checked`,n.theme()===e.value),k(2),Y(e.label),k(2),Y(e.hint)}}function V6(e,t){e&1&&(L(0,`span`,30),J(1,`Pinned`),R())}function H6(e,t){if(e&1){let e=H();L(0,`li`,27),U(`keydown`,function(t){let n=T(e).$implicit;return E(G().onRowKey(t,n.id))}),z(1,`app-tab-icon`,28),L(2,`span`,29),J(3),M(4,V6,2,0,`span`,30),R(),L(5,`button`,31),U(`click`,function(){let t=T(e).$implicit;return E(G().togglePinned(t.id))}),J(6,` Pin `),R(),L(7,`label`,32)(8,`input`,33),U(`change`,function(t){let n=T(e).$implicit;return E(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=T(e).$implicit;return E(G().move(t.id,-1))}),D(),L(13,`svg`,36),z(14,`path`,37),R()(),_s(),L(15,`button`,38),U(`click`,function(){let t=T(e).$implicit;return E(G().move(t.id,1))}),D(),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),k(),I(`name`,e.id),k(2),X(` `,e.label,` `),k(),N(n.isPinned(e.id)?4:-1),k(),j(`aria-pressed`,n.isPinned(e.id))(`aria-label`,`Pin `+e.label),k(3),I(`checked`,!n.isHidden(e.id)),j(`aria-label`,e.label+` shown in the tab bar`),k(4),I(`disabled`,!n.canMove(e.id,-1)),j(`aria-label`,`Move `+e.label+` up`),k(3),I(`disabled`,!n.canMove(e.id,1)),j(`aria-label`,`Move `+e.label+` down`)}}function U6(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&&(k(2),Y(t))}function W6(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 G6(e,t){e&1&&(L(0,`kbd`),J(1),R()),e&2&&(k(),Y(t))}function K6(e,t){e&1&&J(0,` Off `)}var q6=[{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`}],J6=class e{tabs=$([]);layout=Gv(Y3);theme=Gv(`system`);passive=Gv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);themes=q6;announcement=O(``);host=C(Il);injector=C(Ts);ids=Q(()=>this.tabs().map(e=>e.id));orderedTabs=Q(()=>{let e=new Map(this.tabs().map(e=>[e.id,e]));return a6(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=Q(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=a6(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 s6(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=s6(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=a6(this.ids(),n),i=this.label(e);this.say(`${i} moved to position ${r.indexOf(e)+1} of ${r.length}.`),Hd(()=>{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(l6(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(c6(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(Y3),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=A({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,B6,6,6,`label`,4,R6),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,H6,18,14,`li`,11,z6),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,U6,4,1)(37,W6,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,G6,2,1,`kbd`)(60,K6,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;k(6),F(t.themes),k(6),I(`disabled`,t.isDefaultLayout()),k(14),F(t.orderedTabs()),k(6),I(`checked`,t.passive())(`disabled`,t.hotkey()===!1),k(4),N((e=t.hotkey())?36:37,e),k(18),Y(t.paletteShortcut()),k(5),N((n=t.hotkey())?59:60,n),k(5),Y(t.announcement())}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
   display: block;
   max-width: 760px;
 }
@@ -17051,7 +17487,7 @@ code[_ngcontent-%COMP%] {
   padding: 8px;
   border-top: 1px solid var(--%NS%border);
   color: var(--%NS%text);
-}`]})};function z4(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 B4(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=z4(e.title,n),i=z4(`${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 V4=[`input`],H4=(e,t)=>t.id;function U4(e,t){if(e&1&&(B(0,`kbd`),J(1),V()),e&2){let e=G().$implicit;A(),Y(e.shortcut)}}function W4(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,U4,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 G4(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 K4(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,W4,6,7,`li`,10,H4),V(),M(13,G4,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 q4=0,J4=class e{commands=$([]);open=Gv(!1);picked=Rv();uid=`cp${q4++}`;query=k(``);results=Q(()=>B4(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,V4,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,K4,28,11),e&2&&N(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
+}`]})};function Y6(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 X6(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=Y6(e.title,n),i=Y6(`${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 Z6=[`input`],Q6=(e,t)=>t.id;function $6(e,t){if(e&1&&(B(0,`kbd`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.shortcut)}}function e8(e,t){if(e&1){let e=H();B(0,`li`,14),W(`pointermove`,function(){let t=T(e).$index;return E(G(2).active.set(t))})(`click`,function(){let t=T(e).$implicit;return E(G(2).run(t))}),B(1,`span`,15),J(2),V(),M(3,$6,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()),k(2),Y(e.title),k(),N(e.shortcut?3:-1),k(2),Y(e.group)}}function t8(e,t){if(e&1&&(B(0,`p`,11),J(1),V()),e&2){let e=G(2);k(),X(`No commands match “`,e.query().trim(),`”.`)}}function n8(e,t){if(e&1){let e=H();B(0,`div`,1),W(`pointerdown`,function(){return T(e),E(G().close())}),V(),B(1,`div`,2),W(`keydown`,function(t){return T(e),E(G().onKey(t))}),B(2,`h2`,3),J(3,`Command palette`),V(),B(4,`div`,4),D(),B(5,`svg`,5),Vg(6,`circle`,6)(7,`path`,7),V(),_s(),B(8,`input`,8,0),W(`input`,function(t){return T(e),E(G().query.set(t.target.value))}),V()(),B(10,`ul`,9),W(`pointerdown`,function(e){return e.preventDefault()}),P(11,e8,6,7,`li`,10,Q6),V(),M(13,t8,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();k(),j(`aria-labelledby`,e.uid+`-title`),k(),j(`id`,e.uid+`-title`),k(6),qg(`value`,e.query()),j(`aria-controls`,e.uid+`-list`)(`aria-activedescendant`,e.activeId())(`aria-describedby`,e.uid+`-help`),k(2),qg(`hidden`,!e.results().length),j(`id`,e.uid+`-list`),k(),F(e.results()),k(2),N(e.results().length?-1:13),k(),j(`id`,e.uid+`-help`),k(13),Y(e.status())}}var r8=0,i8=class e{commands=$([]);open=Gv(!1);picked=Rv();uid=`cp${r8++}`;query=O(``);results=Q(()=>X6(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=C(Ts);returnFocus=null;constructor(){mc(()=>{this.open()&&Nv(()=>{let e=document.activeElement;this.returnFocus=e instanceof HTMLElement&&e!==document.body?e:null,this.query.set(``),Hd(()=>this.input()?.nativeElement.focus(),{injector:this.injector})})})}close(e){if(!this.open())return;this.open.set(!1);let t=this.returnFocus;this.returnFocus=null,Hd(()=>{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(){Hd(()=>{let e=this.activeId();e&&document.getElementById(e)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-command-palette`]],viewQuery:function(e,t){e&1&&l_(t.input,Z6,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,n8,28,11),e&2&&N(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
   position: fixed;
   inset: 0;
   z-index: 100;
@@ -17192,7 +17628,7 @@ kbd[_ngcontent-%COMP%] {
    .help[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},Y4=[`nav`],X4=[`main`],Z4=e=>[e],Q4=(e,t)=>t.id;function $4(e,t){e&1&&(O(),L(0,`svg`,4),z(1,`path`,30),R())}function e3(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 t3(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 n3(e,t){e&1&&(O(),L(0,`svg`,6),z(1,`path`,46)(2,`path`,47)(3,`path`,48)(4,`path`,49),R())}function r3(e,t){e&1&&(O(),L(0,`svg`,7),z(1,`path`,50),R())}function i3(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 a3(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 o3(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 s3(e,t){if(e&1&&(L(0,`div`,12),P(1,o3,4,6,`button`,80,Q4),R()),e&2){let e=G();A(),F(e.tabs())}}function c3(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 l3(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 u3(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 d3(e,t){e&1&&z(0,`app-coming-soon`,26),e&2&&I(`info`,t)}function f3(e,t){e&1&&(L(0,`p`,27),J(1,`Looking for an Angular Native app…`),R())}function p3(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 m3(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,p3,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 h3(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 g3(e,t){if(e&1){let e=H();L(0,`app-timeline`,98),U(`open`,function(t){return E(e),D(G(3).openLink(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function _3(e,t){if(e&1){let e=H();L(0,`app-component-tree`,99),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 v3(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,100),U(`showComponent`,function(t){return E(e),D(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function y3(e,t){e&1&&z(0,`app-signal-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function b3(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,101),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 x3(e,t){e&1&&z(0,`app-store-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function S3(e,t){e&1&&z(0,`app-network-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function C3(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,102),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 w3(e,t){e&1&&z(0,`app-pipes-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function T3(e,t){e&1&&z(0,`app-analog-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function E3(e,t){e&1&&z(0,`app-capacitor-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function D3(e,t){if(e&1){let e=H();L(0,`app-errors-inspector`,103),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 O3(e,t){if(e&1&&M(0,h3,1,1,`app-dashboard`,92)(1,g3,1,1,`app-timeline`,92)(2,_3,1,4,`app-component-tree`,93)(3,v3,1,1,`app-route-inspector`,92)(4,y3,1,1,`app-signal-inspector`,92)(5,b3,1,3,`app-di-inspector`,94)(6,x3,1,1,`app-store-inspector`,92)(7,S3,1,1,`app-network-inspector`,92)(8,C3,1,2,`app-forms-inspector`,95)(9,w3,1,1,`app-pipes-inspector`,92)(10,T3,1,1,`app-analog-inspector`,92)(11,E3,1,1,`app-capacitor-inspector`,92)(12,D3,1,2,`app-errors-inspector`,96),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`timeline`?1:e===`components`?2:e===`routes`?3:e===`signals`?4:e===`injectors`?5:e===`store`?6:e===`network`?7:e===`forms`?8:e===`pipes`?9:e===`analog`?10:e===`capacitor`?11:e===`errors`?12:-1)}}function k3(e,t){e&1&&P(0,O3,13,1,null,null,Ag),e&2&&F(hv(0,Z4,G().scopeKey()))}var A3=`all`,j3=[A3,...HT],M3={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},N3={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},P3={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},F3={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},I3={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/`}},L3={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/`}},R3={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`}},z3={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/`}},B3=[1e3,2e3,5e3,1e4];function V3(){let e=new URLSearchParams(location.search).get(`view`);return HT.find(t=>t===e)??null}ex(class e{analog=k(!1);allTabs=tE.map(({id:e,label:t})=>({id:e,label:t}));view=k(V3());viewAccent=Q(()=>D4(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?M3[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()?R3:void 0;if(e===`nativescript`)return I3;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?L3:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?z3:void 0});config=Q(()=>tD(this.rpc()));tabEnabled=oD;inspectorsDocsUrl=aD;turnOnSnippet=Q(()=>{let e=iD(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=Q(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?N3[e]:void 0,n=this.allTabs.filter(e=>oD(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?F3[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`&&P3[t.id]))});tabLayout=k(G2());tabs=Q(()=>{let e=this.tab(),t=X2(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`:N3[e]??this.tab();return{tab:t,href:_4(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(N3[e]??F3[e]?.[0])||`dashboard`});rpc=k(null);openedDock=k(null);connected=k(!1);connectionFailed=k(!1);hiddenPages=k([]);pageId=IE();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(a4);navObserver;navFade=k({start:!1,end:!1});constructor(){w(Tj).use(this.rpc),Vd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),dy(()=>{this.tab(),this.tabs(),Nv(()=>{this.revealActiveTab(),this.measureNav()})}),pc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Nv(()=>void VE(t,`hub-dock-seen`,UT(e.dock)))}),pc(()=>{let e=this.themeService.current();Nv(()=>{try{window.parent!==window&&L2(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=p4(j3,e=>{this.openedDock.set({dock:e}),e===A3?this.showFullPanel():this.showView(e)});let e=b4(location.hash,x4(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&b4(location.hash,x4(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&b4(location.hash,x4(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=UE(()=>this.rpc()),this.connect()}connecting=!1;retries=0;retryTimer;connect(){if(this.connecting||this.rpc())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=T4();BT(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&&oD(`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=B3[Math.min(this.retries++,B3.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;FE(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;FE(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??x4(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=b4(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){v4(e)&&m4()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),h4(A3))}paletteOpen=k(!1);paletteShortcut=e4()?`⌘K`:`Ctrl+K`;themePreference=Q(()=>this.themeService.preference());passive=k(q2());popupHotkey=Q(()=>{let e=this.config().popup.hotkey;return e!==!1&&eE(e,e4())});popup=t4();poppedOut=!!r4();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 cE(this.config()).filter(n=>n.id.startsWith(`tab:`)?e.has(n.id.slice(4)):n.id===`popout:return`?this.poppedOut:n.popupOnly?this.popup:n.id===`pick-component`||n.id.startsWith(`cd-`)?t:!0)});onGlobalKey(e){if(e.defaultPrevented)return;let t=e4(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&$T(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(){m4()&&g4()||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===`dock:reset-size`){this.postToPopup({type:`pangular:popup-dock-size`});return}if(e.startsWith(`dock:`)){this.postToPopup({type:`pangular:popup-dock`,mode:e.slice(5)});return}if(e===`popout`){this.postToPopup({type:`pangular:popup-popout`});return}if(e===`popout:return`){i4();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),K2(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),J2(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of l4())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(rE,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,``,aE(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=oE(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=P3[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),S4(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=_O(t,this.nativePageId());this.view()===`angular-native`&&FE(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=n$(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&oD(`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 h4(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:UT(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,Y4,5)(t.main,X4,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,`open`,`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,$4,2,0,`:svg:svg`,4)(4,e3,7,0,`:svg:svg`,4)(5,t3,11,0,`:svg:svg`,5)(6,n3,5,0,`:svg:svg`,6)(7,r3,2,0,`:svg:svg`,7)(8,i3,10,0,`:svg:svg`,8)(9,a3,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,s3,3,0,`div`,12),R(),M(15,c3,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,l3,1,6,`app-settings`,24)(31,u3,5,0,`div`,25)(32,d3,1,1,`app-coming-soon`,26)(33,f3,2,0,`p`,27)(34,m3,10,2,`p`,28)(35,k3,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:[tO,JP,DR,FB,_H,PW,$K,bJ,BX,HQ,N1,S0,P2,YQ,xD,R4,J4],styles:[`[_nghost-%COMP%] {
+}`]})},a8=[`nav`],o8=[`main`],s8=e=>[e],c8=(e,t)=>t.id;function l8(e,t){e&1&&(D(),L(0,`svg`,4),z(1,`path`,30),R())}function u8(e,t){e&1&&(D(),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 d8(e,t){e&1&&(D(),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 f8(e,t){e&1&&(D(),L(0,`svg`,6),z(1,`path`,46)(2,`path`,47)(3,`path`,48)(4,`path`,49),R())}function p8(e,t){e&1&&(D(),L(0,`svg`,7),z(1,`path`,50),R())}function m8(e,t){e&1&&(D(),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 h8(e,t){e&1&&(D(),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 g8(e,t){if(e&1){let e=H();L(0,`button`,81),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),I(`name`,e.id),k(2),Y(e.label)}}function _8(e,t){if(e&1&&(L(0,`div`,12),P(1,g8,4,6,`button`,80,c8),R()),e&2){let e=G();k(),F(e.tabs())}}function v8(e,t){if(e&1){let e=H();L(0,`a`,83),U(`click`,function(t){let n=T(e);return E(G().openFullPanel(t,n.tab))}),D(),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,Nu)}function y8(e,t){if(e&1){let e=H();L(0,`app-settings`,89),U(`layoutChange`,function(t){return T(e),E(G().setTabLayout(t))})(`themeChange`,function(t){return T(e),E(G().setTheme(t))})(`passiveChange`,function(t){return T(e),E(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 b8(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 T(e),E(G().retryConnection())}),J(4,`Retry now`),R()()}}function x8(e,t){e&1&&z(0,`app-coming-soon`,26),e&2&&I(`info`,t)}function S8(e,t){e&1&&(L(0,`p`,27),J(1,`Looking for an Angular Native app…`),R())}function C8(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&&(k(2),Y(t))}function w8(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,C8,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();k(5),N((e=t.turnOnSnippet())?5:-1,e),k(),I(`href`,t.inspectorsDocsUrl,Nu)}}function T8(e,t){if(e&1){let e=H();L(0,`app-dashboard`,97),U(`navigate`,function(t){return T(e),E(G(3).switchTab(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function E8(e,t){if(e&1){let e=H();L(0,`app-timeline`,98),U(`open`,function(t){return T(e),E(G(3).openLink(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function D8(e,t){if(e&1){let e=H();L(0,`app-component-tree`,99),U(`focusHandled`,function(){return T(e),E(G(3).componentFocus.set(null))})(`commandHandled`,function(){return T(e),E(G(3).componentCommand.set(null))})(`showForm`,function(t){return T(e),E(G(3).showForm(t))})(`showInjector`,function(t){return T(e),E(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 O8(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,100),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function k8(e,t){e&1&&z(0,`app-signal-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function A8(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,101),U(`focusHandled`,function(){return T(e),E(G(3).injectorFocus.set(null))})(`showComponent`,function(t){return T(e),E(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 j8(e,t){e&1&&z(0,`app-store-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function M8(e,t){e&1&&z(0,`app-network-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function N8(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,102),U(`focusHandled`,function(){return T(e),E(G(3).formFocus.set(null))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.formFocus())}}function P8(e,t){e&1&&z(0,`app-pipes-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function F8(e,t){e&1&&z(0,`app-analog-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function I8(e,t){e&1&&z(0,`app-capacitor-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function L8(e,t){if(e&1){let e=H();L(0,`app-errors-inspector`,103),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)(`canExplainInjection`,e.config().inspectors.injectors)}}function R8(e,t){if(e&1&&M(0,T8,1,1,`app-dashboard`,92)(1,E8,1,1,`app-timeline`,92)(2,D8,1,4,`app-component-tree`,93)(3,O8,1,1,`app-route-inspector`,92)(4,k8,1,1,`app-signal-inspector`,92)(5,A8,1,3,`app-di-inspector`,94)(6,j8,1,1,`app-store-inspector`,92)(7,M8,1,1,`app-network-inspector`,92)(8,N8,1,2,`app-forms-inspector`,95)(9,P8,1,1,`app-pipes-inspector`,92)(10,F8,1,1,`app-analog-inspector`,92)(11,I8,1,1,`app-capacitor-inspector`,92)(12,L8,1,3,`app-errors-inspector`,96),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`timeline`?1:e===`components`?2:e===`routes`?3:e===`signals`?4:e===`injectors`?5:e===`store`?6:e===`network`?7:e===`forms`?8:e===`pipes`?9:e===`analog`?10:e===`capacitor`?11:e===`errors`?12:-1)}}function z8(e,t){e&1&&P(0,R8,13,1,null,null,Ag),e&2&&F(hv(0,s8,G().scopeKey()))}var B8=`all`,V8=[B8,...HT],H8={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},U8={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},W8={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},G8={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},K8={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/`}},q8={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/`}},J8={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`}},Y8={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/`}},X8=[1e3,2e3,5e3,1e4];function Z8(){let e=new URLSearchParams(location.search).get(`view`);return HT.find(t=>t===e)??null}ex(class e{analog=O(!1);allTabs=tE.map(({id:e,label:t})=>({id:e,label:t}));view=O(Z8());viewAccent=Q(()=>L6(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?H8[e]:`Pangular Inspector`});mainLabel=Q(()=>this.tab()===`settings`?`Settings`:this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=O(!1);capacitorReporting=O(!1);capacitorKnown=O(!1);nativePageId=O(null);nativeKnown=O(!1);scopeKey=Q(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=Q(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?J8:void 0;if(e===`nativescript`)return K8;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?q8:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?Y8:void 0});config=Q(()=>nD(this.rpc()));tabEnabled=sD;inspectorsDocsUrl=oD;turnOnSnippet=Q(()=>{let e=aD(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=Q(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?U8[e]:void 0,n=this.allTabs.filter(e=>sD(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?G8[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`&&W8[t.id]))});tabLayout=O(t6());tabs=Q(()=>{let e=this.tab(),t=o6(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`:U8[e]??this.tab();return{tab:t,href:D6(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(U8[e]??G8[e]?.[0])||`dashboard`});rpc=O(null);openedDock=O(null);connected=O(!1);connectionFailed=O(!1);hiddenPages=O([]);pageId=LE();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=C(Ts);themeService=C(h6);navObserver;navFade=O({start:!1,end:!1});constructor(){C(sM).use(this.rpc),Hd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),dy(()=>{this.tab(),this.tabs(),Nv(()=>{this.revealActiveTab(),this.measureNav()})}),mc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Nv(()=>void HE(t,`hub-dock-seen`,UT(e.dock)))}),mc(()=>{let e=this.themeService.current();Nv(()=>{try{window.parent!==window&&q3(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=C6(V8,e=>{this.openedDock.set({dock:e}),e===B8?this.showFullPanel():this.showView(e)});let e=A6(location.hash,j6(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&A6(location.hash,j6(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&A6(location.hash,j6(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=WE(()=>this.rpc()),this.connect()}connecting=!1;retries=0;retryTimer;connect(){if(this.connecting||this.rpc())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=F6();BT(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&&sD(`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=X8[Math.min(this.retries++,X8.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;IE(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;IE(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??j6(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=A6(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){O6(e)&&w6()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),T6(B8))}paletteOpen=O(!1);paletteShortcut=u6()?`⌘K`:`Ctrl+K`;themePreference=Q(()=>this.themeService.preference());passive=O(r6());popupHotkey=Q(()=>{let e=this.config().popup.hotkey;return e!==!1&&eE(e,u6())});popup=d6();poppedOut=!!p6();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 lE(this.config()).filter(n=>n.id.startsWith(`tab:`)?e.has(n.id.slice(4)):n.id===`popout:return`?this.poppedOut:n.popupOnly?this.popup:n.id===`pick-component`||n.id.startsWith(`cd-`)?t:!0)});onGlobalKey(e){if(e.defaultPrevented)return;let t=u6(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&$T(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(){w6()&&E6()||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===`dock:reset-size`){this.postToPopup({type:`pangular:popup-dock-size`});return}if(e.startsWith(`dock:`)){this.postToPopup({type:`pangular:popup-dock`,mode:e.slice(5)});return}if(e===`popout`){this.postToPopup({type:`pangular:popup-popout`});return}if(e===`popout:return`){m6();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),n6(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),i6(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of y6())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(iE,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,``,oE(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=sE(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=O(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=W8[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),M6(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=vO(t,this.nativePageId());this.view()===`angular-native`&&IE(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=p1(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&sD(`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(){Hd(()=>{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 T6(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:UT(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&l_(t.nav,a8,5)(t.main,o8,5),e&2&&u_(2)},hostVars:4,hostBindings:function(e,t){e&1&&U(`message`,function(e){return t.inspectFromPanel(e)},Fu)(`keydown`,function(e){return t.onGlobalKey(e)},Iu),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`,`canExplainInjection`],[3,`navigate`,`rpc`],[3,`open`,`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`,`canExplainInjection`]],template:function(e,t){if(e&1){let e=H();L(0,`header`)(1,`h1`,2)(2,`span`,3),M(3,l8,2,0,`:svg:svg`,4)(4,u8,7,0,`:svg:svg`,4)(5,d8,11,0,`:svg:svg`,5)(6,f8,5,0,`:svg:svg`,6)(7,p8,2,0,`:svg:svg`,7)(8,m8,10,0,`:svg:svg`,8)(9,h8,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,_8,3,0,`div`,12),R(),M(15,v8,7,1,`a`,13),L(16,`span`,14)(17,`button`,15),U(`click`,function(){return t.openPalette()}),D(),L(18,`svg`,16),z(19,`path`,17),R()(),_s(),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,y8,1,6,`app-settings`,24)(31,b8,5,0,`div`,25)(32,x8,1,1,`app-coming-soon`,26)(33,S8,2,0,`p`,27)(34,w8,10,2,`p`,28)(35,z8,2,2),R(),L(36,`app-command-palette`,29),cv(`openChange`,function(n){return T(e),sv(t.paletteOpen,n)||(t.paletteOpen=n),E(n)}),U(`picked`,function(e){return t.runCommand(e)}),R()}if(e&2){let e,n;k(2),q(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),k(),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),k(7),q(`ng-text`,t.view()===`angular`),k(),Y(t.title()),k(),q(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),k(2),N(t.availableTabs().length>1?14:-1),k(),N((e=t.fullPanelLink())?15:-1,e),k(2),j(`aria-label`,`Command palette (`+t.paletteShortcut+`)`)(`title`,`Command palette (`+t.paletteShortcut+`)`),k(3),q(`active`,t.tab()===`settings`),j(`aria-pressed`,t.tab()===`settings`),k(2),q(`connected`,t.connected())(`failed`,t.connectionFailed()),k(3),X(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:`Connecting…`,` `),k(),j(`aria-label`,t.mainLabel()),k(3),Y(t.backgroundNote()),k(),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),k(6),I(`commands`,t.paletteCommands()),ov(`open`,t.paletteOpen)}},dependencies:[nO,aI,Rz,KV,OU,GG,uJ,jY,ZZ,$$,W0,M4,W3,o1,SD,J6,i8],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;
diff --git a/extension/ui/index.html b/extension/ui/index.html
index d7a54a15..5dfc33ec 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-Drhsb2ad.js"></script>
+    <script type="module" crossorigin src="./assets/index-BNWPqdBD.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BJvGA0C8.css">
   </head>
   <body>

From 78b8e9dffcc74f1be170e26c9e85bc0d28312caa Mon Sep 17 00:00:00 2001
From: erKam <erkamyaman35@gmail.com>
Date: Tue, 13 Oct 2026 04:25:21 +0000
Subject: [PATCH 3/9] fix(overlay): address review and browser check findings

Restore subscribe after a fast tracking toggle, keep leak reports and signal-graph reads behind the lease, match NG0100 writes by Angular's text and by name, keep dev-mode DI debug holds out of retained, name causes by component, report whether zone.js is loaded, and keep focus on busy buttons in the panel.
---
 app/src/__tests__/cd-diagnosis.test.ts        |  46 ++++++++
 .../__tests__/component-tree-leaks.test.ts    |  73 ++++++++++++
 app/src/__tests__/error-explain.test.ts       |  33 ++++++
 app/src/__tests__/leaks-section.test.ts       |  40 ++++++-
 app/src/pages/cd-diagnosis.ts                 |  65 ++++++-----
 app/src/pages/component-tree.ts               |  19 +++-
 app/src/pages/error-explain.ts                |  77 ++++++-------
 app/src/pages/leaks-section.ts                |  25 ++++-
 apps/docs/src/content/agents/tools.md         |  10 +-
 .../docs/src/content/inspectors/components.md |   4 +-
 apps/docs/src/content/inspectors/errors.md    |   4 +-
 .../src/__tests__/cd-diagnosis-tool.test.ts   |  16 +++
 .../src/__tests__/cd-diagnosis.test.ts        |  49 ++++++++-
 .../src/__tests__/error-explain.test.ts       |  48 ++++++++
 .../src/__tests__/leaks-collector.test.ts     | 101 +++++++++++++++++
 .../src/__tests__/leaks-tools.test.ts         |  44 ++++++++
 packages/devtools/src/cd-data.ts              |  13 ++-
 packages/devtools/src/cd-diagnosis.ts         |  33 +++++-
 packages/devtools/src/config.ts               |   2 +
 packages/devtools/src/error-explain.ts        |  38 ++++---
 packages/devtools/src/leaks-collector.ts      | 104 +++++++++++++++---
 packages/devtools/src/overlay.ts              |  18 ++-
 .../devtools/src/rpc/cd-diagnosis-tools.ts    |   4 +-
 packages/devtools/src/rpc/leaks-register.ts   |   2 +-
 packages/devtools/src/rpc/leaks-tools.ts      |  24 +++-
 packages/devtools/src/signal-history.ts       |  21 +++-
 26 files changed, 789 insertions(+), 124 deletions(-)
 create mode 100644 app/src/__tests__/component-tree-leaks.test.ts

diff --git a/app/src/__tests__/cd-diagnosis.test.ts b/app/src/__tests__/cd-diagnosis.test.ts
index 298845db..ae7358ea 100644
--- a/app/src/__tests__/cd-diagnosis.test.ts
+++ b/app/src/__tests__/cd-diagnosis.test.ts
@@ -123,6 +123,52 @@ describe('CdDiagnosis', () => {
   });
 });
 
+describe('CdDiagnosis and the zoneJs flag', () => {
+  afterEach(() => TestBed.resetTestingModule());
+
+  async function zoneSection(zoneJs: boolean) {
+    const fixture = TestBed.createComponent(CdDiagnosis);
+    fixture.componentRef.setInput(
+      'page',
+      page({ diagnosis: { ...diagnosis, causes: { signal: 4 }, zone: [], zoneJs } }),
+    );
+    await fixture.whenStable();
+    const h4 = [...(fixture.nativeElement as HTMLElement).querySelectorAll('h4')].find(
+      (h) => h.textContent?.trim() === 'Depends on zone.js',
+    );
+    return h4?.parentElement ?? null;
+  }
+
+  it('shows the zone.js block on a zone.js page even when zone.js started no tick', async () => {
+    expect((await zoneSection(true))?.textContent).toContain(
+      'No component changed in a tick only zone.js started.',
+    );
+  });
+
+  it('hides it on a zoneless page', async () => {
+    expect(await zoneSection(false)).toBeNull();
+  });
+});
+
+describe('CdDiagnosis on a zoneless page', () => {
+  afterEach(() => TestBed.resetTestingModule());
+
+  it('hides the zone.js block when no tick came from zone.js', async () => {
+    const fixture = TestBed.createComponent(CdDiagnosis);
+    fixture.componentRef.setInput(
+      'page',
+      page({ diagnosis: { ...diagnosis, causes: { signal: 4, event: 2 }, zone: [] } }),
+    );
+    await fixture.whenStable();
+    const host = fixture.nativeElement as HTMLElement;
+    const headings = [...host.querySelectorAll('h4')].map((h) => text(h));
+    expect(headings).toContain('What started the cycles');
+    expect(headings).not.toContain('Depends on zone.js');
+    expect(host.textContent).not.toContain('zone.js started');
+    fixture.destroy();
+  });
+});
+
 describe('CdRecording latest cycles', () => {
   it('names what started a cycle and how many checks changed nothing', async () => {
     const fixture = TestBed.createComponent(CdRecording);
diff --git a/app/src/__tests__/component-tree-leaks.test.ts b/app/src/__tests__/component-tree-leaks.test.ts
new file mode 100644
index 00000000..7c4de04a
--- /dev/null
+++ b/app/src/__tests__/component-tree-leaks.test.ts
@@ -0,0 +1,73 @@
+import { TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import type { DevframeRpcClient } from 'devframe/client';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { ComponentTree } from '../pages/component-tree';
+import type { TreeNode } from '../pages/component-tree-state';
+import { LeaksSection } from '../pages/leaks-section';
+
+const roots: TreeNode[] = [
+  {
+    id: 'c1',
+    name: 'App',
+    tag: 'app-root',
+    children: [
+      {
+        id: 'c2',
+        name: 'TripList',
+        tag: 'app-trip-list',
+        children: [{ id: 'c3', name: 'TripCard', tag: 'app-trip-card', children: [] }],
+      },
+    ],
+  },
+];
+
+function client() {
+  const rpc = {
+    call: () => Promise.resolve([]),
+    callEvent: () => Promise.resolve(),
+    sharedState: (name: string) =>
+      Promise.resolve({
+        value: () =>
+          name === 'component-tree'
+            ? { pages: { p1: { pageId: 'p1', roots, count: 3, detail: null, reportedAt: 1000 } } }
+            : null,
+        on: () => () => {},
+      }),
+  };
+  return { connectionMeta: {}, scope: () => ({ rpc }) } as unknown as DevframeRpcClient;
+}
+
+describe('component tree and the Leaks section', () => {
+  beforeEach(() => {
+    vi.stubGlobal('CSS', { escape: (value: string) => value });
+    Element.prototype.scrollIntoView ??= () => {};
+  });
+  afterEach(() => {
+    vi.unstubAllGlobals();
+    document.body.innerHTML = '';
+    TestBed.resetTestingModule();
+  });
+
+  it('moves focus to the tree row of a Leaks row and keeps it clear of the toolbar', async () => {
+    const fixture = TestBed.createComponent(ComponentTree);
+    fixture.componentRef.setInput('rpc', client());
+    document.body.append(fixture.nativeElement);
+    for (let i = 0; i < 3; i++) {
+      await new Promise((resolve) => setTimeout(resolve));
+      await fixture.whenStable();
+    }
+    const el = fixture.nativeElement as HTMLElement;
+    const scrolled = vi.spyOn(Element.prototype, 'scrollIntoView');
+    const leaks = fixture.debugElement.query(By.directive(LeaksSection));
+    expect(leaks).not.toBeNull();
+    (leaks.componentInstance as LeaksSection).showComponent.emit('c3');
+    fixture.detectChanges();
+    await fixture.whenStable();
+    const row = el.querySelector<HTMLElement>('.row[data-id="c3"]')!;
+    expect(row.getAttribute('aria-selected')).toBe('true');
+    expect(document.activeElement).toBe(row);
+    expect(scrolled).toHaveBeenCalled();
+    expect(el.style.getPropertyValue('--ct-toolbar-clearance')).toMatch(/px$/);
+  });
+});
diff --git a/app/src/__tests__/error-explain.test.ts b/app/src/__tests__/error-explain.test.ts
index fbfe253b..614efa24 100644
--- a/app/src/__tests__/error-explain.test.ts
+++ b/app/src/__tests__/error-explain.test.ts
@@ -207,6 +207,39 @@ describe('the Errors tab explainers', () => {
       "@Injectable({ providedIn: 'root' })",
     );
     expect(host(fixture).querySelector('.summary code')?.textContent).toBe('TripApi');
+    // No stray space between a code span and the text after it.
+    expect(host(fixture).querySelector('.summary')?.textContent?.trim()).toBe(
+      'No injector Angular asks provides TripApi, so it throws NG0201.',
+    );
+    // Only the summary is announced; the steps sit outside the live region.
+    const live = host(fixture).querySelector('[aria-live="polite"]')!;
+    expect(live.querySelector('.summary')).not.toBeNull();
+    expect(live.querySelector('ol.steps')).toBeNull();
+  });
+
+  it('keeps Explain lookup enabled while it loads and ignores more clicks', async () => {
+    let resolve!: (value: unknown) => void;
+    const call = vi.fn<RpcCall>((name) =>
+      name === 'explain-injection' ? new Promise((r) => (resolve = r)) : Promise.resolve(null),
+    );
+    const fixture = await mount(
+      [group({ code: 'NG0201', explain: { kind: 'missing-provider', token: 'TripApi' } })],
+      { call },
+    );
+    const button = [...host(fixture).querySelectorAll('button')].find(
+      (b) => b.textContent?.trim() === 'Explain lookup',
+    )!;
+    button.focus();
+    button.click();
+    fixture.detectChanges();
+    expect(button.disabled).toBe(false);
+    expect(button.getAttribute('aria-disabled')).toBe('true');
+    expect(document.activeElement).toBe(button);
+    button.click();
+    expect(call.mock.calls.filter(([name]) => name === 'explain-injection')).toHaveLength(1);
+    resolve({ error: 'No injector data available.' });
+    await settle(fixture);
+    expect(button.hasAttribute('aria-disabled')).toBe(false);
   });
 
   it('shows why the lookup failed, and hides the button without the Injectors tab', async () => {
diff --git a/app/src/__tests__/leaks-section.test.ts b/app/src/__tests__/leaks-section.test.ts
index d13ebaa6..067a1f85 100644
--- a/app/src/__tests__/leaks-section.test.ts
+++ b/app/src/__tests__/leaks-section.test.ts
@@ -86,6 +86,25 @@ describe('LeaksSection', () => {
     expect(host().querySelectorAll('h3')).toHaveLength(3);
   });
 
+  it('names instances DI debug data keeps alive apart, without counting them as retained', async () => {
+    await show(
+      page({
+        destroyed: [
+          {
+            id: 'c12',
+            name: 'PipesExample',
+            route: '/pipes',
+            destroyedAt: NOW - 60_000,
+            navigations: 5,
+            devHeld: true,
+          },
+        ],
+      }),
+    );
+    expect(host().querySelectorAll('.rows')[0]?.textContent ?? '').not.toContain('PipesExample');
+    expect(text()).toContain('DI debug data can keep alive: PipesExample');
+  });
+
   it('lists live effects, with the shared note, and selects or highlights a component', async () => {
     await show(page());
     const shown: string[] = [];
@@ -133,13 +152,32 @@ describe('LeaksSection', () => {
     );
     expect(text()).toMatch(/TripCard\s*2 open\s*instance destroyed\s*TripCard\.ngOnInit/);
     expect(text()).toContain('takeUntilDestroyed()');
-    const stop = button('Stop tracking subscriptions');
+    const stop = button('Track subscriptions');
+    expect(stop.textContent!.trim()).toBe('Track subscriptions');
     expect(stop.getAttribute('aria-pressed')).toBe('true');
     stop.click();
     await fixture.whenStable();
     expect(rpcCall).toHaveBeenLastCalledWith('request-leak-tracking', { pageId: 'p1', on: false });
   });
 
+  it('keeps the track button enabled and focused while busy, and ignores clicks then', async () => {
+    let resolve!: (value: unknown) => void;
+    rpcCall.mockImplementation(() => new Promise((r) => (resolve = r)));
+    await show(page());
+    const track = button('Track subscriptions');
+    track.focus();
+    track.click();
+    fixture.detectChanges();
+    expect(track.disabled).toBe(false);
+    expect(track.getAttribute('aria-disabled')).toBe('true');
+    expect(document.activeElement).toBe(track);
+    track.click();
+    expect(rpcCall).toHaveBeenCalledTimes(1);
+    resolve({ pages: 1 });
+    await fixture.whenStable();
+    expect(track.hasAttribute('aria-disabled')).toBe(false);
+  });
+
   it('shows the unavailable states', async () => {
     await show(
       page({
diff --git a/app/src/pages/cd-diagnosis.ts b/app/src/pages/cd-diagnosis.ts
index de11d85d..9dbdc2aa 100644
--- a/app/src/pages/cd-diagnosis.ts
+++ b/app/src/pages/cd-diagnosis.ts
@@ -40,31 +40,33 @@ const SHOWN = 10;
               <p class="note">No cycle has a cause yet.</p>
             }
           </div>
-          <div>
-            <h4>Depends on zone.js</h4>
-            @if (zone().length) {
-              <table>
-                <thead>
-                  <tr>
-                    <th scope="col">Component</th>
-                    <th scope="col" class="num">Zone-only ticks</th>
-                    <th scope="col">After</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  @for (z of zone(); track z.name) {
+          @if (hasZone()) {
+            <div>
+              <h4>Depends on zone.js</h4>
+              @if (zone().length) {
+                <table>
+                  <thead>
                     <tr>
-                      <td class="mono">{{ z.name }}</td>
-                      <td class="num">{{ z.ticks }}</td>
-                      <td class="mono">{{ z.tasks?.join(', ') }}</td>
+                      <th scope="col">Component</th>
+                      <th scope="col" class="num">Zone-only ticks</th>
+                      <th scope="col">After</th>
                     </tr>
-                  }
-                </tbody>
-              </table>
-            } @else if (d.triggers) {
-              <p class="note">{{ zoneNote() }}</p>
-            }
-          </div>
+                  </thead>
+                  <tbody>
+                    @for (z of zone(); track z.name) {
+                      <tr>
+                        <td class="mono">{{ z.name }}</td>
+                        <td class="num">{{ z.ticks }}</td>
+                        <td class="mono">{{ z.tasks?.join(', ') }}</td>
+                      </tr>
+                    }
+                  </tbody>
+                </table>
+              } @else if (d.triggers) {
+                <p class="note">{{ zoneNote() }}</p>
+              }
+            </div>
+          }
         </div>
         <h4>Wasted checks</h4>
         @if (!d.waste) {
@@ -209,11 +211,20 @@ export class CdDiagnosis {
     }));
   });
   readonly zone = computed(() => (this.diagnosis()?.zone ?? []).slice(0, SHOWN));
+  private readonly zoneTicks = computed(() => this.diagnosis()?.causes.zone ?? 0);
+  /**
+   * Shown when the page loads zone.js. Recordings made before `zoneJs` was
+   * reported fall back to whether zone.js started a tick or a component
+   * depends on it.
+   */
+  readonly hasZone = computed(() => {
+    const zoneJs = this.diagnosis()?.zoneJs;
+    return zoneJs ?? (this.zone().length > 0 || this.zoneTicks() > 0);
+  });
   readonly zoneNote = computed(() => {
-    const ticks = this.diagnosis()?.causes.zone ?? 0;
-    return ticks
-      ? `${ticks} ${ticks === 1 ? 'tick' : 'ticks'} came from zone.js alone, and no component changed in them.`
-      : 'No component changed in a tick only zone.js started.';
+    const ticks = this.zoneTicks();
+    if (!ticks) return 'No component changed in a tick only zone.js started.';
+    return `${ticks} ${ticks === 1 ? 'tick' : 'ticks'} came from zone.js alone, and no component changed in them.`;
   });
   readonly wasted = computed(() =>
     (this.diagnosis()?.components ?? []).filter((c) => c.unchanged > 0).slice(0, SHOWN),
diff --git a/app/src/pages/component-tree.ts b/app/src/pages/component-tree.ts
index 4beed86c..3a780e54 100644
--- a/app/src/pages/component-tree.ts
+++ b/app/src/pages/component-tree.ts
@@ -814,7 +814,7 @@ function storedDirectiveHosts(): boolean {
           [pageId]="page()!.pageId"
           [rpc]="rpc()"
           [angular]="angularPage()"
-          (showComponent)="revealNode($event)"
+          (showComponent)="showLeakComponent($event)"
           (highlight)="highlight($event)"
         />
       }
@@ -1203,6 +1203,8 @@ function storedDirectiveHosts(): boolean {
     }
     .row {
       position: relative;
+      scroll-margin-top: var(--ct-toolbar-clearance, 72px);
+      scroll-margin-bottom: 8px;
       display: flex;
       align-items: center;
       gap: 6px;
@@ -2436,6 +2438,11 @@ export class ComponentTree {
     if (this.index().map.has(id)) this.reveal(id);
   }
 
+  /** Shows a component a Leaks row names, and moves keyboard focus to its tree row. */
+  showLeakComponent(id: string) {
+    if (this.index().map.has(id)) this.reveal(id, true);
+  }
+
   /** Opens the tree to a node and selects it; `focus` also moves keyboard focus to its row. */
   reveal(id: string, focus = false) {
     const { parents } = this.index();
@@ -2453,8 +2460,16 @@ export class ComponentTree {
     afterNextRender(
       () => {
         const row = document.querySelector<HTMLElement>(`.row[data-id="${CSS.escape(id)}"]`);
+        // Keep the row clear of the sticky toolbar, whose height changes as it wraps.
+        const toolbar = this.host.nativeElement.querySelector<HTMLElement>('.toolbar');
+        if (toolbar) {
+          this.host.nativeElement.style.setProperty(
+            '--ct-toolbar-clearance',
+            `${toolbar.offsetHeight + 8}px`,
+          );
+        }
         row?.scrollIntoView({ block: 'nearest' });
-        if (focus) row?.focus();
+        if (focus) row?.focus({ preventScroll: true });
       },
       { injector: this.injector },
     );
diff --git a/app/src/pages/error-explain.ts b/app/src/pages/error-explain.ts
index baaeb2a6..884df648 100644
--- a/app/src/pages/error-explain.ts
+++ b/app/src/pages/error-explain.ts
@@ -188,7 +188,7 @@ const STEP_TONE: Record<InjectionStep['status'], string> = {
             <button
               type="button"
               class="small"
-              [disabled]="loading()"
+              [attr.aria-disabled]="loading() || null"
               (click)="explainLookup(p.token)"
             >
               {{ lookup() ? 'Explain lookup again' : 'Explain lookup' }}
@@ -208,7 +208,7 @@ const STEP_TONE: Record<InjectionStep['status'], string> = {
                   @if (part.code) {
                     <code>{{ part.text }}</code>
                   } @else {
-                    {{ part.text }}
+                    <span>{{ part.text }}</span>
                   }
                 }
               </p>
@@ -218,45 +218,46 @@ const STEP_TONE: Record<InjectionStep['status'], string> = {
                   @if (part.code) {
                     <code>{{ part.text }}</code>
                   } @else {
-                    {{ part.text }}
+                    <span>{{ part.text }}</span>
                   }
                 }
               </p>
-              <ol class="steps" aria-label="Injectors Angular asks, in order">
-                @for (step of l.steps; track step.id + $index) {
-                  <li>
-                    <span class="step-name">
-                      <code>{{ step.name }}</code>
-                      @if (step.component) {
-                        <code class="muted">{{ step.component }}</code>
-                      }
-                    </span>
-                    <span class="chip" [attr.data-tone]="stepTone[step.status]">{{
-                      stepLabel[step.status]
-                    }}</span>
-                    <span class="reason">
-                      @for (part of segments(step.reason); track $index) {
-                        @if (part.code) {
-                          <code>{{ part.text }}</code>
-                        } @else {
-                          {{ part.text }}
-                        }
-                      }
-                    </span>
-                  </li>
-                }
-              </ol>
-              <p class="note">
-                Read from the injector tree the page reported, assuming no <code>self</code>,
-                <code>skipSelf</code>, <code>host</code> or <code>optional</code>. Agents can pass
-                those to <code>explain-injection</code>.
-                @if (l.approximate) {
-                  This Angular version has no resolution path, so the path follows the rendered
-                  tree.
-                }
-              </p>
             }
           </div>
+          @if (!loading() && !lookupError() && lookup(); as l) {
+            <ol class="steps" aria-label="Injectors Angular asks, in order">
+              @for (step of l.steps; track step.id + $index) {
+                <li>
+                  <span class="step-name">
+                    <code>{{ step.name }}</code>
+                    @if (step.component) {
+                      <code class="muted">{{ step.component }}</code>
+                    }
+                  </span>
+                  <span class="chip" [attr.data-tone]="stepTone[step.status]">{{
+                    stepLabel[step.status]
+                  }}</span>
+                  <span class="reason">
+                    @for (part of segments(step.reason); track $index) {
+                      @if (part.code) {
+                        <code>{{ part.text }}</code>
+                      } @else {
+                        <span>{{ part.text }}</span>
+                      }
+                    }
+                  </span>
+                </li>
+              }
+            </ol>
+            <p class="note">
+              Read from the injector tree the page reported, assuming no <code>self</code>,
+              <code>skipSelf</code>, <code>host</code> or <code>optional</code>. Agents can pass
+              those to <code>explain-injection</code>.
+              @if (l.approximate) {
+                This Angular version has no resolution path, so the path follows the rendered tree.
+              }
+            </p>
+          }
         }
       }
     }
@@ -376,7 +377,7 @@ const STEP_TONE: Record<InjectionStep['status'], string> = {
     .small:hover {
       background: var(--surface-3);
     }
-    .small:disabled {
+    .small[aria-disabled='true'] {
       cursor: progress;
     }
     .small:focus-visible {
@@ -461,7 +462,7 @@ export class ErrorExplainView {
   async explainLookup(token: string) {
     const client = this.rpc();
     const owner = this.owner();
-    if (!client || !owner) return;
+    if (!client || !owner || this.loading()) return;
     this.loading.set(true);
     this.lookupError.set(null);
     try {
diff --git a/app/src/pages/leaks-section.ts b/app/src/pages/leaks-section.ts
index 76fef687..d3bdd094 100644
--- a/app/src/pages/leaks-section.ts
+++ b/app/src/pages/leaks-section.ts
@@ -25,6 +25,8 @@ export interface LeakDestroyed {
   destroyedAt: number;
   navigations: number;
   detached?: boolean;
+  /** Kept alive by Angular's development-mode DI debug data, so not counted as retained. */
+  devHeld?: boolean;
   subscriptions?: number;
 }
 
@@ -94,10 +96,11 @@ const plural = (n: number, one: string, many = `${one}s`) => `${n} ${n === 1 ? o
           type="button"
           class="track"
           [attr.aria-pressed]="tracking()"
-          [disabled]="!pageId() || busy() || !report()"
+          [attr.aria-disabled]="busy() || null"
+          [disabled]="!pageId() || !report()"
           (click)="toggle()"
         >
-          {{ tracking() ? 'Stop tracking subscriptions' : 'Track subscriptions' }}
+          Track subscriptions
         </button>
         <p class="sr-only" role="status">{{ announcement() }}</p>
       </div>
@@ -154,6 +157,14 @@ const plural = (n: number, one: string, many = `${one}s`) => `${n} ${n === 1 ? o
             >. Navigate a few times to see whether they stay.
           </p>
         }
+        @if (devHeld().length) {
+          <p class="note">
+            Not counted: the last destroyed instance of a class with none left on the page, which
+            Angular's development-mode DI debug data can keep alive:
+            <span class="mono">{{ names(devHeld()) }}</span
+            >.
+          </p>
+        }
         @if (detached().length) {
           <p class="note">
             Off the page but not destroyed (detached views, such as a route reuse cache):
@@ -285,6 +296,9 @@ const plural = (n: number, one: string, many = `${one}s`) => `${n} ${n === 1 ? o
     .track[aria-pressed='true'] {
       @include m.tint(accent);
     }
+    .track[aria-disabled='true'] {
+      cursor: progress;
+    }
     .track:focus-visible {
       @include m.focus-ring;
     }
@@ -410,17 +424,20 @@ export class LeaksSection {
     const retained: LeakDestroyed[] = [];
     const recent: LeakDestroyed[] = [];
     const detached: LeakDestroyed[] = [];
-    if (!page) return { retained, recent, detached };
+    const devHeld: LeakDestroyed[] = [];
+    if (!page) return { retained, recent, detached, devHeld };
     for (const item of page.destroyed) {
       if (item.detached) detached.push(item);
+      else if (item.devHeld) devHeld.push(item);
       else if (this.isRetained(page, item)) retained.push(item);
       else recent.push(item);
     }
-    return { retained, recent, detached };
+    return { retained, recent, detached, devHeld };
   });
   protected readonly retained = computed(() => this.split().retained);
   protected readonly recent = computed(() => this.split().recent);
   protected readonly detached = computed(() => this.split().detached);
+  protected readonly devHeld = computed(() => this.split().devHeld);
 
   private ageMs(page: LeaksPage, item: LeakDestroyed): number {
     return Math.max(0, this.now()() - page.reportedAt + (page.at - item.destroyedAt));
diff --git a/apps/docs/src/content/agents/tools.md b/apps/docs/src/content/agents/tools.md
index 5702b4ac..39add205 100644
--- a/apps/docs/src/content/agents/tools.md
+++ b/apps/docs/src/content/agents/tools.md
@@ -261,11 +261,11 @@ A parent binding sets a bound input again the next time its own value changes. O
 
 Leak hints for one page, in three parts. Reads: page.
 
-| Part                                 | What it lists                                                                                                                                                                                                              |
-| ------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **Still retained**                   | Component instances destroyed but still in memory after at least 2 navigations and 10 seconds: class, instance id, the route they lived on, age, navigations since and open subscriptions. Detached views are named apart. |
-| **Open subscriptions after destroy** | Subscriptions still open after the component that made them went away, grouped by class, instance and call site, with why each is flagged. Only while subscription tracking is on.                                         |
-| **Live effects and subscriptions**   | Components with live effects (from `ng.ɵgetSignalGraph`, Angular 20.1 and later) or tracked open subscriptions, with instance ids for `inspect-component`.                                                                 |
+| Part                                 | What it lists                                                                                                                                                                                                                                                                                                                                                                                         |
+| ------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Still retained**                   | Component instances destroyed but still in memory after at least 2 navigations and 10 seconds: class, instance id, the route they lived on, age, navigations since and open subscriptions. In a development build, the latest destroyed instance of a class with none left on the page is named apart and not counted, as Angular's DI debug data keeps it alive. Detached views are named apart too. |
+| **Open subscriptions after destroy** | Subscriptions still open after the component that made them went away, grouped by class, instance and call site, with why each is flagged. Only while subscription tracking is on.                                                                                                                                                                                                                    |
+| **Live effects and subscriptions**   | Components with live effects (from `ng.ɵgetSignalGraph`, Angular 20.1 and later) or tracked open subscriptions, with instance ids for `inspect-component`.                                                                                                                                                                                                                                            |
 
 | Argument    | Required | Value                                                    |
 | ----------- | -------- | -------------------------------------------------------- |
diff --git a/apps/docs/src/content/inspectors/components.md b/apps/docs/src/content/inspectors/components.md
index 8409a658..df661c57 100644
--- a/apps/docs/src/content/inspectors/components.md
+++ b/apps/docs/src/content/inspectors/components.md
@@ -251,12 +251,14 @@ Below **Change detection**, the **Leaks** section looks for components that stay
 | **Open subscriptions after destroy** | RxJS subscriptions a component made that are still open after it went away, with the class, the count and the line that made them. Only while **Track subscriptions** is on.                                             |
 | **Live effects and subscriptions**   | Components on the page that hold live effects or tracked open subscriptions. Hover or focus a row to highlight the component in the page, and click it to select it in the tree.                                         |
 
-A line above the lists counts the navigations, the retained instances and the destroyed instances the browser has collected. Instances destroyed fewer than 2 navigations or 10 seconds ago are named under **Still retained**, and instances that left the page without being destroyed (detached views, such as a `RouteReuseStrategy` cache) are named apart.
+A line above the lists counts the navigations, the retained instances and the destroyed instances the browser has collected. Instances destroyed fewer than 2 navigations or 10 seconds ago are left out of **Still retained** and named in a separate note, as destroyed recently and not collected yet. Instances that left the page without being destroyed (detached views, such as a `RouteReuseStrategy` cache) are named in a note of their own.
 
 <ngmd-alert severity="important" label="A hint, not a verdict">
   The browser collects garbage when it decides, so an instance in <strong>Still retained</strong> is not proof of a leak. Take a heap snapshot in the Chrome DevTools <strong>Memory</strong> panel, search for the class name and read its <strong>Retainers</strong> to see what holds it.
 </ngmd-alert>
 
+In a development build, Angular's DI debug data (the records behind `ng.ɵgetInjectorProviders`) keeps the last instance of each component class alive. One destroyed instance of a class with none left on the page is therefore no sign of a leak on its own. The section and the `find-leaks` agent tool name that instance in a separate note and don't count it as retained. A second destroyed instance of the same class that stays is the stronger hint.
+
 #### How destroyed components are found
 
 The page walks the component tree when elements come or go, and every 30 seconds otherwise. A component whose host left the page counts as destroyed when Angular has dropped its view (`ng.getInjector` gives Angular's null injector for the host). If Angular still holds the view, the component counts as detached. The page holds each instance through a `WeakRef` only, and a `FinalizationRegistry` tells it when the browser collected one, so the devtools keep nothing alive themselves. The page tracks up to 500 destroyed instances, and the section lists the oldest 100.
diff --git a/apps/docs/src/content/inspectors/errors.md b/apps/docs/src/content/inspectors/errors.md
index 67514277..afceaa0f 100644
--- a/apps/docs/src/content/inspectors/errors.md
+++ b/apps/docs/src/content/inspectors/errors.md
@@ -47,7 +47,7 @@ For `ExpressionChangedAfterItHasBeenCheckedError`, the box shows:
 | **Current**  | The value of the second check.                                                                                                                               |
 | **Held by**  | The fields of the component that hold the current value now, signals included. Getters and `computed` signals don't run.                                     |
 
-**Written by** lists the named signals written with the current value in the 2 seconds before the error. With write stacks on (see [Signals](./signals.md)), each one shows the app frames that wrote it. Without a match, the box says where to look instead. The overlay hears signal writes only while the Signals inspector is on, on Angular 17.0 or later, and only for signals with a `debugName`.
+**Written by** lists the named signals written with the current value in the 2 seconds before the error. Values are compared the way Angular prints them, from the value as it was written, so dates and objects match too. When some of those signals are named like the binding or a field under **Held by**, only those are listed. With write stacks on (see [Signals](./signals.md)), each one shows the app frames that wrote it. Without a match, the box says where to look instead. The overlay hears signal writes only while the Signals inspector is on, on Angular 17.0 or later, and only for signals with a `debugName`.
 
 When the binding or a field that holds the value has a secret-looking name, both values show as `[redacted]`.
 
@@ -55,6 +55,8 @@ When the binding or a field that holds the value has a secret-looking name, both
 
 For a hydration mismatch, the box shows Angular's first sentence and a line diff of the server HTML Angular expected (`−`) and the client DOM it found (`+`). Angular marks the node it means with `<-- AT THIS LOCATION`. The diff comes from the error message. When the message has no DOM, it comes from what Angular recorded on the component host instead, the same data as the [Hydration](./components.md#hydration) section. When Angular suspects a browser extension or a third-party script, the box says so.
 
+Hydration errors are raised once, while the app hydrates. The page catches them only if the overlay is already running when hydration finishes. If the app imports the overlay itself after bootstrap, such as after `whenStable()`, the hydration errors of that page load are not in the list. Read them in the browser console instead, or start the overlay before the app bootstraps. See [Capture starts with the overlay](#capture-starts-with-the-overlay).
+
 #### Missing provider (NG0201)
 
 For `NullInjectorError` and NG0201, the box shows the token, Angular's dependency path and the source injector. **Explain lookup** walks the lookup of that token from the component that asked for it: each injector Angular asks, in order, whether it provides the token, and why the lookup stops. It reads the tree the [Injectors](./injectors.md) tab shows, so it needs that tab on, and it assumes no `self`, `skipSelf`, `host` or `optional` flag. The `explain-injection` agent tool takes those flags.
diff --git a/packages/devtools/src/__tests__/cd-diagnosis-tool.test.ts b/packages/devtools/src/__tests__/cd-diagnosis-tool.test.ts
index 3fd2e731..3384091d 100644
--- a/packages/devtools/src/__tests__/cd-diagnosis-tool.test.ts
+++ b/packages/devtools/src/__tests__/cd-diagnosis-tool.test.ts
@@ -134,6 +134,16 @@ describe('change detection diagnosis data', () => {
     expect(clean.inputs).toHaveLength(50);
     expect(clean.inputs![0]).toEqual({ name: 'C0', input: 'x', inPlace: 1, sameContents: 0 });
     expect(clean.zone).toEqual([{ name: 'Z', ticks: 1, tasks: ['a', 'b', 'c'] }]);
+    expect(clean.zoneJs).toBeUndefined();
+    expect(sanitizeCdDiagnosis({ zoneJs: false })!.zoneJs).toBe(false);
+    expect(sanitizeCdDiagnosis({ zoneJs: 'no' })!.zoneJs).toBeUndefined();
+  });
+
+  it('keeps whether the page loads zone.js through an export and an import', () => {
+    const recording = sanitizeCdRecording(report('p1'), 10)!;
+    const withZone = { ...recording, diagnosis: { ...recording.diagnosis!, zoneJs: false } };
+    const imported = parseCdImport(JSON.stringify({ recording: withZone }), 10);
+    expect(imported.ok && imported.recording.diagnosis?.zoneJs).toBe(false);
   });
 
   it('keeps the diagnosis through an export and an import, and names the cause in a trace', () => {
@@ -166,6 +176,8 @@ describe('change detection diagnosis data', () => {
     expect(cdCauseText({ kind: 'tick', component: 'Poller' })).toBe(
       'ApplicationRef.tick() in Poller',
     );
+    expect(cdCauseText({ kind: 'signal', signal: '?' })).toMatch(/wrote an unnamed signal$/);
+    expect(cdCauseText({ kind: 'signal', signal: 'count' })).toMatch(/wrote signal count$/);
   });
 
   it('suggests OnPush by version, notes classes already OnPush, and flags inputs and zone.js', () => {
@@ -245,6 +257,10 @@ describe('diagnose-change-detection tool', () => {
       ({ pages: { p1: { ...report('p1'), reportedAt: 1, ...page } } }) as unknown as CdState;
     expect(cdDiagnosisText(state({ supported: false }))).toContain('needs Angular 20 or later');
     expect(cdDiagnosisText(state({ diagnosis: undefined }))).toContain('reported no diagnosis');
+    const zoneless = { ...diagnosis, zone: undefined, causes: { event: 1 }, zoneJs: false };
+    expect(cdDiagnosisText(state({ diagnosis: zoneless }))).toContain(
+      'does not load zone.js, so it runs zoneless',
+    );
     expect(
       cdDiagnosisText(state({ supported: false }), {}, () => ({
         version: '19.2.0',
diff --git a/packages/devtools/src/__tests__/cd-diagnosis.test.ts b/packages/devtools/src/__tests__/cd-diagnosis.test.ts
index 301c22e6..b2953860 100644
--- a/packages/devtools/src/__tests__/cd-diagnosis.test.ts
+++ b/packages/devtools/src/__tests__/cd-diagnosis.test.ts
@@ -1,6 +1,12 @@
 // @vitest-environment jsdom
 import { afterEach, describe, expect, it, vi } from 'vitest';
-import { callerStack, createCdDiagnosis, findCdScheduler, NOTIFY } from '../cd-diagnosis.ts';
+import {
+  callerStack,
+  createCdDiagnosis,
+  findCdScheduler,
+  NOTIFY,
+  templateOwner,
+} from '../cd-diagnosis.ts';
 import { PROFILER_EVENT as E } from '../cd-recorder.ts';
 import type { RawSignalNode } from '../signal-history.ts';
 
@@ -150,6 +156,47 @@ describe('change detection diagnosis', () => {
     });
   });
 
+  it('names the component, not the @for context, for a listener inside a block', () => {
+    const t = setup();
+    t.diagnosis.start();
+    class RepeaterContext {}
+    const listener = function HttpExample_For_3_Template_button_click_0_listener() {};
+    t.scheduler.notify(NOTIFY.Listener);
+    t.diagnosis.onEvent(E.OutputStart, new RepeaterContext(), listener, null);
+    const id = t.cycle();
+    expect(t.diagnosis.cycle(id).cause).toMatchObject({
+      component: 'HttpExample',
+      listener: 'HttpExample_For_3_Template_button_click_0_listener',
+    });
+
+    // Without a compiled listener name the context gives no owner at all.
+    t.scheduler.notify(NOTIFY.Listener);
+    t.diagnosis.onEvent(E.OutputStart, new RepeaterContext(), () => {}, null);
+    const next = t.cycle();
+    expect(t.diagnosis.cycle(next).cause?.component).toBeUndefined();
+  });
+
+  it('reads the component from compiled template function names', () => {
+    expect(templateOwner('App_Template')).toBe('App');
+    expect(templateOwner('App_Template_button_click_0_listener')).toBe('App');
+    expect(templateOwner('App_Conditional_2_Template_a_click_1_listener')).toBe('App');
+    expect(templateOwner('My_Card_ForEmpty_5_Template')).toBe('My_Card');
+    expect(templateOwner('List_ng_template_2_Template_li_click_0_listener')).toBe('List');
+    expect(templateOwner('_App_Template')).toBe('App');
+    expect(templateOwner('onClick')).toBeUndefined();
+  });
+
+  it('says whether the page loads zone.js', async () => {
+    const zoneless = setup({ global: { Zone: undefined } });
+    zoneless.diagnosis.start();
+    expect(zoneless.diagnosis.snapshot()?.zoneJs).toBe(false);
+    zoneless.diagnosis.stop();
+    const zoned = setup({ global: { Zone: { current: { get: () => false } } } });
+    zoned.diagnosis.start();
+    expect(zoned.diagnosis.snapshot()?.zoneJs).toBe(true);
+    zoned.diagnosis.stop();
+  });
+
   it('names a template listener by its DOM event, target and owner', () => {
     const t = setup();
     t.diagnosis.start();
diff --git a/packages/devtools/src/__tests__/error-explain.test.ts b/packages/devtools/src/__tests__/error-explain.test.ts
index 7754f0f8..4c19a613 100644
--- a/packages/devtools/src/__tests__/error-explain.test.ts
+++ b/packages/devtools/src/__tests__/error-explain.test.ts
@@ -4,6 +4,7 @@ import { elementId } from '../element-id.ts';
 import {
   WRITE_WINDOW_MS,
   createRecentWrites,
+  enrichExplain,
   explainError,
   formatLikeAngular,
   membersHolding,
@@ -12,6 +13,8 @@ import {
   parseMissingProvider,
   templateOf,
 } from '../error-explain.ts';
+import { serializeNamed } from '../serialize.ts';
+import { createSignalHistory } from '../signal-history.ts';
 import { attachErrors, ownerCandidates, type ErrorsDebugNg } from '../errors-collector.ts';
 import { HYDRATION_INFO_KEY } from '../hydration.ts';
 import type { ErrorsReport } from '../rpc/errors-tools.ts';
@@ -175,6 +178,51 @@ describe('membersHolding', () => {
 });
 
 describe('recent signal writes', () => {
+  it('keeps only writes to a signal the binding or a holding field names, when there are any', () => {
+    const writes = createRecentWrites();
+    writes.add('n1', 'count', { epoch: 1, value: '3', at: 1000, source: 'write' });
+    writes.add('n2', 'value', { epoch: 1, value: '3', at: 1100, source: 'write' });
+    expect(writes.matching(1200, '3', ['count']).map((w) => w.signal)).toEqual(['count']);
+    expect(writes.matching(1200, '3', ['total']).map((w) => w.signal)).toEqual(['value', 'count']);
+    expect(writes.matching(1200, '3').map((w) => w.signal)).toEqual(['value', 'count']);
+
+    const explain = enrichExplain(
+      { kind: 'expression-changed', binding: 'count', previous: '2', current: '3' },
+      { at: 1200, writes },
+    );
+    expect(explain.kind === 'expression-changed' && explain.writes?.map((w) => w.signal)).toEqual([
+      'count',
+    ]);
+  });
+
+  it('matches a Date or an object by the value as written, not its serialized copy', async () => {
+    const writes = createRecentWrites();
+    const history = createSignalHistory(
+      (value, name) => serializeNamed(name, value, { budget: 1000 }),
+      () => 1000,
+      undefined,
+      { onChange: (id, label, change, raw) => writes.add(id, label, change, raw) },
+    );
+    const when = new Date(Date.UTC(2026, 9, 13, 12));
+    class Trip {
+      constructor(readonly to: string) {}
+    }
+    const deep = { a: { b: { c: { d: { e: { f: 'deep' } } } } } };
+    history.onWrite({ debugName: 'departure', kind: 'signal', value: when, version: 1 });
+    history.onWrite({ debugName: 'trip', kind: 'signal', value: new Trip('Oslo'), version: 1 });
+    history.onWrite({ debugName: 'filters', kind: 'signal', value: deep, version: 1 });
+    history.onWrite({ debugName: 'password', kind: 'signal', value: { p: 'hunter2' }, version: 1 });
+    await Promise.resolve();
+    await Promise.resolve();
+
+    const signals = (current: string) => writes.matching(1000, current).map((w) => w.signal);
+    expect(signals(formatLikeAngular(when))).toEqual(['departure']);
+    expect(signals(formatLikeAngular(new Trip('Oslo')))).toEqual(['trip']);
+    expect(signals(formatLikeAngular(deep))).toEqual(['filters']);
+    // A secret-named signal keeps its masked value, so it is never matched.
+    expect(signals('{"p":"hunter2"}')).toEqual([]);
+  });
+
   it('matches writes of the current value in the window before the error, newest first', () => {
     const writes = createRecentWrites();
     writes.add('n1', 'title', { epoch: 1, value: 'Trips (3)', at: 1000, source: 'write' });
diff --git a/packages/devtools/src/__tests__/leaks-collector.test.ts b/packages/devtools/src/__tests__/leaks-collector.test.ts
index 7bd34a43..e1310010 100644
--- a/packages/devtools/src/__tests__/leaks-collector.test.ts
+++ b/packages/devtools/src/__tests__/leaks-collector.test.ts
@@ -406,6 +406,30 @@ describe('attachLeaks: subscriptions', () => {
     expect(Object.prototype.hasOwnProperty.call(rx.Observable.prototype, 'subscribe')).toBe(true);
   });
 
+  it('wraps subscribe once when tracking goes on, off and on again while RxJS loads', async () => {
+    const rx = fakeRxjs();
+    let release!: () => void;
+    const loaded = new Promise<void>((resolve) => (release = resolve));
+    const h = harness(() => fakeNg(new Map()), {
+      loadRxjs: async () => {
+        await loaded;
+        return rx.module as never;
+      },
+    });
+    const first = h.collector.setTracking(true);
+    await h.collector.setTracking(false);
+    const second = h.collector.setTracking(true);
+    release();
+    expect(await first).toMatchObject({ ok: false });
+    expect(await second).toMatchObject({ ok: true });
+    expect(rx.Observable.prototype.subscribe).not.toBe(rx.original);
+
+    await h.collector.setTracking(false);
+    expect(rx.Observable.prototype.subscribe).toBe(rx.original);
+    h.collector.stop();
+    expect(rx.Observable.prototype.subscribe).toBe(rx.original);
+  });
+
   it('leaves a wrapper someone added after it in place, and goes quiet', async () => {
     const rx = fakeRxjs();
     page(0);
@@ -599,6 +623,83 @@ describe('attachLeaks: pushes', () => {
   });
 });
 
+describe('attachLeaks: development builds', () => {
+  it('marks only the latest destroyed instance of a class with none left as held by DI debug data', async () => {
+    const { root, components, cards } = page(3);
+    const ng = fakeNg(components);
+    let now = 1000;
+    let devMode = true;
+    const h = harness(() => ng, { now: () => now, devMode: () => devMode });
+    await h.collector.push();
+    // Two cards go, one stays: the class is still on the page, so neither is excused.
+    cards[0]!.remove();
+    await h.collector.push(true);
+    now += 10;
+    cards[1]!.remove();
+    await h.collector.push(true);
+    expect(h.reports.at(-1)!.destroyed.filter((d) => d.devHeld)).toEqual([]);
+
+    // The last card goes too: only the latest destroyed card is excused.
+    now += 10;
+    cards[2]!.remove();
+    await h.collector.push(true);
+    const held = h.reports
+      .at(-1)!
+      .destroyed.filter((d) => d.devHeld)
+      .map((d) => d.id);
+    expect(held).toEqual([elementId(cards[2]!)]);
+    expect(h.reports.at(-1)!.destroyed).toHaveLength(3);
+
+    // A production build excuses nothing.
+    devMode = false;
+    await h.collector.push(true);
+    expect(h.reports.at(-1)!.destroyed.some((d) => d.devHeld)).toBe(false);
+    expect(root.isConnected).toBe(true);
+  });
+});
+
+describe('attachLeaks: idle pages', () => {
+  it('keeps its bookkeeping but reads no signal graph and sends no new report while nobody looks', async () => {
+    let now = 1000;
+    let active = false;
+    const { components, cards } = page(2);
+    let graphReads = 0;
+    const ng = fakeNg(components, {
+      ɵgetSignalGraph: () => {
+        graphReads++;
+        return { nodes: [{ id: 'e1', kind: 'effect' }] };
+      },
+    });
+    const h = harness(() => ng, { now: () => now, tickMs: () => 3000, active: () => active });
+
+    // The first report still goes out, so the page is listed, but without the graph.
+    await h.collector.push();
+    expect(h.reports).toHaveLength(1);
+    expect(graphReads).toBe(0);
+
+    // A component that comes and goes while idle is still seen once someone looks.
+    cards[1]!.remove();
+    h.collector.track();
+    await h.collector.push();
+    expect(h.reports).toHaveLength(1);
+    expect(graphReads).toBe(0);
+
+    // A keepalive re-sends the last report as it was.
+    now += 6000;
+    await h.collector.push();
+    expect(h.reports).toHaveLength(2);
+    expect(h.reports[1]).toEqual(h.reports[0]);
+    expect(graphReads).toBe(0);
+
+    active = true;
+    await h.collector.push();
+    expect(graphReads).toBeGreaterThan(0);
+    const report = h.reports.at(-1)!;
+    expect(report.support.effects).toBe(true);
+    expect(report.destroyed.map((d) => d.id)).toContain(elementId(cards[1]!));
+  });
+});
+
 describe('stackClasses', () => {
   it('reads constructors, methods and compiled template functions, innermost first', () => {
     const stack = [
diff --git a/packages/devtools/src/__tests__/leaks-tools.test.ts b/packages/devtools/src/__tests__/leaks-tools.test.ts
index 2f94a302..da9b2b09 100644
--- a/packages/devtools/src/__tests__/leaks-tools.test.ts
+++ b/packages/devtools/src/__tests__/leaks-tools.test.ts
@@ -125,6 +125,50 @@ describe('isRetained', () => {
     expect(isRetained(page, page.destroyed[1]!)).toBe(false);
     expect(isRetained(page, { ...page.destroyed[0]!, detached: true })).toBe(false);
     expect(isRetained(page, { ...page.destroyed[0]!, navigations: 1 })).toBe(false);
+    expect(isRetained(page, { ...page.destroyed[0]!, devHeld: true })).toBe(false);
+  });
+
+  it('keeps devHeld through the sanitizer, but never on a detached view', () => {
+    const base = report().destroyed[0]!;
+    const sane = toLeaksReport(
+      report({
+        destroyed: [
+          { ...base, devHeld: true },
+          { ...base, id: 'c11', detached: true, devHeld: true },
+          { ...base, id: 'c12', devHeld: 'yes' as never },
+        ],
+      }),
+    )!;
+    expect(sane.destroyed.map((item) => item.devHeld)).toEqual([true, undefined, undefined]);
+  });
+
+  it('names the instance dev-mode DI debug data may hold apart, and still lists a second one', () => {
+    const old = Date.now() - RETAINED_AFTER_MS - 5000;
+    const page = {
+      ...report({
+        destroyed: [
+          { id: 'a1', name: 'About', route: '/about', destroyedAt: old, navigations: 4 },
+          {
+            id: 'a2',
+            name: 'About',
+            route: '/about',
+            destroyedAt: old + 1,
+            navigations: 3,
+            devHeld: true,
+          },
+          { id: 'h1', name: 'Home', route: '/', destroyedAt: old, navigations: 3, devHeld: true },
+        ],
+        subscriptions: [],
+      }),
+      reportedAt: Date.now(),
+    };
+    const text = findLeaksText({ pages: { tab1: page } });
+    expect(text).toMatch(/\| `About` \| `a1` \|/);
+    expect(text).not.toMatch(/\| `About` \| `a2` \|/);
+    expect(text).not.toMatch(/\| `Home` \|/);
+    expect(text).toMatch(/Not counted as retained: .*2 classes.*`About`, `Home`/);
+    expect(text).toMatch(/DI debug data/);
+    expect(text).not.toMatch(/destroyed recently/);
   });
 });
 
diff --git a/packages/devtools/src/cd-data.ts b/packages/devtools/src/cd-data.ts
index 28687834..06b0aad7 100644
--- a/packages/devtools/src/cd-data.ts
+++ b/packages/devtools/src/cd-data.ts
@@ -237,9 +237,13 @@ export function sanitizeCdDiagnosis(value: unknown): CdDiagnosis | undefined {
     components,
     ...(inputs.length ? { inputs } : {}),
     ...(zone.length ? { zone } : {}),
+    ...(typeof value['zoneJs'] === 'boolean' ? { zoneJs: value['zoneJs'] } : {}),
   };
 }
 
+/** What a cause holds for a signal written without a `debugName`. */
+export const UNNAMED_SIGNAL = '?';
+
 /** One line on what started a cycle, such as `click on button in Cart (add), wrote count`. */
 export function cdCauseText(reason: CdCause): string {
   const parts: string[] = [];
@@ -269,8 +273,13 @@ export function cdCauseText(reason: CdCause): string {
     default:
       parts.push(`${CD_CAUSE_LABEL[reason.kind]}${where}`);
   }
-  if (reason.signal) parts.push(`wrote signal ${reason.signal}`);
-  else if (reason.via && reason.via !== reason.kind)
+  if (reason.signal) {
+    parts.push(
+      reason.signal === UNNAMED_SIGNAL
+        ? 'wrote an unnamed signal'
+        : `wrote signal ${reason.signal}`,
+    );
+  } else if (reason.via && reason.via !== reason.kind)
     parts.push(`via ${CD_CAUSE_LABEL[reason.via]}`);
   if (reason.zone && reason.kind !== 'zone') parts.push('run by zone.js');
   if (reason.more) parts.push(`${reason.more} more notification${reason.more === 1 ? '' : 's'}`);
diff --git a/packages/devtools/src/cd-diagnosis.ts b/packages/devtools/src/cd-diagnosis.ts
index d520ea95..a4830586 100644
--- a/packages/devtools/src/cd-diagnosis.ts
+++ b/packages/devtools/src/cd-diagnosis.ts
@@ -1,3 +1,4 @@
+import { UNNAMED_SIGNAL } from './cd-data.ts';
 import { PROFILER_EVENT } from './cd-recorder.ts';
 import { listenerName } from './cd-timing.ts';
 import type {
@@ -174,6 +175,33 @@ const nameOf = (instance: unknown): string => {
 
 const cut = (value: string) => value.slice(0, MAX_TEXT);
 
+/**
+ * The component whose compiled template function `name` is: `HttpExample` for
+ * `HttpExample_For_3_Template_button_click_0_listener` or `App_Template`. The
+ * compiler names a view `<parent>_<suffix>_<slot>_Template`, the suffix being a
+ * control flow block or a lowercase tag such as `ng_template`.
+ */
+export function templateOwner(name: string): string | undefined {
+  const match =
+    /^(.+?)_(?:Template(?:_|$)|(?:For|ForEmpty|Conditional|Case|ProjectionFallback|Defer[A-Za-z]*|[a-z][a-z0-9_]*?)_\d+_)/.exec(
+      name.replace(/^_+/, ''),
+    );
+  return match ? match[1] : undefined;
+}
+
+/**
+ * Who a listener belongs to. Angular passes the view's context, which in an
+ * `@for`, `@if` or `<ng-template>` is a context object (`RepeaterContext`,
+ * `NgIfContext`), not a component; the listener's compiled name then gives the
+ * component. Undefined when neither does.
+ */
+function ownerName(instance: unknown, listener: string): string | undefined {
+  const ctor = ctorOf(instance);
+  const def = ctor ? read(() => ('ɵcmp' in ctor ? true : 'ɵdir' in ctor), false) : false;
+  if (def) return nameOf(instance);
+  return listener ? templateOwner(listener) : undefined;
+}
+
 function isScheduler(value: unknown): value is SchedulerLike {
   return (
     !!value &&
@@ -415,7 +443,7 @@ export function createCdDiagnosis(options: CdDiagnosisOptions) {
 
   const onWrite = (node: RawSignalNode) => {
     if (!active || depth > 0 || !pending || pending.signal !== undefined) return;
-    pending.signal = cut(read(() => node.debugName, undefined) || '?');
+    pending.signal = cut(read(() => node.debugName, undefined) || UNNAMED_SIGNAL);
   };
 
   const causeOf = (): CdCause => {
@@ -425,8 +453,8 @@ export function createCdDiagnosis(options: CdDiagnosisOptions) {
     const p = pending;
     if (p) {
       const base = NOTIFY_KIND[p.source] ?? 'unknown';
-      const owner = p.owner !== undefined ? nameOf(p.owner) : undefined;
       const listener = p.listener !== undefined ? listenerName(p.listener) : '';
+      const owner = p.owner !== undefined ? ownerName(p.owner, listener) : undefined;
       const timer = !!p.task && TIMER_TASK.test(p.task);
       const kind: CdCauseKind = p.http
         ? 'http'
@@ -796,6 +824,7 @@ export function createCdDiagnosis(options: CdDiagnosisOptions) {
         components,
         ...(inputs.length ? { inputs } : {}),
         ...(zone.length ? { zone } : {}),
+        zoneJs: !!zoneApi(),
       };
     },
     /** Classes refreshed past the 1000 the diagnosis keeps totals for. */
diff --git a/packages/devtools/src/config.ts b/packages/devtools/src/config.ts
index 796e8c12..75be9772 100644
--- a/packages/devtools/src/config.ts
+++ b/packages/devtools/src/config.ts
@@ -1384,6 +1384,8 @@ export interface CdDiagnosis {
   inputs?: CdInputStat[];
   /** Components that changed only in zone.js ticks, at most 50. */
   zone?: CdZoneStat[];
+  /** Whether the page loads zone.js (a `Zone` global); missing in recordings made before it was reported. */
+  zoneJs?: boolean;
 }
 
 /** What a {@link CdSpan} measures. */
diff --git a/packages/devtools/src/error-explain.ts b/packages/devtools/src/error-explain.ts
index 9fc38878..0fa39481 100644
--- a/packages/devtools/src/error-explain.ts
+++ b/packages/devtools/src/error-explain.ts
@@ -241,7 +241,8 @@ export function membersHolding(component: unknown, current: string): string[] {
 interface RecentWrite {
   signal: string;
   at: number;
-  value: unknown;
+  /** The value as Angular prints it in NG0100, taken from the raw value written. */
+  text: string;
   stack?: string[];
 }
 
@@ -253,13 +254,18 @@ export function createRecentWrites(max = MAX_RECENT_WRITES) {
   const writes: RecentWrite[] = [];
   let heard = false;
   return {
-    /** Pass to the signal history as (part of) `onChange`. */
-    add(_id: string | undefined, label: string, change: SignalChange) {
+    /**
+     * Pass to the signal history as (part of) `onChange`. `raw` is the value as
+     * written; the serialized `change.value` stands in without it. A signal
+     * with a secret name keeps its masked value, so it is never printed or matched.
+     */
+    add(_id: string | undefined, label: string, change: SignalChange, raw?: { value: unknown }) {
       if (change.source !== 'write') return;
+      const value = raw && !isSecretName(label) ? raw.value : change.value;
       writes.push({
         signal: label,
         at: change.at,
-        value: change.value,
+        text: formatLikeAngular(value),
         ...(change.stack?.length ? { stack: change.stack } : {}),
       });
       if (writes.length > max) writes.splice(0, writes.length - max);
@@ -271,15 +277,18 @@ export function createRecentWrites(max = MAX_RECENT_WRITES) {
     get known() {
       return heard;
     },
-    /** Writes whose value prints like `current`, in the window before `at`, newest first. */
-    matching(at: number, current: string): ExplainWrite[] {
-      return writes
-        .filter(
-          (write) =>
-            write.at <= at + 50 &&
-            at - write.at <= WRITE_WINDOW_MS &&
-            formatLikeAngular(write.value) === current,
-        )
+    /**
+     * Writes whose value prints like `current`, in the window before `at`, newest
+     * first. When some were made to a signal named in `names` (the binding, the
+     * fields that hold the value), only those are kept: the others merely share the value.
+     */
+    matching(at: number, current: string, names: readonly string[] = []): ExplainWrite[] {
+      const found = writes.filter(
+        (write) =>
+          write.at <= at + 50 && at - write.at <= WRITE_WINDOW_MS && write.text === current,
+      );
+      const named = found.filter((write) => names.includes(write.signal));
+      return (named.length ? named : found)
         .reverse()
         .slice(0, 5)
         .map(({ signal, at: when, stack }) => ({ signal, at: when, ...(stack ? { stack } : {}) }));
@@ -319,7 +328,8 @@ export function enrichExplain(
     if (context.writes) {
       out.writesKnown = context.writes.known;
       if (!out.masked) {
-        const writes = context.writes.matching(context.at, explain.current);
+        const names = [...(out.binding ? [out.binding] : []), ...(out.members ?? [])];
+        const writes = context.writes.matching(context.at, explain.current, names);
         if (writes.length) out.writes = writes;
       }
     }
diff --git a/packages/devtools/src/leaks-collector.ts b/packages/devtools/src/leaks-collector.ts
index 99d81cd2..9f37cba1 100644
--- a/packages/devtools/src/leaks-collector.ts
+++ b/packages/devtools/src/leaks-collector.ts
@@ -97,11 +97,27 @@ export interface LeaksOptions {
   dirty?: DomDirty | null;
   /** Navigation events, the page's window by default. */
   target?: Pick<Window, 'addEventListener' | 'removeEventListener'> | null;
+  /**
+   * Whether a panel or an agent is looking (`page-lease.ts`). While idle the
+   * collector keeps its live and destroyed bookkeeping but skips the effect
+   * count and the report, and only re-sends the last report as a keepalive.
+   */
+  active?: () => boolean;
+  /** Whether the app is a development build (`ngDevMode`), whose DI debug data holds instances. */
+  devMode?: () => boolean;
 }
 
 export interface LeaksCollector {
-  /** Scans when the page changed, then pushes when the report changed or a keepalive is due. */
+  /**
+   * Scans when the page changed, then pushes when the report changed or a
+   * keepalive is due. On an idle page (see `active`) only the bookkeeping runs.
+   */
   push(force?: boolean): Promise<void>;
+  /**
+   * Notes which components are live or destroyed when the page changed, without
+   * reading signal graphs or building a report; cheap enough to run on every refresh.
+   */
+  track(): void;
   /** Turns subscription tracking on or off. */
   setTracking(on: boolean): Promise<{ ok: boolean; message: string }>;
   /** Walks the page now, for tests and forced pushes. */
@@ -233,6 +249,10 @@ export function attachLeaks(
 ): LeaksCollector {
   const now = options.now ?? Date.now;
   const tickMs = options.tickMs ?? (() => 0);
+  const active = options.active ?? (() => true);
+  const devMode =
+    options.devMode ??
+    (() => read(() => !!(globalThis as { ngDevMode?: unknown }).ngDevMode, false));
   const hasDocument = typeof document !== 'undefined';
   const tree = options.tree ?? (() => domTree());
   const route =
@@ -287,6 +307,8 @@ export function attachLeaks(
   let nullInjector: { for: unknown; value: unknown } | null = null;
   let effectsSupported = false;
   let uniqueEffects = 0;
+  let effectsDue = false;
+  let lastPayload: LeaksReport | null = null;
 
   const registry = weak.FinalizationRegistry
     ? new weak.FinalizationRegistry<string>((id) => {
@@ -380,7 +402,8 @@ export function attachLeaks(
     return out;
   };
 
-  const scan = () => {
+  /** The cheap part of a scan: which instances are live, destroyed or detached. */
+  const trackInstances = () => {
     const ng = getNg();
     checkNavigation();
     if (!ng || typeof ng.getComponent !== 'function' || !weak.WeakRef) return;
@@ -436,10 +459,24 @@ export function attachLeaks(
       entry.navigation = navigations;
       lastDestroyed.set(entry.name, entry.destroyedAt);
     }
-    countEffects(ng);
+    effectsDue = true;
     pruneTracked();
   };
 
+  /** Reads the signal graph again after a walk, only when someone looks at the result. */
+  const refreshEffects = () => {
+    if (!effectsDue) return;
+    const ng = getNg();
+    if (!ng) return;
+    effectsDue = false;
+    countEffects(ng);
+  };
+
+  const scan = () => {
+    trackInstances();
+    refreshEffects();
+  };
+
   const countEffects = (ng: LeaksDebugNg) => {
     effectsSupported = typeof ng.ɵgetSignalGraph === 'function';
     if (!effectsSupported) return;
@@ -618,9 +655,14 @@ export function attachLeaks(
     }
     if (tracking === 'on') return { ok: true, message: 'Already tracking subscriptions.' };
     if (starting) return starting;
-    const attempt = (async () => {
+    // Declared first, so the attempt can tell whether it is still the latest one.
+    let attempt!: Promise<{ ok: boolean; message: string }>;
+    attempt = (async () => {
       const rxjs = await loadRxjs().catch(() => null);
-      if (!starting || stopped) return { ok: false, message: 'Tracking was turned off.' };
+      // A later on/off while RxJS loads replaces `starting`; only the latest attempt may wrap.
+      if (starting !== attempt || stopped)
+        return { ok: false, message: 'Tracking was turned off.' };
+      if (restoreSubscribe) return { ok: true, message: 'Already tracking subscriptions.' };
       const proto = read(() => rxjs?.Observable?.prototype ?? null, null);
       const restore = proto ? wrapSubscribe(proto) : null;
       if (!restore) {
@@ -717,6 +759,21 @@ export function attachLeaks(
       )
       .slice(0, MAX_LEAK_COMPONENTS);
 
+    // In a development build Angular's DI debug data (the injector profiler's records behind
+    // `ng.ɵgetInjectorProviders`) keeps the last instance of a class alive, so the latest
+    // destroyed instance of a class with none on the page proves nothing. A second one does.
+    const devHeld = new Set<string>();
+    if (devMode()) {
+      const latest = new Map<string, Destroyed>();
+      for (const entry of destroyed.values()) {
+        if (entry.detached || liveClasses.has(entry.name) || entry.ref.deref() === undefined) {
+          continue;
+        }
+        const held = latest.get(entry.name);
+        if (!held || entry.destroyedAt >= held.destroyedAt) latest.set(entry.name, entry);
+      }
+      for (const entry of latest.values()) devHeld.add(entry.id);
+    }
     const gone: LeakDestroyed[] = [...destroyed.values()]
       .filter((entry) => entry.ref.deref() !== undefined)
       .slice(0, MAX_LEAK_DESTROYED)
@@ -729,6 +786,7 @@ export function attachLeaks(
           destroyedAt: entry.destroyedAt,
           navigations: navigations - entry.navigation,
           ...(entry.detached ? { detached: true } : {}),
+          ...(devHeld.has(entry.id) ? { devHeld: true } : {}),
           ...(subs ? { subscriptions: subs } : {}),
         };
       });
@@ -760,24 +818,36 @@ export function attachLeaks(
     };
   };
 
-  let scanDue = dirty ? dirty.cached(() => scan()) : null;
+  let scanDue = dirty ? dirty.cached(() => trackInstances()) : null;
   let queue = Promise.resolve();
+  const send = async (payload: LeaksReport) => {
+    sentAt = now();
+    try {
+      const answer = (await my.rpc.call('push-leaks', payload)) as { known?: boolean } | undefined;
+      if (answer?.known === false) lastKey = '';
+    } catch {
+      lastKey = '';
+    }
+  };
   const pushOnce = async (force: boolean) => {
     if (left || stopped) return;
     checkNavigation();
-    if (force || !scanDue) scan();
+    // The bookkeeping runs either way, so a component that lives only while idle is still seen.
+    if (force || !scanDue) trackInstances();
     else scanDue();
+    if (force || active()) {
+      refreshEffects();
+    } else if (lastPayload) {
+      // Nobody looks: the last report keeps the page from expiring. The first one still goes out.
+      if (keepaliveDue(sentAt, tickMs(), now())) await send(lastPayload);
+      return;
+    }
     const payload = report();
     const key = JSON.stringify({ ...payload, at: 0 });
     if (!force && key === lastKey && !keepaliveDue(sentAt, tickMs(), now())) return;
     lastKey = key;
-    sentAt = now();
-    try {
-      const answer = (await my.rpc.call('push-leaks', payload)) as { known?: boolean } | undefined;
-      if (answer?.known === false) lastKey = '';
-    } catch {
-      lastKey = '';
-    }
+    lastPayload = payload;
+    await send(payload);
   };
   const push = (force = false) => (queue = queue.then(() => pushOnce(force)));
 
@@ -811,6 +881,12 @@ export function attachLeaks(
 
   return {
     push,
+    track() {
+      if (left || stopped) return;
+      checkNavigation();
+      if (scanDue) scanDue();
+      else trackInstances();
+    },
     setTracking,
     scan,
     report,
diff --git a/packages/devtools/src/overlay.ts b/packages/devtools/src/overlay.ts
index 7954816b..3c92fbb3 100644
--- a/packages/devtools/src/overlay.ts
+++ b/packages/devtools/src/overlay.ts
@@ -356,9 +356,9 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     (value, name) => graphValue(name, value),
     {
       stacks: signalWatch.stacks,
-      onChange: (id, label, change) => {
+      onChange: (id, label, change, raw) => {
         signalWatch.onChange(id, label, change);
-        if (on.errors) recentWrites.add(id, label, change);
+        if (on.errors) recentWrites.add(id, label, change, raw);
       },
     },
   );
@@ -458,6 +458,7 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
         on.injectors && pushInjectorTree(true),
         on.components && cd?.push(false, true),
         forms?.push(true),
+        leaks?.push(true),
       ]),
   });
   own(lease.stop);
@@ -493,7 +494,9 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
   const errors = on.errors
     ? attachErrors(my, pageId, getNg, { tickMs, writes: recentWrites })
     : null;
-  const leaks = on.components ? attachLeaks(my, pageId, getNg, { tickMs }) : null;
+  const leaks = on.components
+    ? attachLeaks(my, pageId, getNg, { tickMs, active: () => lease.active })
+    : null;
   const angularInfo = attachAngularInfo(my, pageId, getNg, { tickMs });
   const consoleGlobals = attachConsoleGlobals(my, pageId, {
     getNg,
@@ -680,6 +683,8 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     own(run.cancel);
     return run;
   };
+  // Leak bookkeeping runs on every refresh so short-lived components are seen; the report is paced.
+  const pushLeaks = leaks && paced(() => void leaks.push().catch(() => {}));
   const collectors = [
     () => void angularInfo.push(),
     on.components && paced(() => void pushTree().catch(() => {})),
@@ -692,7 +697,12 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     http && (() => void http.push().catch(() => {})),
     cd && paced(() => void cd.push().catch(() => {})),
     errors && (() => void errors.push().catch(() => {})),
-    leaks && (() => void leaks.push().catch(() => {})),
+    leaks &&
+      pushLeaks &&
+      (() => {
+        leaks.track();
+        pushLeaks();
+      }),
   ].filter((collect) => typeof collect === 'function');
   const pushAll = () => collectors.forEach((run) => run());
   pushAll();
diff --git a/packages/devtools/src/rpc/cd-diagnosis-tools.ts b/packages/devtools/src/rpc/cd-diagnosis-tools.ts
index 996ee0fa..aa9e12f1 100644
--- a/packages/devtools/src/rpc/cd-diagnosis-tools.ts
+++ b/packages/devtools/src/rpc/cd-diagnosis-tools.ts
@@ -66,7 +66,9 @@ export function cdDiagnosisText(
 
   const zone = diagnosis.zone ?? [];
   const zoneOnly = diagnosis.causes.zone ?? 0;
-  if (zone.length) {
+  if (diagnosis.zoneJs === false && !zone.length && !zoneOnly) {
+    parts.push('**zone.js**: the page does not load zone.js, so it runs zoneless.');
+  } else if (zone.length) {
     parts.push(
       `**Components that depend on zone.js**: they changed in ticks zone.js started with no signal write, markForCheck, event listener or input before them (${zoneOnly} such tick(s))\n${zone
         .slice(0, limit)
diff --git a/packages/devtools/src/rpc/leaks-register.ts b/packages/devtools/src/rpc/leaks-register.ts
index bd7e94c5..a3a35f7e 100644
--- a/packages/devtools/src/rpc/leaks-register.ts
+++ b/packages/devtools/src/rpc/leaks-register.ts
@@ -124,7 +124,7 @@ export async function registerLeaks(host: LeaksHost): Promise<LeaksRegistration>
   host.agent.registerTool({
     id: 'pangular:find-leaks',
     description:
-      'Leak hints for the running page, in three parts. **Still retained**: component instances that left the page (destroyed) but are still in memory after at least 2 navigations and 10 seconds, with class, instance id, the route when destroyed, age and navigations since; the overlay holds them only through WeakRef and drops them once a FinalizationRegistry sees them collected. Garbage collection timing is up to the browser, so this is a hint to check retainers in the Chrome Memory panel, not proof of a leak. Detached views (kept on purpose, such as by a RouteReuseStrategy) are listed apart. **Open subscriptions after destroy**: RxJS subscriptions a component made that are still open after it went away, grouped by class, instance and call site, only while subscription tracking is on (pangular:track-subscriptions). **Live effects and subscriptions** per component, from the signal graph Angular keeps (20.1+). Names and routes are masked like other live values. Empty when no page is connected.',
+      "Leak hints for the running page, in three parts. **Still retained**: component instances that left the page (destroyed) but are still in memory after at least 2 navigations and 10 seconds, with class, instance id, the route when destroyed, age and navigations since; the overlay holds them only through WeakRef and drops them once a FinalizationRegistry sees them collected. Garbage collection timing is up to the browser, so this is a hint to check retainers in the Chrome Memory panel, not proof of a leak. In a development build Angular's DI debug data keeps the last instance of each class alive, so the latest destroyed instance of a class with none left on the page is named apart and not counted; a second one that stays is. Detached views (kept on purpose, such as by a RouteReuseStrategy) are listed apart. **Open subscriptions after destroy**: RxJS subscriptions a component made that are still open after it went away, grouped by class, instance and call site, only while subscription tracking is on (pangular:track-subscriptions). **Live effects and subscriptions** per component, from the signal graph Angular keeps (20.1+). Names and routes are masked like other live values. Empty when no page is connected.",
     inputSchema: {
       type: 'object',
       properties: {
diff --git a/packages/devtools/src/rpc/leaks-tools.ts b/packages/devtools/src/rpc/leaks-tools.ts
index d0ff2c21..d1640aa5 100644
--- a/packages/devtools/src/rpc/leaks-tools.ts
+++ b/packages/devtools/src/rpc/leaks-tools.ts
@@ -52,6 +52,13 @@ export interface LeakDestroyed {
    * as a `RouteReuseStrategy` or a portal does on purpose.
    */
   detached?: boolean;
+  /**
+   * The latest destroyed instance of a class with none left on the page, in a
+   * development build: Angular's DI debug data keeps the last instance of each
+   * class alive, so this one alone is no sign of a leak. Never set on a
+   * detached view or in a production build.
+   */
+  devHeld?: boolean;
   /** Subscriptions it made that are still open. */
   subscriptions?: number;
 }
@@ -160,6 +167,7 @@ function toDestroyed(value: unknown): LeakDestroyed | null {
     destroyedAt: num(value['destroyedAt']),
     navigations: count(value['navigations']),
     ...(value['detached'] === true ? { detached: true } : {}),
+    ...(value['devHeld'] === true && value['detached'] !== true ? { devHeld: true } : {}),
     ...(subscriptions ? { subscriptions } : {}),
   };
 }
@@ -237,6 +245,7 @@ export function destroyedAge(page: LeaksPageView, item: LeakDestroyed, now = Dat
 export function isRetained(page: LeaksPageView, item: LeakDestroyed, now = Date.now()): boolean {
   return (
     !item.detached &&
+    !item.devHeld &&
     item.navigations >= RETAINED_AFTER_NAVIGATIONS &&
     destroyedAge(page, item, now) >= RETAINED_AFTER_MS
   );
@@ -313,7 +322,10 @@ export function findLeaksText(
 
   const destroyed = page.destroyed.filter((item) => match(item.name));
   const retained = destroyed.filter((item) => isRetained(page, item, now));
-  const recent = destroyed.filter((item) => !item.detached && !isRetained(page, item, now));
+  const recent = destroyed.filter(
+    (item) => !item.detached && !item.devHeld && !isRetained(page, item, now),
+  );
+  const devHeld = destroyed.filter((item) => item.devHeld);
   const detached = destroyed.filter((item) => item.detached);
   out.push(
     `## Still retained\n\n${page.navigations} navigations on this page so far. ${page.totals.collected} destroyed instances were garbage collected since the overlay started. Garbage collection runs when the browser decides, so an instance listed here is not proof of a leak: it is still in memory after at least ${RETAINED_AFTER_NAVIGATIONS} navigations and ${RETAINED_AFTER_MS / 1000} seconds. Take a heap snapshot in the Chrome DevTools Memory panel, search for the class, and read its retainers to see what holds it.`,
@@ -337,6 +349,16 @@ export function findLeaksText(
         .join(', ')}. Navigate a few times and ask again.`,
     );
   }
+  if (devHeld.length) {
+    out.push(
+      `Not counted as retained: the last destroyed instance of ${plural(devHeld.length, 'class', 'classes')} with none left on the page, ${devHeld
+        .slice(0, 10)
+        .map((item) => code(item.name))
+        .join(
+          ', ',
+        )}. In a development build Angular's DI debug data (the records behind \`ng.ɵgetInjectorProviders\`) keeps the last instance of each class alive, so one instance proves nothing. A second destroyed instance of the same class that stays is listed above.`,
+    );
+  }
   if (detached.length) {
     out.push(
       `${plural(detached.length, 'instance is', 'instances are')} off the page but not destroyed (detached views, such as a \`RouteReuseStrategy\` cache): ${detached
diff --git a/packages/devtools/src/signal-history.ts b/packages/devtools/src/signal-history.ts
index 04a55f71..e05c9028 100644
--- a/packages/devtools/src/signal-history.ts
+++ b/packages/devtools/src/signal-history.ts
@@ -30,9 +30,15 @@ export interface SignalHistoryOptions {
   /**
    * Called with each exact write once it is serialized, and each sampled change
    * as it is collected. `id` is the graph node id, unknown until a snapshot
-   * matched the written signal to a node.
+   * matched the written signal to a node. `raw` holds the written value as
+   * the app set it (exact writes only), before serialization.
    */
-  onChange?: (id: string | undefined, label: string, change: SignalChange) => void;
+  onChange?: (
+    id: string | undefined,
+    label: string,
+    change: SignalChange,
+    raw?: { value: unknown },
+  ) => void;
 }
 
 function append(list: SignalChange[], change: SignalChange) {
@@ -72,17 +78,22 @@ export function createSignalHistory(
         const frames = stack ? appFrames(stack) : [];
         if (frames.length) change.stack = frames;
         append(track.changes, change);
-        notify(nodeOfTrack.get(track.id), track.label, change);
+        notify(nodeOfTrack.get(track.id), track.label, change, { value: write.value });
       }
       track.pending = [];
     }
     dirty.clear();
   }
 
-  function notify(id: string | undefined, label: string, change: SignalChange) {
+  function notify(
+    id: string | undefined,
+    label: string,
+    change: SignalChange,
+    raw?: { value: unknown },
+  ) {
     if (!options.onChange) return;
     try {
-      options.onChange(id, label, change);
+      options.onChange(id, label, change, raw);
     } catch {
       // A listener never breaks history.
     }

From c79e5f2e3f79d3bb99c741b5a4dea81e369c35bf Mon Sep 17 00:00:00 2001
From: erKam <erkamyaman35@gmail.com>
Date: Tue, 13 Oct 2026 04:25:25 +0000
Subject: [PATCH 4/9] build(extension): rebuild the panel bundle

The panel picked up the focus, live region and leaks fixes.
---
 ...=> browser-agent-rpc-BXhoSh1z-DiWMXIU4.js} |   2 +-
 .../{index-BNWPqdBD.js => index-CwGBIRVq.js}  | 112 +++++++++---------
 extension/ui/index.html                       |   2 +-
 3 files changed, 61 insertions(+), 55 deletions(-)
 rename extension/ui/assets/{browser-agent-rpc-BXhoSh1z-DD97nExW.js => browser-agent-rpc-BXhoSh1z-DiWMXIU4.js} (93%)
 rename extension/ui/assets/{index-BNWPqdBD.js => index-CwGBIRVq.js} (84%)

diff --git a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DD97nExW.js b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DiWMXIU4.js
similarity index 93%
rename from extension/ui/assets/browser-agent-rpc-BXhoSh1z-DD97nExW.js
rename to extension/ui/assets/browser-agent-rpc-BXhoSh1z-DiWMXIU4.js
index 42015e37..7bf5c618 100644
--- a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DD97nExW.js
+++ b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DiWMXIU4.js
@@ -1 +1 @@
-import{t as e}from"./index-BNWPqdBD.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-CwGBIRVq.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-BNWPqdBD.js b/extension/ui/assets/index-CwGBIRVq.js
similarity index 84%
rename from extension/ui/assets/index-BNWPqdBD.js
rename to extension/ui/assets/index-CwGBIRVq.js
index 09e14240..234fc64f 100644
--- a/extension/ui/assets/index-BNWPqdBD.js
+++ b/extension/ui/assets/index-CwGBIRVq.js
@@ -5,7 +5,7 @@
   `):``,this.name=`UnsubscriptionError`,this.errors=t}});function gr(e,t){if(e){var n=e.indexOf(t);0<=n&&e.splice(n,1)}}var _r=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=ur(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(pr(c))try{c()}catch(e){i=e instanceof hr?e.errors:[e]}var l=this._finalizers;if(l){this._finalizers=null;try{for(var u=ur(l),d=u.next();!d.done;d=u.next()){var f=d.value;try{br(f)}catch(e){i??=[],e instanceof hr?i=fr(fr([],dr(i)),dr(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 hr(i)}},e.prototype.add=function(t){if(t&&t!==this){if(this.closed)br(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)&&gr(t,e)},e.prototype.remove=function(t){var n=this._finalizers;n&&gr(n,t),t instanceof e&&t._removeParent(this)},e.EMPTY=(function(){var t=new e;return t.closed=!0,t})(),e}(),vr=_r.EMPTY;function yr(e){return e instanceof _r||e&&`closed`in e&&pr(e.remove)&&pr(e.add)&&pr(e.unsubscribe)}function br(e){pr(e)?e():e.unsubscribe()}var xr={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},Sr={setTimeout:function(e,t){var n=[...arguments].slice(2),r=Sr.delegate;return r?.setTimeout?r.setTimeout.apply(r,fr([e,t],dr(n))):setTimeout.apply(void 0,fr([e,t],dr(n)))},clearTimeout:function(e){return(Sr.delegate?.clearTimeout||clearTimeout)(e)},delegate:void 0};function Cr(e){Sr.setTimeout(function(){var t=xr.onUnhandledError;if(t)t(e);else throw e})}function wr(){}var Tr=(function(){return Or(`C`,void 0,void 0)})();function Er(e){return Or(`E`,void 0,e)}function Dr(e){return Or(`N`,e,void 0)}function Or(e,t,n){return{kind:e,value:t,error:n}}var kr=null;function Ar(e){if(xr.useDeprecatedSynchronousErrorHandling){var t=!kr;if(t&&(kr={errorThrown:!1,error:null}),e(),t){var n=kr,r=n.errorThrown,i=n.error;if(kr=null,r)throw i}}else e()}function jr(e){xr.useDeprecatedSynchronousErrorHandling&&kr&&(kr.errorThrown=!0,kr.error=e)}var Mr=function(e){lr(t,e);function t(t){var n=e.call(this)||this;return n.isStopped=!1,t?(n.destination=t,yr(t)&&t.add(n)):n.destination=Br,n}return t.create=function(e,t,n){return new Ir(e,t,n)},t.prototype.next=function(e){this.isStopped?zr(Dr(e),this):this._next(e)},t.prototype.error=function(e){this.isStopped?zr(Er(e),this):(this.isStopped=!0,this._error(e))},t.prototype.complete=function(){this.isStopped?zr(Tr,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}(_r),Nr=Function.prototype.bind;function Pr(e,t){return Nr.call(e,t)}var Fr=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){Lr(e)}},e.prototype.error=function(e){var t=this.partialObserver;if(t.error)try{t.error(e)}catch(e){Lr(e)}else Lr(e)},e.prototype.complete=function(){var e=this.partialObserver;if(e.complete)try{e.complete()}catch(e){Lr(e)}},e}(),Ir=function(e){lr(t,e);function t(t,n,r){var i=e.call(this)||this,a;if(pr(t)||!t)a={next:t??void 0,error:n??void 0,complete:r??void 0};else{var o;i&&xr.useDeprecatedNextContext?(o=Object.create(t),o.unsubscribe=function(){return i.unsubscribe()},a={next:t.next&&Pr(t.next,o),error:t.error&&Pr(t.error,o),complete:t.complete&&Pr(t.complete,o)}):a=t}return i.destination=new Fr(a),i}return t}(Mr);function Lr(e){xr.useDeprecatedSynchronousErrorHandling?jr(e):Cr(e)}function Rr(e){throw e}function zr(e,t){var n=xr.onStoppedNotification;n&&Sr.setTimeout(function(){return n(e,t)})}var Br={closed:!0,next:wr,error:Rr,complete:wr},Vr=(function(){return typeof Symbol==`function`&&Symbol.observable||`@@observable`})();function Hr(e){return e}function Ur(e){return e.length===0?Hr:e.length===1?e[0]:function(t){return e.reduce(function(e,t){return t(e)},t)}}var Wr=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=qr(e)?e:new Ir(e,t,n);return Ar(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=Gr(t),new t(function(t,r){var i=new Ir({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[Vr]=function(){return this},e.prototype.pipe=function(){return Ur([...arguments])(this)},e.prototype.toPromise=function(e){var t=this;return e=Gr(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 Gr(e){return e??xr.Promise??Promise}function Kr(e){return e&&pr(e.next)&&pr(e.error)&&pr(e.complete)}function qr(e){return e&&e instanceof Mr||Kr(e)&&yr(e)}function Jr(e){return pr(e?.lift)}function Yr(e){return function(t){if(Jr(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 Xr(e,t,n,r,i){return new Zr(e,t,n,r,i)}var Zr=function(e){lr(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}(Mr),Qr=mr(function(e){return function(){e(this),this.name=`ObjectUnsubscribedError`,this.message=`object unsubscribed`}}),$r=function(e){lr(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 ei(this,this);return t.operator=e,t},t.prototype._throwIfClosed=function(){if(this.closed)throw new Qr},t.prototype.next=function(e){var t=this;Ar(function(){var n,r;if(t._throwIfClosed(),!t.isStopped){t.currentObservers||=Array.from(t.observers);try{for(var i=ur(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;Ar(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;Ar(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?vr:(this.currentObservers=null,a.push(e),new _r(function(){t.currentObservers=null,gr(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 Wr;return e.source=this,e},t.create=function(e,t){return new ei(e,t)},t}(Wr),ei=function(e){lr(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)??vr},t}($r),ti=function(e){lr(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}($r);function ni(e,t){return Yr(function(n,r){var i=0;n.subscribe(Xr(r,function(n){r.next(e.call(t,n,i++))}))})}var ri=`https://angular.dev/best-practices/security#preventing-cross-site-scripting-xss`,ii=class extends Error{code;constructor(e,t){super(oi(e,t)),this.code=e}};function ai(e){return`NG0${Math.abs(e)}`}function oi(e,t){return`${ai(e)}${t?`: `+t:``}`}function si(e){for(let t in e)if(e[t]===si)return t;throw Error(``)}function ci(e){if(typeof e==`string`)return e;if(Array.isArray(e))return`[${e.map(ci).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 li(e,t){return e?t?`${e} ${t}`:e:t||``}var ui=si({__forward_ref__:si});function di(e){return e.__forward_ref__=di,e}function fi(e){return pi(e)?e():e}function pi(e){return typeof e==`function`&&Object.hasOwn(e,ui)&&e.__forward_ref__===di}function mi(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function hi(e){return gi(e,yi)}function gi(e,t){return Object.hasOwn(e,t)&&e[t]||null}function _i(e){return(e?.[yi]??null)||null}function vi(e){return e&&Object.hasOwn(e,bi)?e[bi]:null}var yi=si({ɵprov:si}),bi=si({ɵinj:si}),xi=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=mi({token:this,providedIn:t.providedIn||`root`,factory:t.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}};function Si(e){return e&&!!e.ɵproviders}var Ci=si({ɵcmp:si}),wi=si({ɵdir:si}),Ti=si({ɵpipe:si}),Ei=si({ɵfac:si}),Di=si({__NG_ELEMENT_ID__:si}),Oi=si({__NG_ENV_ID__:si});function ki(e){return Mi(e,`@Component`),e[Ci]||null}function Ai(e){return Mi(e,`@Directive`),e[wi]||null}function ji(e){return Mi(e,`@Pipe`),e[Ti]||null}function Mi(e,t){if(e==null)throw new ii(-919,!1)}function Ni(e){return typeof e==`string`?e:e==null?``:String(e)}var Pi=si({ngErrorCode:si}),Fi=si({ngErrorMessage:si}),Ii=si({ngTokenPath:si});function Li(e,t){return zi(``,-200,t)}function Ri(e,t){throw new ii(-201,!1)}function zi(e,t,n){let r=new ii(t,e);return r[Pi]=t,r[Fi]=e,n&&(r[Ii]=n),r}function Bi(e){return e[Pi]}var Vi;function Hi(){return Vi}function Ui(e){let t=Vi;return Vi=e,t}function Wi(e,t,n){let r=hi(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;Ri(e,``)}var Gi=globalThis,Ki={},qi=`__NG_DI_FLAG__`,Ji=class{injector;constructor(e){this.injector=e}retrieve(e,t){let n=Zi(t)||0;try{return this.injector.get(e,n&8?null:Ki,n)}catch(e){if(nr(e))return e;throw e}}};function Yi(e,t=0){let n=$n();if(n===void 0)throw new ii(-203,!1);if(n===null)return Wi(e,void 0,t);{let r=Qi(t),i=n.retrieve(e,r);if(nr(i)){if(r.optional)return null;throw i}return i}}function Xi(e,t=0){return(Hi()||Yi)(fi(e),t)}function C(e,t){return Xi(e,Zi(t))}function Zi(e){return e===void 0||typeof e==`number`?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function Qi(e){return{optional:!!(e&8),host:!!(e&1),self:!!(e&2),skipSelf:!!(e&4)}}function $i(e){let t=[];for(let n=0;n<e.length;n++){let r=fi(e[n]);if(Array.isArray(r)){if(r.length===0)throw new ii(900,!1);let e,n=0;for(let t=0;t<r.length;t++){let i=r[t],a=ea(i);typeof a==`number`?a===-1?e=i.token:n|=a:e=i}t.push(Xi(e,n))}else t.push(Xi(r))}return t}function ea(e){return e[qi]}function ta(e,t){return Object.hasOwn(e,Ei)?e[Ei]:null}function na(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 ra(e){return e.flat(1/0)}function ia(e,t){e.forEach(e=>Array.isArray(e)?ia(e,t):t(e))}function aa(e,t,n){t>=e.length?e.push(n):e.splice(t,0,n)}function oa(e,t){return t>=e.length-1?e.pop():e.splice(t,1)[0]}function sa(e,t){let n=[];for(let r=0;r<e;r++)n.push(t);return n}function ca(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 la(e,t,n){let r=da(e,t);return r>=0?e[r|1]=n:(r=~r,ca(e,r,t,n)),r}function ua(e,t){let n=da(e,t);if(n>=0)return e[n|1]}function da(e,t){return fa(e,t,1)}function fa(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 pa={},ma=[],ha=new xi(``),ga=new xi(``,-1),_a=new xi(``),va=class{get(e,t=Ki){if(t===Ki){let e=zi(``,-201);throw e.name=`ɵNotFound`,e}return t}};function ya(...e){return{ɵproviders:ba(!0,e),ɵfromNgModule:!0}}function ba(e,...t){let n=[],r=new Set,i,a=e=>{n.push(e)};return ia(t,e=>{let t=e;Sa(t,a,[],r)&&(i||=[],i.push(t))}),i!==void 0&&xa(i,a),n}function xa(e,t){for(let n=0;n<e.length;n++){let{ngModule:r,providers:i}=e[n];Ca(i,e=>{t(e,r)})}}function Sa(e,t,n,r){if(e=fi(e),!e)return!1;let i=null,a=vi(e),o=!a&&ki(e);if(!a&&!o){let t=e.ngModule;if(a=vi(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)Sa(i,t,n,r)}}else if(a){if(a.imports!=null&&!s){r.add(i);let e;try{ia(a.imports,i=>{Sa(i,t,n,r)&&(e||=[],e.push(i))})}finally{}e!==void 0&&xa(e,t)}if(!s){let e=ta(i)||(()=>new i);t({provide:i,useFactory:e,deps:ma},i),t({provide:_a,useValue:i,multi:!0},i),t({provide:ha,useValue:()=>Xi(i),multi:!0},i)}let o=a.providers;if(o!=null&&!s){let n=e;Ca(o,e=>{t(e,n)})}}else return!1;return i!==e&&e.providers!==void 0}function Ca(e,t){for(let n of e)Si(n)&&(n=n.ɵproviders),Array.isArray(n)?Ca(n,t):t(n)}var wa=si({provide:String,useValue:si});function Ta(e){return typeof e==`object`&&!!e&&wa in e}function Ea(e){return!!(e&&e.useExisting)}function Da(e){return!!(e&&e.useFactory)}function Oa(e){return typeof e==`function`}var ka=new xi(``),Aa={},ja={},Ma=void 0;function Na(){return Ma===void 0&&(Ma=new va),Ma}var Pa=class{},Fa=class extends Pa{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,Ga(e,e=>this.processProvider(e)),this.records.set(ga,Va(void 0,this)),r.has(`environment`)&&this.records.set(Pa,Va(void 0,this));let i=this.records.get(ka);i!=null&&typeof i.value==`string`&&this.scopes.add(i.value),this.injectorDefTypes=new Set(this.get(_a,ma,{self:!0}))}retrieve(e,t){let n=Zi(t)||0;try{return this.get(e,Ki,n)}catch(e){if(nr(e))return e;throw e}}destroy(){Ba(this),this._destroyed=!0;let e=pn(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(),pn(e)}}onDestroy(e){return Ba(this),this._onDestroyHooks.push(e),()=>this.removeOnDestroy(e)}runInContext(e){Ba(this);let t=er(this),n=Ui(void 0);try{return e()}finally{er(t),Ui(n)}}get(e,t=Ki,n){if(Ba(this),Object.hasOwn(e,Oi))return e[Oi](this);let r=Zi(n),i=er(this),a=Ui(void 0);try{if(!(r&4)){let t=this.records.get(e);if(t===void 0){let n=Wa(e)&&hi(e);t=n&&this.injectableDefInScope(n)?Va(Ia(e),Aa):null,this.records.set(e,t)}if(t!=null)return this.hydrate(e,t,r)}let n=r&2?Na():this.parent;return t=r&8&&t===Ki?null:t,n.get(e,t)}catch(e){let t=Bi(e);throw t===-200||t===-201?new ii(t,null):e}finally{Ui(a),er(i)}}resolveInjectorInitializers(){let e=pn(null),t=er(this),n=Ui(void 0);try{let e=this.get(ha,ma,{self:!0});for(let t of e)t()}finally{er(t),Ui(n),pn(e)}}toString(){return`R3Injector[...]`}processProvider(e){e=fi(e);let t=Oa(e)?e:fi(e&&e.provide),n=Ra(e);if(!Oa(e)&&e.multi===!0){let n=this.records.get(t);n||(n=Va(void 0,Aa,!0),n.factory=()=>$i(n.multi),this.records.set(t,n)),t=e,n.multi.push(e)}this.records.set(t,n)}hydrate(e,t,n){let r=pn(null);try{if(t.value===ja)throw Li(``);return t.value===Aa&&(t.value=ja,t.value=t.factory(void 0,n)),typeof t.value==`object`&&t.value&&Ua(t.value)&&this._ngOnDestroyHooks.add(t.value),t.value}finally{pn(r)}}injectableDefInScope(e){if(!e.providedIn)return!1;let t=fi(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 Ia(e){let t=hi(e),n=t===null?ta(e):t.factory;if(n!==null)return n;if(e instanceof xi)throw new ii(-204,!1);if(e instanceof Function)return La(e);throw new ii(-204,!1)}function La(e){if(e.length>0)throw new ii(-204,!1);let t=_i(e);return t===null?()=>new e:()=>t.factory(e)}function Ra(e){return Ta(e)?Va(void 0,e.useValue):Va(za(e),Aa)}function za(e,t,n){let r;if(Oa(e)){let t=fi(e);return ta(t)||Ia(t)}if(Ta(e))r=()=>fi(e.useValue);else if(Da(e))r=()=>e.useFactory(...$i(e.deps||[]));else if(Ea(e))r=(t,n)=>Xi(fi(e.useExisting),n!==void 0&&n&8?8:void 0);else{let t=fi(e&&(e.useClass||e.provide));if(Ha(e))r=()=>new t(...$i(e.deps));else return ta(t)||Ia(t)}return r}function Ba(e){if(e.destroyed)throw new ii(-205,!1)}function Va(e,t,n=!1){return{factory:e,value:t,multi:n?[]:void 0}}function Ha(e){return!!e.deps}function Ua(e){return typeof e==`object`&&!!e&&typeof e.ngOnDestroy==`function`}function Wa(e){return typeof e==`function`||typeof e==`object`&&e.ngMetadataName===`InjectionToken`}function Ga(e,t){for(let n of e)Array.isArray(n)?Ga(n,t):n&&Si(n)?Ga(n.ɵproviders,t):t(n)}function Ka(e,t){let n;e instanceof Fa?(Ba(e),n=e):n=new Ji(e);let r=er(n),i=Ui(void 0);try{return t()}finally{er(r),Ui(i)}}function qa(){return Hi()!==void 0||$n()!=null}var Ja=1;function Ya(e){return Array.isArray(e)&&typeof e[Ja]==`object`}function Xa(e){return Array.isArray(e)&&e[Ja]===!0}function Za(e){return!!(e.flags&4)}function Qa(e){return e.componentOffset>-1}function $a(e){return(e.flags&1)==1}function eo(e){return!!e.template}function to(e){return!!(e[2]&512)}function no(e){return(e[2]&256)==256}var ro=(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})(ro||{}),io=`math`;function ao(e){for(;Array.isArray(e);)e=e[0];return e}function oo(e,t){return ao(t[e])}function so(e,t){return ao(t[e.index])}function co(e,t){return e.data[t]}function lo(e,t){return e[t]}function uo(e,t,n,r){n>=e.data.length&&(e.data[n]=null,e.blueprint[n]=null),t[n]=r}function fo(e,t){let n=t[e];return Ya(n)?n:n[0]}function po(e){return(e[2]&128)==128}function mo(e){return Xa(e[3])}function ho(e,t){return t==null?null:e[t]}function go(e){e[17]=0}function _o(e){e[2]&1024||(e[2]|=1024,po(e)&&xo(e))}function vo(e,t){for(;e>0;)t=t[14],e--;return t}function yo(e){return!!(e[2]&9216||e[24]?.dirty)}function bo(e){e[10].changeDetectionScheduler?.notify(8),e[2]&64&&(e[2]|=1024),yo(e)&&xo(e)}function xo(e){e[10].changeDetectionScheduler?.notify(0);let t=wo(e);for(;t!==null&&!(t[2]&8192||(t[2]|=8192,!po(t)));)t=wo(t)}function So(e,t){if(no(e))throw new ii(911,!1);e[21]===null&&(e[21]=[]),e[21].push(t)}function Co(e,t){if(e[21]===null)return;let n=e[21].indexOf(t);n!==-1&&e[21].splice(n,1)}function wo(e){let t=e[3];return Xa(t)?t[3]:t}function To(e){return e[7]??=[]}function Eo(e){return e.cleanup??=[]}function Do(e,t,n,r){let i=To(t);i.push(n),e.firstCreatePass&&Eo(e).push(r,i.length-1)}var Oo={lFrame:ls(null),bindingsEnabled:!0,skipHydrationRootTNode:null},ko=!1;function Ao(){return Oo.lFrame.elementDepthCount}function jo(){Oo.lFrame.elementDepthCount++}function Mo(){Oo.lFrame.elementDepthCount--}function No(){return Oo.bindingsEnabled}function Po(){return Oo.skipHydrationRootTNode!==null}function Fo(e){return Oo.skipHydrationRootTNode===e}function Io(){Oo.skipHydrationRootTNode=null}function w(){return Oo.lFrame.lView}function Lo(){return Oo.lFrame.tView}function T(e){return Oo.lFrame.contextLView=e,e[8]}function E(e){return Oo.lFrame.contextLView=null,e}function Ro(){let e=zo();for(;e!==null&&e.type===64;)e=e.parent;return e}function zo(){return Oo.lFrame.currentTNode}function Bo(){let e=Oo.lFrame,t=e.currentTNode;return e.isParent?t:t.parent}function Vo(e,t){let n=Oo.lFrame;n.currentTNode=e,n.isParent=t}function Ho(){return Oo.lFrame.isParent}function Uo(){Oo.lFrame.isParent=!1}function Wo(){return Oo.lFrame.contextLView}function Go(){return ko}function Ko(e){let t=ko;return ko=e,t}function qo(){let e=Oo.lFrame,t=e.bindingRootIndex;return t===-1&&(t=e.bindingRootIndex=e.tView.bindingStartIndex),t}function Jo(){return Oo.lFrame.bindingIndex}function Yo(e){return Oo.lFrame.bindingIndex=e}function Xo(){return Oo.lFrame.bindingIndex++}function Zo(e){let t=Oo.lFrame,n=t.bindingIndex;return t.bindingIndex+=e,n}function Qo(){return Oo.lFrame.inI18n}function $o(e,t){let n=Oo.lFrame;n.bindingIndex=n.bindingRootIndex=e,ts(t)}function es(){return Oo.lFrame.currentDirectiveIndex}function ts(e){Oo.lFrame.currentDirectiveIndex=e}function ns(e){let t=Oo.lFrame.currentDirectiveIndex;return t===-1?null:e[t]}function rs(){return Oo.lFrame.currentQueryIndex}function is(e){Oo.lFrame.currentQueryIndex=e}function as(e){let t=e[1];return t.type===2?t.declTNode:t.type===1?e[5]:null}function os(e,t,n){if(n&4){let r=t,i=e;for(;r=r.parent,r===null&&!(n&1)&&(r=as(i),!(r===null||(i=i[14],r.type&10))););if(r===null)return!1;t=r,e=i}let r=Oo.lFrame=cs();return r.currentTNode=t,r.lView=e,!0}function ss(e){let t=cs(),n=e[1];Oo.lFrame=t,t.currentTNode=n.firstChild,t.lView=e,t.tView=n,t.contextLView=e,t.bindingIndex=n.bindingStartIndex,t.inI18n=!1}function cs(){let e=Oo.lFrame,t=e===null?null:e.child;return t===null?ls(e):t}function ls(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 us(){let e=Oo.lFrame;return Oo.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}var ds=us;function fs(){let e=us();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 ps(e){return(Oo.lFrame.contextLView=vo(e,Oo.lFrame.contextLView))[8]}function ms(){return Oo.lFrame.selectedIndex}function hs(e){Oo.lFrame.selectedIndex=e}function gs(){let e=Oo.lFrame;return co(e.tView,e.selectedIndex)}function D(){Oo.lFrame.currentNamespace=`svg`}function _s(){vs()}function vs(){Oo.lFrame.currentNamespace=null}function ys(){return Oo.lFrame.currentNamespace}var bs=!0;function xs(){return bs}function Ss(e){bs=e}function Cs(e,t=null,n=null,r){let i=ws(e,t,n,r);return i.resolveInjectorInitializers(),i}function ws(e,t=null,n=null,r,i=new Set){return new Fa([n||ma,ya(e)],t||Na(),null,i)}var Ts=class e{static THROW_IF_NOT_FOUND=Ki;static NULL=new va;static create(e,t){if(Array.isArray(e))return Cs({name:``},t,e,``);{let t=e.name??``;return Cs({name:t},e.parent,e.providers,t)}}static ɵprov=mi({token:e,providedIn:`any`,factory:()=>Xi(ga)});static __NG_ELEMENT_ID__=-1},Es=new xi(``),Ds=class{static __NG_ELEMENT_ID__=ks;static __NG_ENV_ID__=e=>e},Os=class extends Ds{_lView;constructor(e){super(),this._lView=e}get destroyed(){return no(this._lView)}onDestroy(e){let t=this._lView;return So(t,e),()=>Co(t,e)}};function ks(){return new Os(w())}var As=new xi(``),js=(()=>{class e{taskId=0;pendingTasks=new Set;destroyed=!1;pendingTask=new ti(!1);debugTaskTracker=C(As,{optional:!0});get hasPendingTasks(){return!this.destroyed&&this.pendingTask.value}get hasPendingTasksObservable(){return this.destroyed?new Wr(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=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Ms=class extends $r{__isAsync;destroyRef=void 0;pendingTasks=void 0;constructor(e=!1){super(),this.__isAsync=e,qa()&&(this.destroyRef=C(Ds,{optional:!0})??void 0,this.pendingTasks=C(js,{optional:!0})??void 0)}emit(e){let t=pn(null);try{super.next(e)}finally{pn(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 _r&&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 Ns(...e){}function Ps(e){let t,n;function r(){e=Ns;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 Fs(e){return queueMicrotask(()=>e()),()=>{e=Ns}}var Is=`isAngularZone`,Ls=`isAngularZone_ID`,Rs=0,zs=class e{hasPendingMacrotasks=!1;hasPendingMicrotasks=!1;isStable=!0;onUnstable=new Ms(!1);onMicrotaskEmpty=new Ms(!1);onStable=new Ms(!1);onError=new Ms(!1);constructor(e){let{enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:n=!1,shouldCoalesceRunChangeDetection:r=!1,scheduleInRootZone:i=!1}=e;if(typeof Zone>`u`)throw new ii(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,Us(a)}static isInAngularZone(){return typeof Zone<`u`&&Zone.current.get(Is)===!0}static assertInAngularZone(){if(!e.isInAngularZone())throw new ii(909,!1)}static assertNotInAngularZone(){if(e.isInAngularZone())throw new ii(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,Bs,Ns,Ns);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)}},Bs={};function Vs(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 Hs(e){if(e.isCheckStableRunning||e.callbackScheduled)return;e.callbackScheduled=!0;function t(){Ps(()=>{e.callbackScheduled=!1,Ws(e),e.isCheckStableRunning=!0,Vs(e),e.isCheckStableRunning=!1})}e.scheduleInRootZone?Zone.root.run(()=>{t()}):e._outer.run(()=>{t()}),Ws(e)}function Us(e){let t=()=>{Hs(e)},n=Rs++;e._inner=e._inner.fork({name:`angular`,properties:{[Is]:!0,[Ls]:n,[Ls+n]:!0},onInvokeTask:(n,r,i,a,o,s)=>{if(Js(s))return n.invokeTask(i,a,o,s);try{return Gs(e),n.invokeTask(i,a,o,s)}finally{(e.shouldCoalesceEventChangeDetection&&a.type===`eventTask`||e.shouldCoalesceRunChangeDetection)&&t(),Ks(e)}},onInvoke:(n,r,i,a,o,s,c)=>{try{return Gs(e),n.invoke(i,a,o,s,c)}finally{e.shouldCoalesceRunChangeDetection&&!e.callbackScheduled&&!Ys(s)&&t(),Ks(e)}},onHasTask:(t,n,r,i)=>{t.hasTask(r,i),n===r&&(i.change==`microTask`?(e._hasPendingMicrotasks=i.microTask,Ws(e),Vs(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 Ws(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&e.callbackScheduled===!0)}function Gs(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function Ks(e){e._nesting--,Vs(e)}var qs=class{hasPendingMicrotasks=!1;hasPendingMacrotasks=!1;isStable=!0;onUnstable=new Ms;onMicrotaskEmpty=new Ms;onStable=new Ms;onError=new Ms;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 Js(e){return Xs(e,`__ignore_ng_zone__`)}function Ys(e){return Xs(e,`__scheduler_tick__`)}function Xs(e,t){return!Array.isArray(e)||e.length!==1?!1:e[0]?.data?.[t]===!0}var Zs=class{_console=console;handleError(e){this._console.error(`ERROR`,e)}},Qs=new xi(``,{factory:()=>{let e=C(zs),t=C(Pa),n;return r=>{e.runOutsideAngular(()=>{t.destroyed&&!n?setTimeout(()=>{throw r}):(n??=t.get(Zs),n.handleError(r))})}}}),$s={provide:ha,useValue:()=>{C(Zs,{optional:!0})},multi:!0};function O(e,t){let[n,r,i]=Wn(e,t?.equal),a=n;return a[fn],a.set=r,a.update=i,a.asReadonly=ec.bind(a),a}function ec(){let e=this[fn];if(e.readonlyFn===void 0){let t=()=>this();t[fn]=e,e.readonlyFn=t}return e.readonlyFn}var tc=new xi(``,{factory:()=>nc}),nc=`ng`,rc=new xi(``),ic=new xi(``,{providedIn:`platform`,factory:()=>`unknown`}),ac=new xi(``,{factory:()=>C(Es).body?.querySelector(`[ngCspNonce]`)?.getAttribute(`ngCspNonce`)||null}),oc=(()=>{class e{view;node;constructor(e,t){this.view=e,this.node=t}static __NG_ELEMENT_ID__=sc}return e})();function sc(){return new oc(w(),Ro())}var cc=class{},lc=new xi(``,{factory:()=>!0}),uc=new xi(``),dc=(()=>{class e{static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new fc})}return e})(),fc=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}},pc=class{[fn];constructor(e){this[fn]=e}destroy(){this[fn].destroy()}};function mc(e,t){let n=t?.injector??C(Ts),r=t?.manualCleanup===!0?null:n.get(Ds),i,a=n.get(oc,null,{optional:!0}),o=n.get(cc);return a===null?i=yc(e,n.get(dc),o):(i=vc(a.view,o,e),r instanceof Os&&r._lView===a.view&&(r=null)),i.injector=n,r!==null&&(i.onDestroyFns=[r.onDestroy(()=>i.destroy())]),new pc(i)}var hc={...Xn,cleanupFns:void 0,zone:null,onDestroyFns:null,run(){let e=Ko(!1);try{Zn(this)}finally{Ko(e)}},cleanup(){if(!this.cleanupFns?.length)return;let e=pn(null);try{for(;this.cleanupFns.length;)this.cleanupFns.pop()()}finally{this.cleanupFns=[],pn(e)}}},gc={...hc,consumerMarkedDirty(){this.scheduler.schedule(this),this.notifier.notify(12)},destroy(){if(On(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.scheduler.remove(this)}},_c={...hc,consumerMarkedDirty(){this.view[2]|=8192,xo(this.view),this.notifier.notify(13)},destroy(){if(On(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.view[23]?.delete(this)}};function vc(e,t,n){let r=Object.create(_c);return r.view=e,r.zone=typeof Zone<`u`?Zone.current:null,r.notifier=t,r.fn=bc(r,n),e[23]??=new Set,e[23].add(r),r.consumerMarkedDirty(r),r}function yc(e,t,n){let r=Object.create(gc);return r.fn=bc(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 bc(e,t){return()=>{t(t=>(e.cleanupFns??=[]).push(t))}}function xc(e){return typeof e==`function`&&e[fn]!==void 0}function Sc(e){return xc(e)&&typeof e.set==`function`}var Cc=Symbol(`InputSignalNode#UNSET`),wc={...Jn,transformFn:void 0,applyValueToInputSignal(e,t){Kn(e,t)}};function Tc(e){return{toString:e}.toString()}var Ec=(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})(Ec||{}),Dc=class{previousValue;currentValue;firstChange;constructor(e,t,n){this.previousValue=e,this.currentValue=t,this.firstChange=n}isFirstChange(){return this.firstChange}};function Oc(e,t,n,r){t===null?e[n]=r:t.applyValueToInputSignal(t,r)}var kc=null,Ac=(()=>{kc=Mc;let e=()=>Mc;return e.ngInherit=!0,e})();function jc(){return kc}function Mc(e){return e.type.prototype.ngOnChanges&&(e.setInput=Pc),Nc}function Nc(){let e=Ic(this),t=e?.current;if(t){let n=e.previous;if(n===pa)e.previous=t;else for(let e in t)n[e]=t[e];e.current=null,this.ngOnChanges(t)}}function Pc(e,t,n,r,i){let a=this.declaredInputs[r],o=Ic(e)||Lc(e,{previous:pa,current:null}),s=o.current||={},c=o.previous,l=c[a];s[a]=new Dc(l&&l.currentValue,n,c===pa),Oc(e,t,i,n)}var Fc=`__ngSimpleChanges__`;function Ic(e){return Object.hasOwn(e,Fc)&&e[Fc]||null}function Lc(e,t){return e[Fc]=t}var Rc=[],zc=function(e,t=null,n){for(let r=0;r<Rc.length;r++){let i=Rc[r];i(e,t,n)}};function Bc(e,t,n){let{ngOnChanges:r,ngOnInit:i,ngDoCheck:a}=t.type.prototype;if(r){let r=jc()(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 Vc(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 Hc(e,t,n){Gc(e,t,3,n)}function Uc(e,t,n,r){(e[2]&3)===n&&Gc(e,t,n,r)}function Wc(e,t){let n=e[2];(n&3)===t&&(n&=16383,n+=1,e[2]=n)}function Gc(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)&&(qc(e,n,t,c),e[17]=(e[17]&4294901760)+c+2),c++}function Kc(e,t){zc(Ec.LifecycleHookStart,e,t);let n=pn(null);try{t.call(e)}finally{pn(n),zc(Ec.LifecycleHookEnd,e,t)}}function qc(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,Kc(o,a)):Kc(o,a)}var Jc=-1,Yc=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 Xc(e){return!!(e.flags&8)}function Zc(e){return!!(e.flags&16)}function Qc(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];el(a)?e.setProperty(t,a,o):e.setAttribute(t,a,o),r++}}return r}function $c(e){return e===3||e===4||e===6}function el(e){return e.charCodeAt(0)===64}function tl(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?nl(e,n,i,null,t[++r]):nl(e,n,i,null,null))}}}return e}function nl(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 rl(e){return e!==Jc}function il(e){return e&32767}function al(e){return e>>16}function ol(e,t){let n=al(e),r=t;for(;n>0;)r=r[14],n--;return r}var sl=!0;function cl(e){let t=sl;return sl=e,t}var ll=255,ul=5,dl=0,fl={};function pl(e,t,n){let r;typeof n==`string`?r=n.charCodeAt(0)||0:Object.hasOwn(n,Di)&&(r=n[Di]),r??=n[Di]=dl++;let i=r&ll,a=1<<i;t.data[e+(i>>ul)]|=a}function ml(e,t){let n=gl(e,t);if(n!==-1)return n;let r=t[1];r.firstCreatePass&&(e.injectorIndex=t.length,hl(r.data,e),hl(t,null),hl(r.blueprint,null));let i=_l(e,t),a=e.injectorIndex;if(rl(i)){let e=il(i),n=ol(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 hl(e,t){e.push(0,0,0,0,0,0,0,0,t)}function gl(e,t){return e.injectorIndex===-1||e.parent&&e.parent.injectorIndex===e.injectorIndex||t[e.injectorIndex+8]===null?-1:e.injectorIndex}function _l(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=Ml(i),r===null)return Jc;if(n++,i=i[14],r.injectorIndex!==-1)return r.injectorIndex|n<<16}return Jc}function vl(e,t,n){pl(e,t,n)}function yl(e,t,n){if(n&8||e!==void 0)return e;Ri(t,`NodeInjector`)}function bl(e,t,n,r){if(n&8&&r===void 0&&(r=null),!(n&3)){let i=e[9],a=Ui(void 0);try{return i?i.get(t,r,n&8):Wi(t,r,n&8)}finally{Ui(a)}}return yl(r,t,n)}function xl(e,t,n,r=0,i){if(e!==null){if(t[2]&2048&&!(r&2)){let i=jl(e,t,n,r,fl);if(i!==fl)return i}let i=Sl(e,t,n,r,fl);if(i!==fl)return i}return bl(t,n,r,i)}function Sl(e,t,n,r,i){let a=El(n);if(typeof a==`function`){if(!os(t,e,r))return r&1?yl(i,n,r):bl(t,n,r,i);try{let e;if(e=a(r),e==null&&!(r&8))Ri(n);else return e}finally{ds()}}else if(typeof a==`number`){let i=null,o=gl(e,t),s=Jc,c=r&1?t[15][5]:null;for((o===-1||r&4)&&(s=o===-1?_l(e,t):t[o+8],s===Jc||!Ol(r,!1)?o=-1:(i=t[1],o=il(s),t=ol(s,t)));o!==-1;){let e=t[1];if(Dl(a,o,e.data)){let e=Cl(o,t,n,i,r,c);if(e!==fl)return e}s=t[o+8],s!==Jc&&Ol(r,t[1].data[o+8]===c)&&Dl(a,o,t)?(i=e,o=il(s),t=ol(s,t)):o=-1}}return i}function Cl(e,t,n,r,i,a){let o=t[1],s=o.data[e+8],c=wl(s,o,n,r==null?Qa(s)&&sl:r!=o&&!!(s.type&3),i&1&&a===s);return c===null?fl:Tl(t,o,c,s,i)}function wl(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&&eo(e)&&e.type===n)return c}return null}function Tl(e,t,n,r,i){let a=e[n],o=t.data;if(a instanceof Yc){let s=a;if(s.resolving)throw Li(``);let c=cl(s.canSeeViewProviders);s.resolving=!0,o[n].type||o[n];let l=s.injectImpl?Ui(s.injectImpl):null;os(e,r,0);try{a=e[n]=s.factory(void 0,i,o,e,r),t.firstCreatePass&&n>=r.directiveStart&&Bc(n,o[n],t)}finally{l!==null&&Ui(l),cl(c),s.resolving=!1,ds()}}return a}function El(e){if(typeof e==`string`)return e.charCodeAt(0)||0;let t=Object.hasOwn(e,Di)?e[Di]:void 0;return typeof t==`number`?t>=0?t&ll:Al:t}function Dl(e,t,n){let r=1<<e;return!!(n[t+(e>>ul)]&r)}function Ol(e,t){return!(e&2)&&!(e&1&&t)}var kl=class{_tNode;_lView;constructor(e,t){this._tNode=e,this._lView=t}get(e,t,n){return xl(this._tNode,this._lView,e,Zi(n),t)}};function Al(){return new kl(Ro(),w())}function jl(e,t,n,r,i){let a=e,o=t;for(;a!==null&&o!==null&&o[2]&2048&&!to(o);){let e=Sl(a,o,n,r|2,fl);if(e!==fl)return e;r&=-5;let t=a.parent;if(!t){let e=o[20];if(e){let t=e.get(n,fl,r);if(t!==fl)return t}t=Ml(o),o=o[14]}a=t}return i}function Ml(e){let t=e[1],n=t.type;return n===2?t.declTNode:n===1?e[5]:null}function Nl(e){return{token:e.token,providedIn:e.autoProvided===!1?null:`root`,factory:e.factory,value:void 0}}function Pl(){return Fl(Ro(),w())}function Fl(e,t){return new Il(so(e,t))}var Il=(()=>{class e{nativeElement;constructor(e){this.nativeElement=e}static __NG_ELEMENT_ID__=Pl}return e})();function Ll(e){return e instanceof Il?e.nativeElement:e}function Rl(){return this._results[Symbol.iterator]()}var zl=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 $r}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=ra(e);(this._changesDetected=!na(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]=Rl};function Bl(e){return(e.flags&128)==128}var Vl=(function(e){return e[e.OnPush=0]=`OnPush`,e[e.Eager=1]=`Eager`,e[e.Default=1]=`Default`,e})(Vl||{}),Hl=new Map,Ul=0;function Wl(){return Ul++}function Gl(e){Hl.set(e[19],e)}function Kl(e){Hl.delete(e[19])}var ql=`__ngContext__`;function Jl(e,t){Ya(t)?(e[ql]=t[19],Gl(t)):e[ql]=t}function Yl(e){return Zl(e[12])}function Xl(e){return Zl(e[4])}function Zl(e){for(;e!==null&&!Xa(e);)e=e[4];return e}var Ql=void 0;function $l(e){Ql=e}function eu(){if(Ql!==void 0)return Ql;if(typeof document<`u`)return document;throw new ii(210,!1)}var tu=!1,nu=new xi(``,{factory:()=>tu}),ru=new WeakMap;function iu(e,t){if(typeof e!=`object`||!e)return;let n=ru.get(e);n||(n=new WeakSet,ru.set(e,n)),n.add(t)}function au(e){return(e.flags&32)==32}var ou=()=>null;function su(e,t,n=!1){return ou(e,t,n)}function cu(e,t){let n=e.contentQueries;if(n!==null){let r=pn(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];is(i),n.contentQueries(2,t[a],a)}}}finally{pn(r)}}}function lu(e,t,n){is(0);let r=pn(null);try{t(e,n)}finally{pn(r)}}function uu(e,t,n){if(Za(t)){let r=pn(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{pn(r)}}}var du=(function(e){return e[e.Emulated=0]=`Emulated`,e[e.None=2]=`None`,e[e.ShadowDom=3]=`ShadowDom`,e[e.ExperimentalIsolatedShadowDom=4]=`ExperimentalIsolatedShadowDom`,e})(du||{}),fu=class{changingThisBreaksApplicationSecurity;constructor(e){this.changingThisBreaksApplicationSecurity=e}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${ri})`}};function pu(e){return e instanceof fu?e.changingThisBreaksApplicationSecurity:e}function mu(e,t){let n=hu(e);if(n!=null&&n!==t){if(n===`ResourceURL`&&t===`URL`)return!0;throw Error(`Required a safe ${t}, got a ${n} (see ${ri})`)}return n===t}function hu(e){return e instanceof fu&&e.getTypeName()||null}var gu=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function _u(e){return e=String(e),e.match(gu)?e:`unsafe:`+e}var vu=/^>|^->|<!--|-->|--!>|<!-$/g,yu=/(<|>)/g,bu=`​$1​`;function xu(e){return e.replace(vu,e=>e.replace(yu,bu))}function Su(e,t){return e.createText(t)}function Cu(e,t,n){e.setValue(t,n)}function wu(e,t){return e.createComment(xu(t))}function Tu(e,t,n){return e.createElement(t,n)}function Eu(e,t,n,r,i){e.insertBefore(t,n,r,i)}function Du(e,t,n){e.appendChild(t,n)}function Ou(e,t,n,r,i){r===null?Du(e,t,n):Eu(e,t,n,r,i)}function ku(e,t,n,r){e.removeChild(null,t,n,r)}function Au(e,t,n){e.setAttribute(t,`style`,n)}function ju(e,t,n){n===``?e.removeAttribute(t,`class`):e.setAttribute(t,`class`,n)}function Mu(e,t,n){let{mergedAttrs:r,classes:i,styles:a}=n;r!==null&&Qc(e,t,r),i!==null&&ju(e,t,i),a!==null&&Au(e,t,a)}function Nu(e){let t=Pu();return t?t.sanitize(ro.URL,e)||``:mu(e,`URL`)?pu(e):_u(Ni(e))}function Pu(){let e=w();return e&&e[10].sanitizer}function Fu(e){return e.ownerDocument.defaultView}function Iu(e){return e.ownerDocument}function Lu(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 Ru=`ng-template`;function zu(e,t,n,r){let i=0;if(r){for(;i<t.length&&typeof t[i]==`string`;i+=2)if(t[i]===`class`&&Lu(t[i+1].toLowerCase(),n,0)!==-1)return!0}else if(Bu(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 Bu(e){return e.type===4&&e.value!==Ru}function Vu(e,t,n){return t===(e.type===4&&!n?Ru:e.value)}function Hu(e,t,n){let r=4,i=e.attrs,a=i===null?0:qu(i),o=!1;for(let s=0;s<t.length;s++){let c=t[s];if(typeof c==`number`){if(!o&&!Uu(r)&&!Uu(c))return!1;if(o&&Uu(c))continue;o=!1,r=c|r&1;continue}if(!o){if(r&4){if(r=2|r&1,c!==``&&!Vu(e,c,n)||c===``&&t.length===1){if(Uu(r))return!1;o=!0}}else if(r&8){if(i===null||!zu(e,i,c,n)){if(Uu(r))return!1;o=!0}}else{let l=t[++s],u=Wu(c,i,Bu(e),n);if(u===-1){if(Uu(r))return!1;o=!0;continue}if(l!==``){let e;if(e=u>a?``:i[u+1].toLowerCase(),r&2&&l!==e){if(Uu(r))return!1;o=!0}}}}}return Uu(r)||o}function Uu(e){return!(e&1)}function Wu(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 Ju(t,e)}function Gu(e,t,n=!1){for(let r=0;r<t.length;r++)if(Hu(e,t[r],n))return!0;return!1}function Ku(e){let t=e.attrs;if(t!=null){let e=t.indexOf(5);if(!(e&1))return t[e+1]}return null}function qu(e){for(let t=0;t<e.length;t++){let n=e[t];if($c(n))return t}return e.length}function Ju(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 Yu(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 Xu(e,t){return e?`:not(`+t.trim()+`)`:t}function Zu(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!==``&&!Uu(o)&&(t+=Xu(a,i),i=``),r=o,a||=!Uu(r);n++}return i!==``&&(t+=Xu(a,i)),t}function Qu(e){return e.map(Zu).join(`,`)}function $u(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(!Uu(i))break;i=a}r++}return n.length&&t.push(1,...n),t}var ed={},td=(function(e){return e[e.Important=1]=`Important`,e[e.DashCase=2]=`DashCase`,e})(td||{}),nd;function rd(e,t){return nd(e,t)}var id=new xi(``,{factory:()=>!1});function ad(e){if(!e)return 0;let t=e.toLowerCase().indexOf(`ms`)>-1?1:1e3;return parseFloat(e)*t}function od(e,t){return e.getPropertyValue(t).split(`,`).map(e=>e.trim())}function sd(e){let t=od(e,`transition-property`),n=od(e,`transition-duration`),r=od(e,`transition-delay`),i={propertyName:``,duration:0,animationName:void 0};for(let e=0;e<t.length;e++){let a=ad(r[e])+ad(n[e]);a>i.duration&&(i.propertyName=t[e],i.duration=a)}return i}function cd(e){let t=od(e,`animation-name`),n=od(e,`animation-delay`),r=od(e,`animation-duration`),i=od(e,`animation-iteration-count`),a={animationName:``,propertyName:void 0,duration:0};for(let e=0;e<t.length;e++){let o=ad(n[e])+ad(r[e]),s=i[e];o>a.duration&&s!==`infinite`&&(a.animationName=t[e],a.duration=o)}return a}function ld(e,t){return e!==void 0&&e.duration>t.duration}function ud(e){return(e.animationName!=null||e.propertyName!=null)&&e.duration>0}function dd(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 fd(e,t){let n=getComputedStyle(e),r=cd(n),i=sd(n),a=r.duration>i.duration?r:i;ld(t.get(e),a)||ud(a)&&t.set(e,a)}function pd(e,t,n){if(!n)return;let r=e.getAnimations();return r.length===0?fd(e,t):md(e,t,r)}function md(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=dd(e)??0,n,i;e.animationName?i=e.animationName:n=e.transitionProperty,t>=r.duration&&(r={animationName:i,propertyName:n,duration:t})}ld(t.get(e),r)||ud(r)&&t.set(e,r)}var hd=new Set,gd=!1,_d=1,vd=typeof document<`u`&&typeof document?.documentElement?.getAnimations==`function`;function yd(e){return e[9].get(id,gd)}function bd(e,t,n){let r=Sd.get(e);if(r){for(let e of t)r.classList.push(e);for(let e of n)r.cleanupFns.push(e)}else Sd.set(e,{classList:t,cleanupFns:n})}function xd(e){let t=Sd.get(e);if(t){for(let e of t.cleanupFns)e();Sd.delete(e)}Cd.delete(e)}var Sd=new WeakMap,Cd=new WeakMap,wd=new WeakMap;function Td(e){return e?e[14]??e:null}var Ed=new WeakSet;function Dd(e,t,n){let r=wd.get(e);if(!r||r.length===0)return;let i=t.parentNode,a=t.previousSibling,o=Td(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),Ed.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 Od(e,t,n){let r=Td(n),i=wd.get(e);i?i.some(e=>e.el===t)||i.push({el:t,declarationView:r}):wd.set(e,[{el:t,declarationView:r}])}function kd(e){let t=e[26]??={};return t.enter??=new Map}function Ad(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 jd(e){return e.composedPath?e.composedPath()[0]:e.target}function Md(e,t){let n=Cd.get(t);if(n===void 0)return!0;if(t!==jd(e))return!1;let r=e.animation;if(r){let e=dd(r);if(e!==void 0&&e+_d<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 Nd(e,t,n){let r=e.get(t.index)??{animateFns:[]};r.animateFns.push(n),e.set(t.index,r)}var Pd=(function(e){return e[e.CHANGE_DETECTION=0]=`CHANGE_DETECTION`,e[e.AFTER_NEXT_RENDER=1]=`AFTER_NEXT_RENDER`,e})(Pd||{}),Fd=new xi(``),Id=new Set;function Ld(e){Id.has(e)||(Id.add(e),performance?.mark?.(`mark_feature_usage`,{detail:{feature:e}}))}var Rd=(()=>{class e{impl=null;execute(){this.impl?.execute()}static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),zd=[0,1,2,3],Bd=(()=>{class e{ngZone=C(zs);scheduler=C(cc);errorHandler=C(Zs,{optional:!0});sequences=new Set;deferredRegistrations=new Set;executing=!1;constructor(){C(Fd,{optional:!0})}execute(){let e=this.sequences.size>0;e&&zc(Ec.AfterRenderHooksStart),this.executing=!0;for(let e of zd)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&&zc(Ec.AfterRenderHooksEnd)}register(e){let{view:t}=e;t===void 0?this.executing?this.deferredRegistrations.add(e):this.addSequence(e):((t[25]??=[]).push(e),xo(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(Pd.AFTER_NEXT_RENDER,e):e()}static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Vd=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 Hd(e,t){let n=t?.injector??C(Ts);return Ld(`NgAfterNextRender`),Wd(e,n,t,!0)}function Ud(e){return e instanceof Function?[void 0,void 0,e,void 0]:[e.earlyRead,e.write,e.mixedReadWrite,e.read]}function Wd(e,t,n,r){let i=t.get(Rd);i.impl??=t.get(Bd);let a=t.get(Fd,null,{optional:!0}),o=n?.manualCleanup===!0?null:t.get(Ds),s=t.get(oc,null,{optional:!0}),c=new Vd(i.impl,Ud(e),s?.view,r,o,a?.snapshot(null));return i.impl.register(c),c}var Gd=new xi(``,{factory:()=>{let e=C(Pa),t=new Set;return e.onDestroy(()=>t.clear()),{queue:t,isScheduled:!1,scheduler:null,injector:e}}});function Kd(e,t,n){let r=e.get(Gd);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 qd(e,t){let n=e.get(Gd);if(Array.isArray(t))for(let e of t)n.queue.delete(e);else n.queue.delete(t)}function Jd(e,t){let n=e.get(Gd);if(t.detachedLeaveAnimationFns){for(let e of t.detachedLeaveAnimationFns)n.queue.delete(e);t.detachedLeaveAnimationFns=void 0}}function Yd(e){let t=e.get(Gd);t.isScheduled||=(Hd(()=>{t.isScheduled=!1;for(let e of t.queue)e();t.queue.clear()},{injector:t.injector}),!0)}function Xd(e){let t=e.get(Gd);t.scheduler=Yd,t.scheduler(e)}function Zd(e,t){for(let[n,r]of t)Kd(e,r.animateFns)}function Qd(e,t,n,r){let i=e?.[26]?.enter;t!==null&&i&&i.has(n.index)&&Zd(r,i)}function $d(e,t,n,r){try{n.get(ga)}catch{return r(!1)}let i=e?.[26];i?.enter?.has(t.index)&&qd(n,i.enter.get(t.index).animateFns);let a=ef(e,t,i);if(a.size===0){let n=!1;if(e){let r=[];nf(e,t,r),n=r.length>0}if(!n)return r(!1)}e&&hd.add(e[19]),Kd(n,()=>tf(e,t,i||void 0,a,r),i||void 0)}function ef(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 tf(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&&nf(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),af(e,t.running,i)}else Promise.allSettled(a).then(()=>{e&&hd.delete(e[19]),i(!0)})}else e&&hd.delete(e[19]),i(!1)}function nf(e,t,n){if(t.type&12){let r=e[t.index];if(Xa(r))for(let e=10;e<r.length;e++){let t=r[e];t[1].type===2&&rf(t,n)}}let r=t.child;for(;r;)nf(e,r,n),r=r.next}function rf(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;)nf(e,r,t),r=r.next}function af(e,t,n){t.then(()=>{e[26]?.running===t&&(e[26].running=void 0,hd.delete(e[19])),n(!0)})}function of(e,t,n,r,i,a,o,s){if(i!=null){let c,l=!1;Xa(i)?c=i:Ya(i)&&(l=!0,i=i[0]);let u=ao(i);e===0&&r!==null?(Qd(s,r,a,n),o==null?Du(t,r,u):Eu(t,r,u,o||null,!0)):e===1&&r!==null?(Qd(s,r,a,n),Eu(t,r,u,o||null,!0),Dd(a,u,s)):e===2?(s?.[26]?.leave?.has(a.index)&&Od(a,u,s),Ed.delete(u),$d(s,a,n,e=>{if(Ed.has(u)){Ed.delete(u);return}ku(t,u,l,e)})):e===3&&(Ed.delete(u),$d(s,a,n,()=>{t.destroyNode(u)})),c!=null&&Af(t,e,n,c,a,r,o)}}function sf(e,t){lf(e,t),t[0]=null,t[5]=null}function cf(e,t,n,r,i,a){r[0]=i,r[5]=t,Ef(e,r,n,1,i,a)}function lf(e,t){t[10].changeDetectionScheduler?.notify(9),Ef(e,t,t[11],2,null,null)}function uf(e){let t=e[12];if(!t)return pf(e[1],e);for(;t;){let n=null;if(Ya(t))n=t[12];else{let e=t[10];e&&(n=e)}if(!n){for(;t&&!t[4]&&t!==e;)Ya(t)&&pf(t[1],t),t=t[3];t===null&&(t=e),Ya(t)&&pf(t[1],t),n=t&&t[4]}t=n}}function df(e,t){let n=e[9],r=n.indexOf(t);n.splice(r,1)}function ff(e,t){if(no(t))return;let n=t[11];n.destroyNode&&Ef(e,t,n,3,null,null),uf(t)}function pf(e,t){if(no(t))return;let n=pn(null);try{t[2]&=-129,t[2]|=256,t[24]&&On(t[24]),hf(e,t),mf(e,t),t[1].type===1&&t[11].destroy();let n=t[16];if(n!==null&&Xa(t[3])){n!==t[3]&&df(n,t);let r=t[18];r!==null&&r.detachView(e)}Kl(t)}finally{pn(n)}}function mf(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 hf(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 Yc)){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];zc(Ec.LifecycleHookStart,n,i);try{i.call(n)}finally{zc(Ec.LifecycleHookEnd,n,i)}}else{zc(Ec.LifecycleHookStart,r,t);try{t.call(r)}finally{zc(Ec.LifecycleHookEnd,r,t)}}}}}function gf(e,t,n){if(t===null)throw new ii(510,!1);return _f(e,t.parent,n)}function _f(e,t,n){let r=t;for(;r!==null&&r.type&168;)t=r,r=t.parent;if(r===null)return n[0];if(Qa(r)){let{encapsulation:t}=e.data[r.directiveStart+r.componentOffset];if(t===du.None||t===du.Emulated)return null}return so(r,n)}function vf(e,t,n){return bf(e,t,n)}function yf(e,t,n){return e.type&40?so(e,n):null}var bf=yf;function xf(e,t,n,r){let i=gf(e,r,t),a=t[11],o=vf(r.parent||t[5],r,t);if(i!=null){if(Array.isArray(n))for(let e=0;e<n.length;e++)Ou(a,i,n[e],o,!1);else Ou(a,i,n,o,!1)}}function Sf(e,t){if(t!==null){let n=t.type;if(n&3)return so(t,e);if(n&4)return wf(-1,e[t.index]);if(n&8){let n=t.child;if(n!==null)return Sf(e,n);{let n=e[t.index];return Xa(n)?wf(-1,n):ao(n)}}if(n&128)return Sf(e,t.next);if(n&32)return rd(t,e)()||ao(e[t.index]);{let n=Cf(e,t);return n===null?Sf(e,t.next):Array.isArray(n)?n[0]:Sf(wo(e[15]),n)}}return null}function Cf(e,t){if(t!==null){let n=e[15][5],r=t.projection;return n.projection[r]}return null}function wf(e,t){let n=10+e+1;if(n<t.length){let e=t[n],r=e[1].firstChild;if(r!==null)return Sf(e,r)}return t[7]}function Tf(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&&Jl(ao(c),r),n.flags|=2),!au(n)){if(l&8)Tf(e,t,n.child,r,i,a,!1),of(t,e,s,i,c,n,a,r);else if(l&32){let o=rd(n,r),l;for(;l=o();)of(t,e,s,i,l,n,a,r);of(t,e,s,i,c,n,a,r)}else l&16?kf(e,t,r,n,i,a):of(t,e,s,i,c,n,a,r)}n=o?n.projectionNext:n.next}}function Ef(e,t,n,r,i,a){e.type===3?Df(n,r,t,i,a):Tf(n,r,e.firstChild,t,i,a,!1)}function Df(e,t,n,r,i){let a=n[1].firstChild,o=a.next,s=ao(n[a.index]),c=ao(n[o.index]),l=o.index+1,u=n[l];if(t===1||t===0)r!==null&&(u&&u.hasChildNodes()?Eu(e,r,u,i,!0):(Eu(e,r,s,i,!0),Eu(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 Of(e,t,n){let r=t[11];kf(r,0,t,n,gf(e,n,t),vf(n.parent||t[5],n,t))}function kf(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];of(t,e,n[9],i,c,r,a,n)}else{let n=s,c=o[3];Bl(r)&&(n.flags|=128),Tf(e,t,n,c,i,a,!0)}}function Af(e,t,n,r,i,a,o){let s=r[7];if(s!==ao(r)&&of(t,e,n,a,s,i,o),!(r[2]&4))for(let n=10;n<r.length;n++){let i=r[n];Ef(i[1],i,e,t,a,s)}}function jf(e,t,n,r,i){if(t)i?e.addClass(n,r):e.removeClass(n,r);else{let t=r.indexOf(`-`)===-1?void 0:td.DashCase;i==null?e.removeStyle(n,r,t):(typeof i==`string`&&i.endsWith(`!important`)&&(i=i.slice(0,-10),t|=td.Important),e.setStyle(n,r,i,t))}}function Mf(e,t,n,r,i,a,o,s,c,l,u){let d=27+r,f=d+i,p=Nf(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 Nf(e,t){let n=[];for(let r=0;r<t;r++)n.push(r<e?null:ed);return n}function Pf(e){let t=e.tView;return t===null||t.incompleteFirstPass?e.tView=Mf(1,null,e.template,e.decls,e.vars,e.directiveDefs,e.pipeDefs,e.viewQuery,e.schemas,e.consts,e.id):t}function Ff(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),go(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]=Wl(),d[6]=u,d[20]=l,d[15]=t.type==2?e[15]:d,d}function If(e,t,n){let r=so(t,e),i=Pf(n),a=e[10].rendererFactory,o=zf(e,Ff(e,i,null,Lf(n),r,t,null,a.createRenderer(r,n),null,null,null));return e[t.index]=o}function Lf(e){let t=16;return e.signals?t=4096:e.onPush&&(t=64),t}function Rf(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 zf(e,t){return e[12]?e[13][4]=t:e[12]=t,e[13]=t,t}function k(e=1){Bf(Lo(),w(),ms()+e,!1)}function Bf(e,t,n,r){if(!r){if((t[2]&3)==3){let r=e.preOrderCheckHooks;r!==null&&Hc(t,r,n)}else{let r=e.preOrderHooks;r!==null&&Uc(t,r,0,n)}}hs(n)}var Vf=(function(e){return e[e.None=0]=`None`,e[e.SignalBased=1]=`SignalBased`,e[e.HasDecoratorInputTransform=2]=`HasDecoratorInputTransform`,e})(Vf||{});function Hf(e,t,n,r){let i=pn(null);try{let[i,a,o]=e.inputs[n],s=null;(a&Vf.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?Oc(t,s,i,r):e.setInput(t,s,r,n,i)}finally{pn(i)}}function Uf(e,t,n,r,i){let a=ms(),o=r&2;try{hs(-1),o&&t.length>27&&Bf(e,t,27,!1),zc(o?Ec.TemplateUpdateStart:Ec.TemplateCreateStart,i,n),n(r,i)}finally{hs(a),zc(o?Ec.TemplateUpdateEnd:Ec.TemplateCreateEnd,i,n)}}function Wf(e,t,n){Zf(e,t,n),(n.flags&64)==64&&Qf(e,t,n)}function Gf(e,t,n=so){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 Kf(e,t,n,r){let i=r.get(nu,tu)||n===du.ShadowDom||n===du.ExperimentalIsolatedShadowDom;return e.selectRootElement(t,i)}function qf(e){return e===`class`?`className`:e===`for`?`htmlFor`:e===`formaction`?`formAction`:e===`innerHtml`?`innerHTML`:e===`readonly`?`readOnly`:e===`tabindex`?`tabIndex`:e}function Jf(e,t,n,r,i,a){let o=t[1];if(sp(e,o,t,n,r)){Qa(e)&&Xf(t,e.index);return}e.type&3&&(n=qf(n)),Yf(e,t,n,r,i,a)}function Yf(e,t,n,r,i,a){if(e.type&3){let o=so(e,t);r=a==null?r:a(r,e.value||``,n),i.setProperty(o,n,r)}else e.type&12}function Xf(e,t){let n=fo(t,e);n[2]&16||(n[2]|=64)}function Zf(e,t,n){let r=n.directiveStart,i=n.directiveEnd;Qa(n)&&If(t,n,e.data[r+n.componentOffset]),e.firstCreatePass||ml(n,t);let a=n.initialInputs;for(let o=r;o<i;o++){let i=e.data[o],s=Tl(t,e,o,n);if(Jl(s,t),a!==null&&rp(t,o-r,s,i,n,a),eo(i)){let r=fo(n.index,t);r[8]=Tl(t,e,o,n)}}}function Qf(e,t,n){let r=n.directiveStart,i=n.directiveEnd,a=n.index,o=es();try{hs(a);for(let n=r;n<i;n++){let r=e.data[n],i=t[n];ts(n),(r.hostBindings!==null||r.hostVars!==0||r.hostAttrs!==null)&&$f(r,i)}}finally{hs(-1),ts(o)}}function $f(e,t){e.hostBindings!==null&&e.hostBindings(1,t)}function ep(e,t){let n=e.directiveRegistry,r=null;if(n)for(let e=0;e<n.length;e++){let i=n[e];Gu(t,i.selectors,!1)&&(r??=[],eo(i)?r.unshift(i):r.push(i))}return r}function tp(e,t,n,r,i,a){let o=so(e,t);np(t[11],o,a,e.value,n,r,i)}function np(e,t,n,r,i,a,o){if(a==null)o?.(a,r||``,i),e.removeAttribute(t,i,n);else{let s=o==null?Ni(a):o(a,r||``,i);e.setAttribute(t,i,s,n)}}function rp(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];Hf(r,n,t,i)}}function ip(e,t,n,r,i){let a=27+n,o=t[1],s=i(o,t,e,r,n);t[a]=s,Vo(e,!0);let c=e.type===2;return c?(Mu(t[11],s,e),(Ao()===0||$a(e))&&Jl(s,t),jo()):Jl(s,t),xs()&&(!c||!au(e))&&xf(o,t,s,e),e}function ap(e){let t=e;return Ho()?Uo():(t=t.parent,Vo(t,!1)),t}function op(e,t){let n=e[9];if(!n)return;let r;try{r=n.get(Qs,null)}catch{r=null}r?.(t)}function sp(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];Hf(c,n[r],a,i),s=!0}if(a)for(let e of a){let a=n[e],o=t.data[e];Hf(o,a,r,i),s=!0}return s}function cp(e,t){let n=fo(t,e),r=n[1];lp(r,n);let i=n[0];i!==null&&n[6]===null&&(n[6]=su(i,n[9])),zc(Ec.ComponentStart);try{up(r,n,n[8])}finally{zc(Ec.ComponentEnd,n[8])}}function lp(e,t){for(let n=t.length;n<e.blueprint.length;n++)t.push(e.blueprint[n])}function up(e,t,n){ss(t);try{let r=e.viewQuery;r!==null&&lu(1,r,n);let i=e.template;i!==null&&Uf(e,t,i,1,n),e.firstCreatePass&&=!1,t[18]?.finishViewCreation(e),e.staticContentQueries&&cu(e,t),e.staticViewQueries&&lu(2,e.viewQuery,n);let a=e.components;a!==null&&dp(t,a)}catch(t){throw e.firstCreatePass&&=(e.incompleteFirstPass=!0,!1),t}finally{t[2]&=-5,fs()}}function dp(e,t){for(let n=0;n<t.length;n++)cp(e,t[n])}function fp(e,t,n,r){let i=pn(null);try{let i=t.tView,a=Ff(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)),up(i,a,n),a}finally{pn(i)}}function pp(e,t){return!t||t.firstChild===null||Bl(e)}function mp(e,t,n,r,i=!1){if(e.type===3){let n=e.firstChild,i=n.next,a=ao(t[n.index]),o=ao(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(Xa(a)){let e=a[7];e!==a[0]&&r.push(ao(a)),a[2]&4||hp(a,r),r.push(e)}else r.push(ao(a))}let o=n.type;if(o&8)mp(e,t,n.child,r);else if(o&32){let e=rd(n,t),i;for(;i=e();)r.push(i)}else if(o&16){let e=Cf(t,n);if(Array.isArray(e))r.push(...e);else{let n=wo(t[15]);mp(n[1],n,e,r,!0)}}n=i?n.projectionNext:n.next}return r}function hp(e,t){for(let n=10;n<e.length;n++){let r=e[n],i=r[1].firstChild;i!==null&&mp(r[1],r,i,t)}}function gp(e){if(e[25]!==null){for(let t of e[25])t.impl.addSequence(t);e[25].length=0}}var _p=[];function vp(e){return e[24]??yp(e)}function yp(e){let t=_p.pop()??Object.create(xp);return t.lView=e,t}function bp(e){e.lView[24]!==e&&(e.lView=null,_p.push(e))}var xp={...hn,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{xo(e.lView)},consumerOnSignalRead(){this.lView[24]=this}};function Sp(e){let t=e[24]??Object.create(Cp);return t.lView=e,t}var Cp={...hn,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{let t=wo(e.lView);for(;t&&!wp(t[1]);)t=wo(t);t&&_o(t)},consumerOnSignalRead(){this.lView[24]=this}};function wp(e){return e.type!==2}function Tp(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 Ep=100;function Dp(e,t=0){let n=e[10].rendererFactory;n.begin?.();try{Op(e,t)}finally{n.end?.()}}function Op(e,t){let n=Go();try{Ko(!0),Pp(e,t);let n=0;for(;yo(e);){if(n===Ep)throw new ii(103,!1);n++,Pp(e,1)}}finally{Ko(n)}}function kp(e,t,n,r){if(no(t))return;let i=t[2];ss(t);let a=!0,o=null,s=null;wp(e)?(s=vp(t),o=Cn(s)):mn()===null?(a=!1,s=Sp(t),o=Cn(s)):t[24]&&=(On(t[24]),null);try{go(t),Yo(e.bindingStartIndex),n!==null&&Uf(e,t,n,2,r);let a=(i&3)==3;if(a){let n=e.preOrderCheckHooks;n!==null&&Hc(t,n,null)}else{let n=e.preOrderHooks;n!==null&&Uc(t,n,0,null),Wc(t,0)}if(jp(t),Tp(t),Ap(t,0),e.contentQueries!==null&&cu(e,t),a){let n=e.contentCheckHooks;n!==null&&Hc(t,n)}else{let n=e.contentHooks;n!==null&&Uc(t,n,1),Wc(t,1)}Ip(e,t);let o=e.components;o!==null&&Fp(t,o,0);let s=e.viewQuery;if(s!==null&&lu(2,s,r),a){let n=e.viewCheckHooks;n!==null&&Hc(t,n)}else{let n=e.viewHooks;n!==null&&Uc(t,n,2),Wc(t,2)}if(e.firstUpdatePass===!0&&(e.firstUpdatePass=!1),t[22]){for(let e of t[22])e();t[22]=null}gp(t),t[2]&=-73}catch(e){throw xo(t),e}finally{s!==null&&(Tn(s,o),a&&bp(s)),fs()}}function Ap(e,t){for(let n=Yl(e);n!==null;n=Xl(n))for(let e=10;e<n.length;e++){let r=n[e];Np(r,t)}}function jp(e){for(let t=Yl(e);t!==null;t=Xl(t)){if(!(t[2]&2))continue;let e=t[9];for(let t=0;t<e.length;t++){let n=e[t];_o(n)}}}function Mp(e,t,n){zc(Ec.ComponentStart);let r=fo(t,e);try{Np(r,n)}finally{zc(Ec.ComponentEnd,r[8])}}function Np(e,t){po(e)&&Pp(e,t)}function Pp(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&&Dn(i)),a||=!1,i&&(i.dirty=!1),e[2]&=-9217,a)kp(n,e,n.template,e[8]);else if(r&8192){let t=pn(null);try{Tp(e),Ap(e,1);let t=n.components;t!==null&&Fp(e,t,1),gp(e)}finally{pn(t)}}}function Fp(e,t,n){for(let r=0;r<t.length;r++)Mp(e,t[r],n)}function Ip(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)hs(~r);else{let i=r,a=n[++e],o=n[++e];$o(a,i);let s=t[i];zc(Ec.HostBindingsUpdateStart,s);try{o(2,s)}finally{zc(Ec.HostBindingsUpdateEnd,s)}}}}finally{hs(-1)}}function Lp(e,t){let n=Go()?64:1088;for(e[10].changeDetectionScheduler?.notify(t);e;){e[2]|=n;let t=wo(e);if(to(e)&&!t)return e;e=t}return null}function Rp(e,t,n,r){return[e,!0,0,t,null,r,null,n,null,null]}function zp(e,t){let n=10+t;if(n<e.length)return e[n]}function Bp(e,t,n,r=!0){let i=t[1];if(Up(i,t,e,n),r){let r=wf(n,e),a=t[11],o=a.parentNode(e[7]);o!==null&&cf(i,e[5],a,t,o,r)}let a=t[6];a!==null&&a.firstChild!==null&&(a.firstChild=null)}function Vp(e,t){let n=Hp(e,t);return n!==void 0&&ff(n[1],n),n}function Hp(e,t){if(e.length<=10)return;let n=10+t,r=e[n];if(r){let i=r[16];i!==null&&i!==e&&df(i,r),t>0&&(e[n-1][4]=r[4]);let a=oa(e,10+t);sf(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 Up(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],aa(n,10+r,t)):(n.push(t),t[4]=null),t[3]=n;let o=t[16];o!==null&&n!==o&&Wp(o,t);let s=t[18];s!==null&&s.insertView(e),bo(t),t[2]|=128}function Wp(e,t){let n=e[9],r=t[3];if(Ya(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 Gp=class{_lView;_cdRefInjectingView;_appRef=null;_attachedToViewContainer=!1;exhaustive;get rootNodes(){let e=this._lView,t=e[1];return mp(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 no(this._lView)}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){let e=this._lView[3];if(Xa(e)){let t=e[8],n=t?t.indexOf(this):-1;n>-1&&(Hp(e,n),oa(t,n))}this._attachedToViewContainer=!1}ff(this._lView[1],this._lView)}onDestroy(e){So(this._lView,e)}markForCheck(){Lp(this._cdRefInjectingView||this._lView,4)}detach(){this._lView[2]&=-129}reattach(){bo(this._lView),this._lView[2]|=128}detectChanges(){this._lView[2]|=1024,Dp(this._lView)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new ii(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null;let e=to(this._lView),t=this._lView[16];t!==null&&!e&&df(t,this._lView),lf(this._lView[1],this._lView)}attachToAppRef(e){if(this._attachedToViewContainer)throw new ii(902,!1);this._appRef=e;let t=to(this._lView),n=this._lView[16];n!==null&&!t&&Wp(n,this._lView),bo(this._lView)}},Kp=(()=>{class e{_declarationLView;_declarationTContainer;elementRef;static __NG_ELEMENT_ID__=qp;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 Gp(fp(this._declarationLView,this._declarationTContainer,e,{embeddedViewInjector:t,dehydratedView:n}))}}return e})();function qp(){return Jp(Ro(),w())}function Jp(e,t){return e.type&4?new Kp(t,e,Fl(e,t)):null}function Yp(e,t,n,r,i){let a=e.data[t];if(a===null)a=Xp(e,t,n,r,i),Qo()&&(a.flags|=32);else if(a.type&64){a.type=n,a.value=r,a.attrs=i;let e=Bo();a.injectorIndex=e===null?-1:e.injectorIndex}return Vo(a,!0),a}function Xp(e,t,n,r,i){let a=zo(),o=Ho(),s=o?a:a&&a.parent,c=e.data[t]=Qp(e,s,n,t,r,i);return Zp(e,c,a,o),c}function Zp(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 Qp(e,t,n,r,i,a){let o=t?t.injectorIndex:-1,s=0;return Po()&&(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:ys(),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 $p(e){let t=e[6]??[],n=e[3][11],r=[];for(let e of t)e.data.di===void 0?em(e,n):r.push(e);e[6]=r}function em(e,t){let n=0,r=e.firstChild;if(r){let i=e.data.r;for(;n<i;){let e=r.nextSibling;ku(t,r,!1),r=e,n++}}}var tm=()=>null,nm=()=>null;function rm(e,t){return tm(e,t)}function im(e,t,n){return nm(e,t,n)}var am=class{},om=class{},sm=(()=>{class e{static ɵprov=mi({token:e,providedIn:`root`,factory:()=>null})}return e})();function cm(e){return e.debugInfo?.className||e.type.name||null}var lm={},um=class{injector;parentInjector;constructor(e,t){this.injector=e,this.parentInjector=t}get(e,t,n){let r=this.injector.get(e,lm,n);return r!==lm||t===lm?r:this.parentInjector.get(e,t,n)}};function dm(e,t,n){return e[t]=n}function fm(e,t){return e[t]}function pm(e,t,n){if(n===ed)return!1;let r=e[t];return!Object.is(r,n)&&(e[t]=n,!0)}function mm(e,t,n,r){let i=pm(e,t,n);return pm(e,t+1,r)||i}function hm(e,t,n,r,i){let a=mm(e,t,n,r);return pm(e,t+2,i)||a}function gm(e,t,n,r,i,a){let o=mm(e,t,n,r);return mm(e,t+2,i,a)||o}function _m(e,t,n){return function r(i){let a=r.__ngNativeEl__;a!==void 0&&iu(i,a),Lp(Qa(e)?fo(e.index,t):t,5);let o=t[8],s=vm(t,o,n,i),c=r.__ngNextListenerFn__;for(;c;)s=vm(t,o,c,i)&&s,c=c.__ngNextListenerFn__;return s}}function vm(e,t,n,r){let i=pn(null);try{return zc(Ec.OutputStart,t,n),n(r)!==!1}catch(t){return op(e,t),!1}finally{zc(Ec.OutputEnd,t,n),pn(i)}}function ym(e,t,n,r,i,a,o,s){let c=$a(e),l=!1,u=null;if(!r&&c&&(u=xm(t,n,a,e.index)),u!==null){let e=u.__ngLastListenerFn__||u;e.__ngNextListenerFn__=o,u.__ngLastListenerFn__=o,l=!0}else{let o=so(e,n),c=r?r(o):o;r||(s.__ngNativeEl__=o);let l=i.listen(c,a,s);bm(a)||Sm(r?t=>r(ao(t[e.index])):e.index,t,n,a,s,l,!1)}return l}function bm(e){return e.startsWith(`animation`)||e.startsWith(`transition`)}function xm(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 Sm(e,t,n,r,i,a,o){let s=t.firstCreatePass?Eo(t):null,c=To(n),l=c.length;c.push(i,a),s&&s.push(r,e,l,(l+1)*(o?-1:1))}function Cm(e,t,n,r,i,a){let o=t[n],s=t[1],c=o[s.data[n].outputs[r]].subscribe(a);Sm(e.index,s,t,i,a,c,!0)}var wm=Symbol(`BINDING`),Tm=new xi(``);function Em(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=li(i,n);else if(a==2){let i=n,a=t[++e];r=li(r,i+`: `+a+`;`)}}n?e.styles=r:e.stylesWithoutHost=r,n?e.classes=i:e.classesWithoutHost=i}function Dm(e,t=0){let n=w();return n===null?Xi(e,t):xl(Ro(),n,fi(e),t)}function Om(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}jm(e,t,n,r,a,i,s)}a!==null&&r!==null&&km(n,r,a)}function km(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 ii(-301,!1);r.push(t[e],i)}}function Am(e,t,n){t.componentOffset=n,(e.components??=[]).push(t.index)}function jm(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&&eo(a)&&(c=a,Am(e,n,i)),vl(ml(n,t),e,a.type)}Vm(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=Rf(e,t,s,null);s>0&&(n.directiveToIndex=new Map);for(let c=0;c<s;c++){let s=r[c];if(n.mergedAttrs=tl(n.mergedAttrs,s.hostAttrs),Lm(e,n,t,d,s),Bm(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++}Mm(e,n,a)}function Mm(e,t,n){for(let r=t.directiveStart;r<t.directiveEnd;r++){let i=e.data[r];if(n===null||!n.has(i))Nm(0,t,i,r),Nm(1,t,i,r),Im(t,r,!1);else{let e=n.get(i);Pm(0,t,e,r),Pm(1,t,e,r),Im(t,r,!0)}}}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 i;i=e===0?t.inputs??={}:t.outputs??={},i[n]??=[],i[n].push(r),Fm(t,n)}}function Pm(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),Fm(t,a)}}function Fm(e,t){t===`class`?e.flags|=8:t===`style`&&(e.flags|=16)}function Im(e,t,n){let{attrs:r,inputs:i,hostDirectiveInputs:a}=e;if(r===null||!n&&i===null||n&&a===null||Bu(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 Lm(e,t,n,r,i){e.data[r]=i;let a=new Yc(i.factory||=ta(i.type,!0),eo(i),Dm,null);e.blueprint[r]=a,n[r]=a,Rm(e,t,r,Rf(e,n,i.hostVars,ed),i)}function Rm(e,t,n,r,i){let a=i.hostBindings;if(a){let i=e.hostBindingOpCodes;i===null&&(i=e.hostBindingOpCodes=[]);let o=~t.index;zm(i)!=o&&i.push(o),i.push(n,r,a)}}function zm(e){let t=e.length;for(;t>0;){let n=e[--t];if(typeof n==`number`&&n<0)return n}return 0}function Bm(e,t,n){if(n){if(t.exportAs)for(let r=0;r<t.exportAs.length;r++)n[t.exportAs[r]]=e;eo(t)&&(n[``]=e)}}function Vm(e,t,n){e.flags|=1,e.directiveStart=t,e.directiveEnd=t+n,e.providerIndexes=t}function Hm(e,t,n,r,i,a,o,s){let c=t[1],l=c.consts,u=Yp(c,e,n,r,ho(l,o));return a&&Om(c,t,u,ho(l,s),i),u.mergedAttrs=tl(u.mergedAttrs,u.attrs),u.attrs!==null&&Em(u,u.attrs,!1),u.mergedAttrs!==null&&Em(u,u.mergedAttrs,!0),c.queries!==null&&c.queries.elementStart(c,u),u}function Um(e,t){Vc(e,t),Za(t)&&e.queries.elementEnd(t)}function Wm(e,t,n,r,i,a){let o=t.consts,s=Yp(t,e,n,r,ho(o,i));if(s.mergedAttrs=tl(s.mergedAttrs,s.attrs),a!=null){let e=ho(o,a);s.localNames=[];for(let t=0;t<e.length;t+=2)s.localNames.push(e[t],-1)}return s.attrs!==null&&Em(s,s.attrs,!1),s.mergedAttrs!==null&&Em(s,s.mergedAttrs,!0),t.queries!==null&&t.queries.elementStart(t,s),s}var Gm=typeof ShadowRoot<`u`,Km=typeof Document<`u`;function qm(e){return Object.keys(e).map(t=>{let[n,r,i]=e[t],a={propName:n,templateName:t,isSignal:(r&Vf.SignalBased)!==0};return i&&(a.transform=i),a})}function Jm(e){return Object.keys(e).map(t=>({propName:e[t],templateName:t}))}function Ym(e,t,n){let r=t instanceof Pa?t:t?.injector;return r&&e.getStandaloneInjector!==null&&(r=e.getStandaloneInjector(r)||r),r?new um(n,r):n}function Xm(e){let t=e.get(om,null);if(t===null)throw new ii(407,!1);return{rendererFactory:t,sanitizer:e.get(sm,null),changeDetectionScheduler:e.get(cc,null),ngReflect:!1,tracingService:e.get(Fd,null,{optional:!0})}}function Zm(e,t,n){let r=$m(e);return Tu(t,r,r===`svg`?`svg`:r===`math`?io:n)}function Qm(e){if((e&&`localName`in e&&typeof e.localName==`string`?e.localName:e?.tagName)?.toLowerCase()===`script`)throw new ii(905,!1)}function $m(e){return(e.selectors[0][0]||`div`).toLowerCase()}var eh=class{componentDef;ngModule;selector;componentType;ngContentSelectors;isBoundToModule;cachedInputs=null;cachedOutputs=null;get inputs(){return this.cachedInputs??=qm(this.componentDef.inputs),this.cachedInputs}get outputs(){return this.cachedOutputs??=Jm(this.componentDef.outputs),this.cachedOutputs}constructor(e,t){this.componentDef=e,this.ngModule=t,this.componentType=e.type,this.selector=Qu(e.selectors),this.ngContentSelectors=e.ngContentSelectors??[],this.isBoundToModule=!!t}create(e,t,n,r,i,a,o){zc(Ec.DynamicComponentStart);let s=pn(null);try{let s=this.componentDef,c=Ym(s,r||this.ngModule,e),l=Xm(c),u=l.tracingService;return u&&u.componentCreate?u.componentCreate(cm(s),()=>this.createComponentRef(l,c,t,n,i,a,o)):this.createComponentRef(l,c,t,n,i,a,o)}finally{pn(s)}}createComponentRef(e,t,n,r,i,a,o){let s=this.componentDef,c=th(r,s,a,i),l=e.rendererFactory.createRenderer(null,s),u=r?Kf(l,r,s.encapsulation,t):Zm(s,l,o??null);Qm(u);let d=t.get(Tm,null),f=nh(u,()=>t.get(Es,null)??eu());d&&d.addHost(f);let p=a?.some(ih)||i?.some(e=>typeof e!=`function`&&e.bindings.some(ih)),m=Ff(null,c,null,512|Lf(s),null,null,e,l,t,null,su(u,t,!0));d&&Gm&&f instanceof ShadowRoot&&So(m,()=>{d.removeHost(f)}),m[27]=u,ss(m);let h=null;try{let e=Hm(27,m,2,`#host`,()=>c.directiveRegistry,!0,0);Mu(l,u,e),Jl(u,m),Wf(c,m,e),uu(c,e,m),Um(c,e),n!==void 0&&oh(e,this.ngContentSelectors,n),h=fo(e.index,m),m[8]=h[8],up(c,m,null)}catch(e){throw h!==null&&Kl(h),Kl(m),e}finally{zc(Ec.DynamicComponentEnd),fs()}return new ah(this.componentType,m,!!p)}};function th(e,t,n,r){let i=e?[`ng-version`,`22.1.7`]:$u(t.selectors[0]),a=null,o=null,s=0;if(n)for(let e of n)s+=e[wm].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[wm].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=Ai(typeof e==`function`?e:e.type);c.push(t)}return Mf(0,null,rh(a,o),1,s,c,null,null,null,[i],null)}function nh(e,t){let n=e.getRootNode?.();return Km&&n instanceof Document?n.head:n&&Gm&&n instanceof ShadowRoot?n:t().head}function rh(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 ih(e){let t=e[wm].kind;return t===`input`||t===`twoWay`}var ah=class extends am{_rootLView;_hasInputBindings;instance;hostView;changeDetectorRef;componentType;location;previousInputValues=null;_tNode;constructor(e,t,n){super(),this._rootLView=t,this._hasInputBindings=n,this._tNode=co(t[1],27),this.location=Fl(this._tNode,t),this.instance=fo(this._tNode.index,t)[8],this.hostView=this.changeDetectorRef=new Gp(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;sp(n,r[1],r,e,t),this.previousInputValues.set(e,t),Lp(fo(n.index,r),1)}get injector(){return new kl(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(e){this.hostView.onDestroy(e)}};function oh(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 sh=(()=>{class e{static __NG_ELEMENT_ID__=ch}return e})();function ch(){return fh(Ro(),w())}var lh=class e extends sh{_lContainer;_hostTNode;_hostLView;constructor(e,t,n){super(),this._lContainer=e,this._hostTNode=t,this._hostLView=n}get element(){return Fl(this._hostTNode,this._hostLView)}get injector(){return new kl(this._hostTNode,this._hostLView)}get parentInjector(){let e=_l(this._hostTNode,this._hostLView);if(rl(e)){let t=ol(e,this._hostLView),n=il(e),r=t[1].data[n+8];return new kl(r,t)}return new kl(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(e){let t=uh(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=rm(this._lContainer,e.ssrId),o=e.createEmbeddedViewImpl(t||{},i,a);return this.insertImpl(o,r,pp(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 eh(ki(e)),u=n||this.parentInjector;if(!i&&l.ngModule==null){let e=this.parentInjector.get(Pa,null);e&&(i=e)}let d=ki(l.componentType??{}),f=rm(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,pp(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(mo(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 Bp(o,i,a,r),t.attachToViewContainerRef(),aa(dh(o),a,t),t}move(e,t){return this.insert(e,t)}indexOf(e){let t=uh(this._lContainer);return t===null?-1:t.indexOf(e)}remove(e){let t=this._adjustIndex(e,-1),n=Hp(this._lContainer,t);n&&(oa(dh(this._lContainer),t),ff(n[1],n))}detach(e){let t=this._adjustIndex(e,-1),n=Hp(this._lContainer,t);return n&&oa(dh(this._lContainer),t)!=null?new Gp(n):null}_adjustIndex(e,t=0){return e??this.length+t}};function uh(e){return e[8]}function dh(e){return e[8]||=[]}function fh(e,t){let n,r=t[e.index];return Xa(r)?n=r:(n=Rp(r,t,null,e),t[e.index]=n,zf(t,n)),mh(n,t,e,r),new lh(n,e,t)}function ph(e,t){let n=e[11],r=n.createComment(``),i=so(t,e);return Eu(n,n.parentNode(i),r,n.nextSibling(i),!1),r}var mh=_h,hh=()=>!1;function gh(e,t,n){return hh(e,t,n)}function _h(e,t,n,r){if(e[7])return;let i;i=n.type&8?ao(r):ph(t,n),e[7]=i}var vh=class e{queryList;matches=null;constructor(e){this.queryList=e}clone(){return new e(this.queryList)}setDirty(){this.queryList.setDirty()}},yh=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++)Ph(e,t).matches!==null&&this.queries[t].setDirty()}},bh=class{flags;read;predicate;constructor(e,t,n=null){this.flags=t,this.read=n,this.predicate=typeof e==`string`?Mh(e):e}},xh=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)}},Sh=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,Ch(t,i)),this.matchTNodeWithReadOption(e,t,wl(t,e,i,!1,!1))}else n===Kp?t.type&4&&this.matchTNodeWithReadOption(e,t,-1):this.matchTNodeWithReadOption(e,t,wl(t,e,n,!1,!1))}matchTNodeWithReadOption(e,t,n){if(n!==null){let r=this.metadata.read;if(r!==null){if(r===Il||r===sh||r===Kp&&t.type&4)this.addMatch(t.index,-2);else{let n=wl(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 Ch(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 wh(e,t){return e.type&11?Fl(e,t):e.type&4?Jp(e,t):null}function Th(e,t,n,r){return n===-1?wh(t,e):n===-2?Eh(e,t,r):Tl(e,e[1],n,t)}function Eh(e,t,n){if(n===Il)return Fl(t,e);if(n===Kp)return Jp(t,e);if(n===sh)return fh(t,e)}function Dh(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(Th(t,s,a[e+1],n.metadata.read))}}i.matches=o}return i.matches}function Oh(e,t,n,r){let i=e.queries.getByIndex(n),a=i.matches;if(a!==null){let o=Dh(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]&&Oh(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];Oh(n[1],n,i,r)}}}}}return r}function kh(e,t){return e[18].queries[t].queryList}function Ah(e,t,n){let r=new zl((n&4)==4);return Do(e,t,r,r.destroy),(t[18]??=new yh).queries.push(new vh(r))-1}function jh(e,t,n){let r=Lo();return r.firstCreatePass&&(Nh(r,new bh(e,t,n),-1),(t&2)==2&&(r.staticViewQueries=!0)),Ah(r,w(),t)}function Mh(e){return e.split(`,`).map(e=>e.trim())}function Nh(e,t,n){e.queries===null&&(e.queries=new xh),e.queries.track(new Sh(t,n))}function Ph(e,t){return e.queries.getByIndex(t)}function Fh(e,t){let n=e[1],r=Ph(n,t);return r.crossesNgTemplate?Oh(n,e,t,[]):Dh(n,e,r,t)}function Ih(e,t,n){let r,i=Pn(()=>{r._dirtyCounter();let n=Bh(r,e);if(t&&n===void 0)throw new ii(-951,!1);return n});return r=i[fn],r._dirtyCounter=O(0),r._flatValue=void 0,i}function Lh(e){return Ih(!0,!1,e)}function Rh(e){return Ih(!0,!0,e)}function zh(e,t){let n=e[fn];n._lView=w(),n._queryIndex=t,n._queryList=kh(n._lView,t),n._queryList.onDirty(()=>n._dirtyCounter.update(e=>e+1))}function Bh(e,t){let n=e._lView,r=e._queryIndex;if(n===void 0||r===void 0||n[2]&4)return t?void 0:ma;let i=kh(n,r),a=Fh(n,r);return i.reset(a,Ll),t?i.first:i._changesDetected||e._flatValue===void 0?e._flatValue=i.toArray():e._flatValue}function Vh(e){return!!e&&typeof e.then==`function`}function Hh(e){return!!e&&typeof e.subscribe==`function`}var Uh=class{},Wh=class extends Uh{injector;instance=null;constructor(e){super();let t=new Fa([...e.providers,{provide:Uh,useValue:this}],e.parent||Na(),e.debugName,new Set([`environment`]));this.injector=t,e.runEnvironmentInitializers&&t.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(e){this.injector.onDestroy(e)}};function Gh(e,t,n=null){return new Wh({providers:e,parent:t,debugName:n,runEnvironmentInitializers:!0}).injector}var Kh=(()=>{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=ba(!1,e.type),n=t.length>0?Gh([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=mi({token:e,providedIn:`environment`,factory:()=>new e(Xi(Pa))})}return e})();function A(e){return Tc(()=>{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!==Vl.Eager,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&e.dependencies||null,getStandaloneInjector:t.standalone?e=>e.get(Kh).getOrCreateStandaloneInjector(n):null,getExternalStyles:null,signals:e.signals??!1,data:e.data||{},encapsulation:e.encapsulation||du.Emulated,styles:e.styles||ma,_:null,schemas:e.schemas||null,tView:null,id:``};t.standalone&&Ld(`NgStandalone`),$h(n);let r=e.dependencies;return n.directiveDefs=eg(r,qh),n.pipeDefs=eg(r,ji),n.id=tg(n),n})}function qh(e){return ki(e)||Ai(e)}function Jh(e,t){if(e==null)return pa;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=Vf.None,c=null),n[a]=[r,s,c],t[a]=o}return n}function Yh(e){if(e==null)return pa;let t={};for(let n in e)Object.hasOwn(e,n)&&(t[e[n]]=n);return t}function Xh(e){return Tc(()=>{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||pa,exportAs:e.exportAs||null,standalone:e.standalone??!0,signals:e.signals===!0,selectors:e.selectors||ma,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 xi(``),rg=(()=>{class e{resolve;reject;initialized=!1;done=!1;donePromise=new Promise((e,t)=>{this.resolve=e,this.reject=t});appInits=C(ng,{optional:!0})??[];injector=C(Ts);constructor(){}runInitializers(){if(this.initialized)return;let e=[];for(let t of this.appInits){let n=Ka(this.injector,t);if(Vh(n))e.push(n);else if(Hh(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=Nl({token:e,factory:e.ɵfac})}return e})();function ig(e,t,n,r,i,a,o,s){if(n.firstCreatePass){e.mergedAttrs=tl(e.mergedAttrs,e.attrs);let t=e.tView=Mf(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),Vo(e,!1);let c=cg(n,t,e,r);xs()&&xf(n,t,c,e),Jl(c,t);let l=Rp(c,t,c,e);t[r+27]=l,zf(t,l),gh(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=Yp(t,d,4,o||null,s||null),No()&&Om(t,e,f,ho(t.consts,l),ep),Vc(t,f)):f=t.data[d],ig(f,e,t,n,r,i,a,c),$a(f)&&Wf(t,e,f),l!=null&&Gf(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=Yp(t,d,4,o||null,s||null),l!=null){let e=ho(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&&Gf(e,f,u),f}function sg(e,t,n,r,i,a,o,s){let c=w(),l=Lo();return ag(c,l,e,t,n,r,i,ho(l.consts,a),void 0,o,s),sg}var cg=lg;function lg(e,t,n,r){return Ss(!0),t[11].createComment(``)}var ug=new xi(``),dg=new xi(``);function fg(){Hn(()=>{throw new ii(600,``)})}var pg=10,mg=(()=>{class e{_runningTick=!1;_destroyed=!1;_destroyListeners=[];_views=[];internalErrorHandler=C(Qs);afterRenderManager=C(Rd);zonelessEnabled=C(lc);rootEffectScheduler=C(dc);dirtyFlags=0;tracingSnapshot=null;allTestViews=new Set;autoDetectTestViews=new Set;includeAllTestViews=!1;afterTick=new $r;get allViews(){return[...(this.includeAllTestViews?this.allTestViews:this.autoDetectTestViews).keys(),...this._views]}get destroyed(){return this._destroyed}componentTypes=[];components=[];internalPendingTask=C(js);get isStable(){return this.internalPendingTask.hasPendingTasksObservable.pipe(ni(e=>!e))}constructor(){C(Fd,{optional:!0})}whenStable(){let e;return new Promise(t=>{e=this.isStable.subscribe({next:e=>{e&&t()}})}).finally(()=>{e.unsubscribe()})}_injector=C(Pa);_rendererFactory=null;get injector(){return this._injector}bootstrap(e,t){return this.bootstrapImpl(e,t)}bootstrapImpl(e,t,n=Ts.NULL){return this._injector.get(zs).run(()=>{if(zc(Ec.BootstrapComponentStart),!this._injector.get(rg).done)throw new ii(405,``);let r=ki(e),i=this._injector.get(Uh),a=new eh(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),zc(Ec.BootstrapComponentEnd,u),u})}tick(){this.zonelessEnabled||(this.dirtyFlags|=1),this._tick()}_tick(){zc(Ec.ChangeDetectionStart),this.tracingSnapshot===null?this.tickImpl():this.tracingSnapshot.run(Pd.CHANGE_DETECTION,this.tickImpl)}tickImpl=()=>{if(this._runningTick)throw zc(Ec.ChangeDetectionEnd),new ii(101,!1);let e=pn(null);try{this._runningTick=!0,this.synchronize()}finally{this._runningTick=!1,this.tracingSnapshot?.dispose(),this.tracingSnapshot=null,pn(e),this.afterTick.next(),zc(Ec.ChangeDetectionEnd)}};synchronize(){this._rendererFactory===null&&!this._injector.destroyed&&(this._rendererFactory=this._injector.get(om,null,{optional:!0}));let e=0;for(;this.dirtyFlags!==0&&e++<pg;){zc(Ec.ChangeDetectionSyncStart);try{this.synchronizeOnce()}finally{zc(Ec.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||yo(n))&&(Dp(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})=>yo(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 ii(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=Nl({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=w();return pm(i,Xo(),t)&&(Lo(),tp(gs(),i,e,t,n,r)),j}function _g(e){if(Ld(`NgAnimateEnter`),!vd)return _g;let t=w();if(yd(t))return _g;let n=Ro(),r=t[9].get(zs);return Nd(kd(t),n,()=>vg(t,n,e,r)),Xd(t[9]),Zd(t[9],kd(t)),_g}function vg(e,t,n,r){let i=so(t,e),a=e[11],o=Ad(n),s=[],c=!1,l=e=>{if(jd(e)!==i)return;let t=e instanceof AnimationEvent?`animationend`:`transitionend`;r.runOutsideAngular(()=>{a.listen(i,t,u)})},u=e=>{jd(e)===i&&(Md(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))}),bd(i,o,s);for(let e of o)a.addClass(i,e);r.runOutsideAngular(()=>{requestAnimationFrame(()=>{if(!c&&(pd(i,Cd,vd),!Cd.has(i))){for(let e of o)a.removeClass(i,e);xd(i)}})})}}function yg(e,t,n){let r=Sd.get(t);if(jd(e)===t&&r&&Md(e,t)){e.stopPropagation();for(let e of r.classList)n.removeClass(t,e);xd(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)){pn(r);let c=t.length-1;for(pn(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){pn(r);let c=t[Symbol.iterator]();pn(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){Ld(`NgControlFlow`);let c=w(),l=Lo();return og(c,l,e,t,n,r,i,ho(l.consts,a),256,o,s),Dg}function Dg(e,t,n,r,i,a,o,s){Ld(`NgControlFlow`);let c=w(),l=Lo();return og(c,l,e,t,n,r,i,ho(l.consts,a),512,o,s),Dg}function N(e,t){Ld(`NgControlFlow`);let n=w(),r=Xo(),i=n[r]===ed?-1:n[r],a=i===-1?void 0:Ng(n,27+i);if(pm(n,r,e)){let r=pn(null);try{if(a!==void 0&&Vp(a,0),e!==-1){let r=27+e,i=Ng(n,r),a=Rg(n[1],r),o=im(i,a,n);Bp(i,fp(n,a,t,{dehydratedView:o}),0,pp(a,o))}}finally{pn(r)}}else if(a!==void 0){let e=zp(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){Ld(`NgControlFlow`);let p=w(),m=Lo(),h=c!==void 0,g=w(),_=new jg(h,s?o.bind(g[15][8]):o);g[27+e]=_,og(p,m,e+1,t,n,r,i,ho(m.consts,a),256),h&&og(p,m,e+2,c,l,u,d,ho(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,Bp(this.lContainer,t,e,pp(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=rm(this.lContainer,this.templateTNode.tView.ssrId);return fp(this.hostLView,this.templateTNode,new Og(this.lContainer,t,e),{dehydratedView:n})}destroy(e){ff(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=pn(null),n=ms();try{let r=w(),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=Xo(),t=c.length===0;if(pm(r,e,t)){let e=n+2,a=Ng(r,e);if(t){let t=Rg(i,e),n=im(a,t,r);Bp(a,fp(r,t,void 0,{dehydratedView:n}),0,pp(t,n))}else i.firstUpdatePass&&$p(a),Vp(a,0)}}}finally{pn(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];Jd(e,r),hd.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 Hp(e,t)}function Lg(e,t){return zp(e,t)}function Rg(e,t){return co(e,t)}function I(e,t,n){let r=w();return pm(r,Xo(),t)&&(Lo(),Jf(gs(),r,e,t,r[11],n)),I}function zg(e,t,n,r,i){sp(t,e,n,i?`class`:`style`,r)}function L(e,t,n,r){let i=w(),a=i[1],o=e+27,s=a.firstCreatePass?Hm(o,i,2,t,ep,No(),n,r):a.data[o];if(Qa(s)){let n=i[10].tracingService;if(n&&n.componentCreate){let o=a.data[s.directiveStart+s.componentOffset];return n.componentCreate(cm(o),()=>(Bg(e,t,i,s,r),L))}}return Bg(e,t,i,s,r),L}function Bg(e,t,n,r,i){if(ip(r,n,e,t,Hg),$a(r)){let e=n[1];Wf(e,n,r),uu(e,r,n)}i!=null&&Gf(n,r)}function R(){let e=Lo(),t=ap(Ro());return e.firstCreatePass&&Um(e,t),Fo(t)&&Io(),Mo(),t.classesWithoutHost!=null&&Xc(t)&&zg(e,t,w(),t.classesWithoutHost,!0),t.stylesWithoutHost!=null&&Zc(t)&&zg(e,t,w(),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=w(),a=i[1],o=e+27,s=a.firstCreatePass?Wm(o,a,2,t,n,r):a.data[o];return ip(s,i,e,t,Hg),r!=null&&Gf(i,s),B}function V(){return Fo(ap(Ro()))&&Io(),Mo(),V}function Vg(e,t,n,r){return B(e,t,n,r),V(),Vg}var Hg=(e,t,n,r,i)=>(Ss(!0),Tu(t[11],r,ys()));function Ug(e,t,n){let r=w(),i=r[1],a=e+27,o=i.firstCreatePass?Hm(a,r,8,`ng-container`,ep,No(),t,n):i.data[a];if(ip(o,r,e,`ng-container`,Kg),$a(o)){let e=r[1];Wf(e,r,o),uu(e,o,r)}return n!=null&&Gf(r,o),Ug}function Wg(){let e=Lo(),t=ap(Ro());return e.firstCreatePass&&Um(e,t),Wg}function Gg(e,t,n){return Ug(e,t,n),Wg(),Gg}var Kg=(e,t,n,r,i)=>(Ss(!0),wu(t[11],``));function H(){return w()}function qg(e,t,n){let r=w();return pm(r,Xo(),t)&&(Lo(),Yf(gs(),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 ii(701,!1)}function $g(e){if(!(e in Zg)){let t=Gi.ng&&Gi.ng.common&&Gi.ng.common.locales&&Gi.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=w(),i=Lo(),a=Ro();return i_(i,r,r[11],a,e,t,n),U}function W(e,t,n){let r=w(),i=Lo(),a=Ro();return(a.type&3||n)&&ym(a,i,r,n,r[11],e,t,_m(a,r,t)),W}function i_(e,t,n,r,i,a,o){let s=!0,c=null;if((r.type&3||o)&&(c??=_m(r,t,a),ym(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??=_m(r,t,a),Cm(r,t,o,s,i,c)}if(e&&e.length)for(let n of e)c??=_m(r,t,a),Cm(r,t,n,i,i,c)}}function G(e=1){return ps(e)}function a_(e,t){let n=null,r=Ku(e);for(let i=0;i<t.length;i++){let a=t[i];if(a===`*`){n=i;continue}if(r===null?Gu(e,a,!0):Yu(r,a))return i}return n}function o_(e){let t=w()[15][5];if(!t.projection){let n=t.projection=sa(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=w(),s=Lo(),c=r?e+1:null;c!==null&&og(o,s,c,r,i,a,null,n);let l=Yp(s,27+e,16,null,n||null);l.projection===null&&(l.projection=t),Uo();let u=!o[6]||Po();o[15][5].projection[l.projection]===null&&c!==null?c_(o,s,c):u&&!au(l)&&Of(s,o,l)}function c_(e,t,n){let r=27+n,i=t.data[r],a=e[r],o=rm(a,i.tView.ssrId);Bp(a,fp(e,i,void 0,{dehydratedView:o}),0,pp(i,o))}function l_(e,t,n,r){return zh(e,jh(t,n,r)),l_}function u_(e=1){is(rs()+e)}function d_(e){return lo(Wo(),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||da(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`&&da(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`?da(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))la(e,E_(t),!0)}function P_(e,t,n,r){let i=w(),a=Lo(),o=Zo(2);if(a.firstUpdatePass&&L_(a,e,o,r),t!==ed&&pm(i,o,t)){let s=a.data[ms()];q_(a,s,i,i[11],e,i[o+1]=X_(t,n),r,o)}}function F_(e,t,n,r){let i=Lo(),a=Zo(2);i.firstUpdatePass&&L_(i,null,a,r);let o=w();if(n!==ed&&pm(o,a,n)){let s=i.data[ms()];if(Z_(s,r)&&!I_(i,a)){let e=r?s.classesWithoutHost:s.stylesWithoutHost;e!==null&&(n=li(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[ms()],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=ns(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]),la(e,o,n?!0:t[++a]))}return e===void 0?null:e}function W_(e,t,n){if(n==null||n===``)return ma;let r=[],i=pu(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(` `)&&la(e,r,n)}function K_(e,t,n,r,i,a,o,s){i===ed&&(i=ma);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)),jf(r,o,oo(ms(),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===ed&&(u=l?ma:void 0);let d=l?ua(u,r):c===r?u:void 0;if(a&&!Y_(d)&&(d=ua(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=ua(e,r))}return s}function Y_(e){return e!==void 0}function X_(e,t){return e==null||e===``||(typeof t==`string`?e=pu(e)+t:typeof e==`object`&&(e=ci(pu(e)))),e}function Z_(e,t){return!!(e.flags&(t?8:16))}function J(e,t=``){let n=w(),r=Lo(),i=e+27,a=r.firstCreatePass?Yp(r,i,1,t,null):r.data[i],o=Q_(r,n,a,t);n[i]=o,xs()&&xf(r,n,o,a),Vo(a,!1)}var Q_=(e,t,n,r)=>(Ss(!0),Su(t[11],r));function $_(e,t,n,r=``){return pm(e,Xo(),n)?t+Ni(n)+r:ed}function ev(e,t,n,r,i,a=``){let o=mm(e,Jo(),n,i);return Zo(2),o?t+Ni(n)+r+Ni(i)+a:ed}function tv(e,t,n,r,i,a,o,s=``){let c=hm(e,Jo(),n,i,o);return Zo(3),c?t+Ni(n)+r+Ni(i)+a+Ni(o)+s:ed}function nv(e,t,n,r,i,a,o,s,c,l=``){let u=gm(e,Jo(),n,i,o,c);return Zo(4),u?t+Ni(n)+r+Ni(i)+a+Ni(o)+s+Ni(c)+l:ed}function Y(e){return X(``,e),Y}function X(e,t,n){let r=w(),i=$_(r,e,t,n);return i!==ed&&av(r,ms(),i),X}function Z(e,t,n,r,i){let a=w(),o=ev(a,e,t,n,r,i);return o!==ed&&av(a,ms(),o),Z}function rv(e,t,n,r,i,a,o){let s=w(),c=tv(s,e,t,n,r,i,a,o);return c!==ed&&av(s,ms(),c),rv}function iv(e,t,n,r,i,a,o,s,c){let l=w(),u=nv(l,e,t,n,r,i,a,o,s,c);return u!==ed&&av(l,ms(),u),iv}function av(e,t,n){let r=oo(t,e);Cu(e[11],r,n)}function ov(e,t,n){Sc(t)&&(t=t());let r=w();return pm(r,Xo(),t)&&(Lo(),Jf(gs(),r,e,t,r[11],n)),ov}function sv(e,t){let n=Sc(e);return n&&e.set(t),n}function cv(e,t){let n=w(),r=Lo(),i=Ro();return i_(r,n,n[11],i,e,t),cv}var lv={};function uv(e){Ld(`NgLet`);let t=Lo(),n=w(),r=e+27;return Vo(Yp(t,r,128,null,null),!1),uo(t,n,r,lv),uv}function dv(e){return uo(Lo(),w(),ms(),e),e}function fv(e){let t=lo(Wo(),27+e);if(t===lv)throw new ii(314,!1);return t}function pv(e,t,n=``){return $_(w(),e,t,n)}function mv(e,t){let n=qo()+e,r=w();return r[n]===ed?dm(r,n,t()):fm(r,n)}function hv(e,t,n){return vv(w(),qo(),e,t,n)}function gv(e,t,n,r,i){return bv(w(),qo(),e,t,n,r,i)}function _v(e,t){let n=e[t];return n===ed?void 0:n}function vv(e,t,n,r,i,a){let o=t+n;return pm(e,o,i)?dm(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 mm(e,s,i,a)?dm(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 hm(e,c,i,a,o)?dm(e,c+3,s?r.call(s,i,a,o):r(i,a,o)):_v(e,c+3)}function xv(e,t){let n=Lo(),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=ta(r.type,!0)),o=Ui(Dm);try{let e=cl(!1),t=a();return cl(e),uo(n,w(),i,t),t}finally{Ui(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=w(),a=lo(i,r);return Tv(i,r)?vv(i,qo(),t,a.transform,n,a):a.transform(n)}function wv(e,t,n,r){let i=e+27,a=w(),o=lo(a,i);return Tv(a,i)?yv(a,qo(),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 Jp(e,t)}var Dv=(()=>{class e{applicationErrorHandler=C(Qs);appRef=C(mg);taskService=C(js);ngZone=C(zs);zonelessEnabled=C(lc);tracing=C(Fd,{optional:!0});zoneIsDefined=typeof Zone<`u`&&!!Zone.root.run;schedulerTickApplyArgs=[{data:{__scheduler_tick__:!0}}];subscriptions=new _r;angularZoneId=this.zoneIsDefined?this.ngZone._inner?.get(Ls):null;scheduleInRootZone=!this.zonelessEnabled&&this.zoneIsDefined&&(C(uc,{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?Fs:Ps;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=Nl({token:e,factory:e.ɵfac})}return e})();function Ov(){return[{provide:cc,useExisting:Dv},{provide:zs,useClass:qs},{provide:lc,useValue:!0}]}function kv(){return typeof $localize<`u`&&$localize.locale||`en-US`}var Av=new xi(``,{factory:()=>C(Av,{optional:!0,skipSelf:!0})||kv()}),jv=class{destroyed=!1;listeners=null;errorHandler=C(Zs,{optional:!0});isEmitting=!1;hasNullListeners=!1;destroyRef=C(Ds);constructor(){this.destroyRef.onDestroy(()=>{this.destroyed=!0,this.listeners=null})}subscribe(e){if(this.destroyed)throw new ii(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(oi(953,!1));return}if(this.listeners===null)return;this.isEmitting=!0;let t=pn(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)),pn(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 Pn(e,t?.equal)}function Nv(e){return sr(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(rr(e,Pv,t?.equal),t?.debugName,t?.set):Iv(rr(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=>ir(r,e);i.set=e=>n(e,t),i.update=r=>n(r(Nv(e)),t)}else i.set=e=>ir(r,e),i.update=e=>ar(r,e);return i.asReadonly=ec.bind(e),i}function Lv(e,t){let n=Object.create(wc);n.value=e,n.transformFn=t?.transform;function r(){if(gn(n),n.value===Cc)throw new ii(-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(Cc,e)}var $=(zv.required=Bv,zv);function Vv(e,t){let n=Object.create(wc),r=new jv;n.value=e;function i(){return gn(n),Hv(n.value),n.value}return i[fn]=n,i.asReadonly=ec.bind(i),i.set=e=>{n.equal(n.value,e)||(Kn(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===Cc)throw new ii(952,!1)}function Uv(e,t){return Vv(e,t)}function Wv(e){return Vv(Cc,e)}var Gv=(Uv.required=Wv,Uv);function Kv(e,t){return Lh(t)}function qv(e,t){return Rh(t)}var Jv=(Kv.required=qv,Kv),Yv=new xi(``),Xv=new xi(``);function Zv(e){return!e.moduleRef}function Qv(e){let t=Zv(e)?e.r3Injector:e.moduleRef.injector,n=t.get(zs);return n.run(()=>{Zv(e)?e.r3Injector.resolveInjectorInitializers():e.moduleRef.resolveInjectorInitializers();let r=t.get(Qs),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(js),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 Vh(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 Ts.create({name:t,providers:[{provide:ka,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(rc,null);Ka(e,()=>{t?.forEach(e=>e())})}function ay(e){let{rootComponent:t,appProviders:n,platformProviders:r,platformRef:i}=e;zc(Ec.BootstrapApplicationStart);try{let e=i?.injector??ry(r);return Qv({r3Injector:new Wh({providers:[Ov(),$s,...n||[]],parent:e,debugName:``,runEnvironmentInitializers:!1}).injector,platformInjector:e,rootComponent:t})}catch(e){return Promise.reject(e)}finally{zc(Ec.BootstrapApplicationEnd)}}function oy(e){return typeof e==`boolean`?e:e!=null&&e!==`false`}var sy=Symbol(`NOT_SET`),cy=new Set,ly={...Jn,kind:`afterRenderEffectPhase`,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,value:sy,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!==sy&&!Dn(this)))return this.signal;try{for(let e of this.cleanup??cy)e()}finally{this.cleanup?.clear()}let t=[];e!==void 0&&t.push(e),t.push(this.registerCleanupFn);let n=Cn(this),r;try{r=this.userFn.apply(null,t)}finally{Tn(this,n)}return(this.value===sy||!this.equal(this.value,r))&&(this.value=r,this.version++),this.signal}},uy=class extends Vd{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(Ds),a),this.scheduler=r;for(let e of zd){let n=t[e];if(n===void 0)continue;let r=Object.create(ly);r.sequence=this,r.phase=e,r.userFn=n,r.dirty=!0,r.signal=()=>(gn(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??cy)t()}finally{On(e)}}};function dy(e,t){let n=t?.injector??C(Ts),r=n.get(cc),i=n.get(Rd),a=n.get(Fd,null,{optional:!0});i.impl??=n.get(Bd);let o=e;typeof o==`function`&&(o={mixedReadWrite:e});let s=n.get(oc,null,{optional:!0}),c=new uy(i.impl,[o.earlyRead,o.write,o.mixedReadWrite,o.read],s?.view,r,n,a?.snapshot(null));return i.impl.register(c),c}var fy=null;function py(){return fy}function my(e){fy??=e}var hy=class{},gy=(function(e){return e[e.Format=0]=`Format`,e[e.Standalone=1]=`Standalone`,e})(gy||{}),_y=(function(e){return e[e.Narrow=0]=`Narrow`,e[e.Abbreviated=1]=`Abbreviated`,e[e.Wide=2]=`Wide`,e[e.Short=3]=`Short`,e})(_y||{}),vy=(function(e){return e[e.Short=0]=`Short`,e[e.Medium=1]=`Medium`,e[e.Long=2]=`Long`,e[e.Full=3]=`Full`,e})(vy||{}),yy={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 by(e){return Qg(e)[e_.LocaleId]}function xy(e,t,n){let r=Qg(e);return My(My([r[e_.DayPeriodsFormat],r[e_.DayPeriodsStandalone]],t),n)}function Sy(e,t,n){let r=Qg(e);return My(My([r[e_.DaysFormat],r[e_.DaysStandalone]],t),n)}function Cy(e,t,n){let r=Qg(e);return My(My([r[e_.MonthsFormat],r[e_.MonthsStandalone]],t),n)}function wy(e,t){let n=Qg(e)[e_.Eras];return My(n,t)}function Ty(e,t){return My(Qg(e)[e_.DateFormat],t)}function Ey(e,t){return My(Qg(e)[e_.TimeFormat],t)}function Dy(e,t){let n=Qg(e)[e_.DateTimeFormat];return My(n,t)}function Oy(e,t){let n=Qg(e),r=n[e_.NumberSymbols][t];if(r===void 0){if(t===yy.CurrencyDecimal)return n[e_.NumberSymbols][yy.Decimal];if(t===yy.CurrencyGroup)return n[e_.NumberSymbols][yy.Group]}return r}function ky(e){if(!e[e_.ExtraData])throw new ii(2303,!1)}function Ay(e){let t=Qg(e);return ky(t),(t[e_.ExtraData][2]||[]).map(e=>typeof e==`string`?Ny(e):[Ny(e[0]),Ny(e[1])])}function jy(e,t,n){let r=Qg(e);return ky(r),My(My([r[e_.ExtraData][0],r[e_.ExtraData][1]],t)||[],n)||[]}function My(e,t){for(let n=t;n>-1;n--)if(e[n]!==void 0)return e[n];throw new ii(2304,!1)}function Ny(e){let[t,n]=e.split(`:`);return{hours:+t,minutes:+n}}var Py=/^(\d{4,})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,Fy=Object.create(null),Iy=/((?:[^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]*)/,Ly=256;function Ry(e,t,n,r){let i=sb(e);zy(t),t=Vy(n,t)||t;let a=[],o;for(;t;)if(o=Iy.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=ib(r,s),i=ob(i,r));let c=``;return a.forEach(e=>{let t=rb(e);c+=t?t(i,n,s):e===`''`?`'`:e.replace(/(^'|'$)/g,``).replace(/''/g,`'`)}),c}function zy(e){if(e.length>Ly)throw new ii(2300,!1)}function By(e,t,n){let r=new Date(0);return r.setFullYear(e,t,n),r.setHours(0,0,0),r}function Vy(e,t){let n=by(e);if(Fy[n]??=Object.create(null),Fy[n][t])return Fy[n][t];let r=``;switch(t){case`shortDate`:r=Ty(e,vy.Short);break;case`mediumDate`:r=Ty(e,vy.Medium);break;case`longDate`:r=Ty(e,vy.Long);break;case`fullDate`:r=Ty(e,vy.Full);break;case`shortTime`:r=Ey(e,vy.Short);break;case`mediumTime`:r=Ey(e,vy.Medium);break;case`longTime`:r=Ey(e,vy.Long);break;case`fullTime`:r=Ey(e,vy.Full);break;case`short`:let t=Vy(e,`shortTime`),n=Vy(e,`shortDate`);r=Hy(Dy(e,vy.Short),[t,n]);break;case`medium`:let i=Vy(e,`mediumTime`),a=Vy(e,`mediumDate`);r=Hy(Dy(e,vy.Medium),[i,a]);break;case`long`:let o=Vy(e,`longTime`),s=Vy(e,`longDate`);r=Hy(Dy(e,vy.Long),[o,s]);break;case`full`:let c=Vy(e,`fullTime`),l=Vy(e,`fullDate`);r=Hy(Dy(e,vy.Full),[c,l])}return r&&(Fy[n][t]=r),r}function Hy(e,t){return t&&(e=e.replace(/\{([^}]+)}/g,function(e,n){return Object.hasOwn(t,n)?t[n]:e})),e}function Uy(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 Wy(e,t){return Uy(e,3).substring(0,t)}function Gy(e,t,n=0,r=!1,i=!1){return function(a,o){let s=Ky(e,a);if((n>0||s>-n)&&(s+=n),e===3)s===0&&n===-12&&(s=12);else if(e===6)return Wy(s,t);let c=Oy(o,yy.MinusSign);return Uy(s,t,c,r,i)}}function Ky(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 ii(2301,!1)}}function qy(e,t,n=gy.Format,r=!1){return function(i,a){return Jy(i,a,e,t,n,r)}}function Jy(e,t,n,r,i,a){switch(n){case 2:return Cy(t,i,r)[e.getMonth()];case 1:return Sy(t,i,r)[e.getDay()];case 0:let n=e.getHours(),o=e.getMinutes();if(a){let e=Ay(t),a=jy(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 xy(t,i,r)[n<12?0:1];case 3:return wy(t,r)[e.getFullYear()<=0?0:1];default:throw new ii(2302,!1)}}function Yy(e){return function(t,n,r){let i=-1*r,a=Oy(n,yy.MinusSign),o=i>0?Math.floor(i/60):Math.ceil(i/60);switch(e){case 0:return(i>=0?`+`:``)+Uy(o,2,a)+Uy(Math.abs(i%60),2,a);case 1:return`GMT`+(i>=0?`+`:``)+Uy(o,1,a);case 2:return`GMT`+(i>=0?`+`:``)+Uy(o,2,a)+`:`+Uy(Math.abs(i%60),2,a);case 3:return r===0?`Z`:(i>=0?`+`:``)+Uy(o,2,a)+`:`+Uy(Math.abs(i%60),2,a);default:throw new ii(2310,!1)}}}var Xy=0,Zy=4;function Qy(e){let t=By(e,Xy,1).getDay();return By(e,0,1+(t<=Zy?Zy:11)-t)}function $y(e){let t=e.getDay(),n=t===0?-3:Zy-t;return By(e.getFullYear(),e.getMonth(),e.getDate()+n)}function eb(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=$y(n),t=Qy(e.getFullYear()),r=e.getTime()-t.getTime();i=1+Math.round(r/6048e5)}return Uy(i,e,Oy(r,yy.MinusSign))}}function tb(e,t=!1){return function(n,r){return Uy($y(n).getFullYear(),e,Oy(r,yy.MinusSign),t)}}var nb=Object.create(null);function rb(e){if(nb[e])return nb[e];let t;switch(e){case`G`:case`GG`:case`GGG`:t=qy(3,_y.Abbreviated);break;case`GGGG`:t=qy(3,_y.Wide);break;case`GGGGG`:t=qy(3,_y.Narrow);break;case`y`:t=Gy(0,1,0,!1,!0);break;case`yy`:t=Gy(0,2,0,!0,!0);break;case`yyy`:t=Gy(0,3,0,!1,!0);break;case`yyyy`:t=Gy(0,4,0,!1,!0);break;case`Y`:t=tb(1);break;case`YY`:t=tb(2,!0);break;case`YYY`:t=tb(3);break;case`YYYY`:t=tb(4);break;case`M`:case`L`:t=Gy(1,1,1);break;case`MM`:case`LL`:t=Gy(1,2,1);break;case`MMM`:t=qy(2,_y.Abbreviated);break;case`MMMM`:t=qy(2,_y.Wide);break;case`MMMMM`:t=qy(2,_y.Narrow);break;case`LLL`:t=qy(2,_y.Abbreviated,gy.Standalone);break;case`LLLL`:t=qy(2,_y.Wide,gy.Standalone);break;case`LLLLL`:t=qy(2,_y.Narrow,gy.Standalone);break;case`w`:t=eb(1);break;case`ww`:t=eb(2);break;case`W`:t=eb(1,!0);break;case`d`:t=Gy(2,1);break;case`dd`:t=Gy(2,2);break;case`c`:case`cc`:t=Gy(7,1);break;case`ccc`:t=qy(1,_y.Abbreviated,gy.Standalone);break;case`cccc`:t=qy(1,_y.Wide,gy.Standalone);break;case`ccccc`:t=qy(1,_y.Narrow,gy.Standalone);break;case`cccccc`:t=qy(1,_y.Short,gy.Standalone);break;case`E`:case`EE`:case`EEE`:t=qy(1,_y.Abbreviated);break;case`EEEE`:t=qy(1,_y.Wide);break;case`EEEEE`:t=qy(1,_y.Narrow);break;case`EEEEEE`:t=qy(1,_y.Short);break;case`a`:case`aa`:case`aaa`:t=qy(0,_y.Abbreviated);break;case`aaaa`:t=qy(0,_y.Wide);break;case`aaaaa`:t=qy(0,_y.Narrow);break;case`b`:case`bb`:case`bbb`:t=qy(0,_y.Abbreviated,gy.Standalone,!0);break;case`bbbb`:t=qy(0,_y.Wide,gy.Standalone,!0);break;case`bbbbb`:t=qy(0,_y.Narrow,gy.Standalone,!0);break;case`B`:case`BB`:case`BBB`:t=qy(0,_y.Abbreviated,gy.Format,!0);break;case`BBBB`:t=qy(0,_y.Wide,gy.Format,!0);break;case`BBBBB`:t=qy(0,_y.Narrow,gy.Format,!0);break;case`h`:t=Gy(3,1,-12);break;case`hh`:t=Gy(3,2,-12);break;case`H`:t=Gy(3,1);break;case`HH`:t=Gy(3,2);break;case`m`:t=Gy(4,1);break;case`mm`:t=Gy(4,2);break;case`s`:t=Gy(5,1);break;case`ss`:t=Gy(5,2);break;case`S`:t=Gy(6,1);break;case`SS`:t=Gy(6,2);break;case`SSS`:t=Gy(6,3);break;case`Z`:case`ZZ`:case`ZZZ`:t=Yy(0);break;case`ZZZZZ`:t=Yy(3);break;case`O`:case`OO`:case`OOO`:case`z`:case`zz`:case`zzz`:t=Yy(1);break;case`OOOO`:case`ZZZZ`:case`zzzz`:t=Yy(2);break;default:return null}return nb[e]=t,t}function ib(e,t){e=e.replace(/:/g,``);let n=Date.parse(`Jan 01, 1970 00:00:00 `+e)/6e4;return isNaN(n)?t:n}function ab(e,t){return e=new Date(e.getTime()),e.setMinutes(e.getMinutes()+t),e}function ob(e,t,n){let r=e.getTimezoneOffset();return ab(e,-1*(ib(t,r)-r))}function sb(e){if(lb(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 By(t,n-1,r)}let t=parseFloat(e);if(!isNaN(e-t))return new Date(t);let n;if(n=e.match(Py))return cb(n)}let t=new Date(e);if(!lb(t))throw new ii(2311,!1);return t}function cb(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 lb(e){return e instanceof Date&&!isNaN(e.valueOf())}var ub=(()=>{class e{_viewContainerRef;_viewRef=null;ngTemplateOutletContext=null;ngTemplateOutlet=null;ngTemplateOutletInjector=null;injector=C(Ts);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)(Dm(sh))};static ɵdir=Xh({type:e,selectors:[[``,`ngTemplateOutlet`,``]],inputs:{ngTemplateOutletContext:`ngTemplateOutletContext`,ngTemplateOutlet:`ngTemplateOutlet`,ngTemplateOutletInjector:`ngTemplateOutletInjector`},features:[Ac]})}return e})();function db(e,t){return new ii(2100,!1)}var fb=`mediumDate`,pb=new xi(``),mb=new xi(``),hb=(()=>{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??fb,a=r??this.defaultOptions?.timezone??this.defaultTimezone??void 0;return Ry(t,e,i||this.locale,a)}catch(t){throw db(e,t.message)}}static ɵfac=function(t){return new(t||e)(Dm(Av,16),Dm(pb,24),Dm(mb,24))};static ɵpipe=Zh({name:`date`,type:e,pure:!0})}return e})(),gb=(()=>{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 _b(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 vb=`browser`,yb=class{_doc;constructor(e){this._doc=e}manager},bb=(()=>{class e extends yb{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)(Xi(Es))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),xb=new xi(``),Sb=(()=>{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 bb));this._plugins=n.slice().reverse();let r=e.find(e=>e instanceof bb);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 ii(-5101,!1);return this._eventNameToPlugin.set(e,t),t}static ɵfac=function(t){return new(t||e)(Xi(xb),Xi(zs))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),Cb=`ng-app-id`;function wb(e){for(let t of e)t.remove()}function Tb(e,t){let n=t.createElement(`style`);return n.textContent=e,n}function Eb(e,t,n,r){let i=e.head?.querySelectorAll(`style[${Cb}="${t}"],link[${Cb}="${t}"]`);if(!i||i.length===0)return!1;for(let e of i)e.removeAttribute(Cb),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 Db(e,t){let n=t.createElement(`link`);return n.setAttribute(`rel`,`stylesheet`),n.setAttribute(`href`,e),n}var Ob=(()=>{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,Eb(e,t,this.inline,this.external)&&this.hosts.add(e.head)}addStyles(e,t){for(let t of e)this.addUsage(t,this.inline,Tb);t?.forEach(e=>this.addUsage(e,this.external,Db))}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&&(wb(n.elements),t.delete(e)))}ngOnDestroy(){for(let[,{elements:e}]of[...this.inline,...this.external])wb(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,Tb(t,this.doc)));for(let[t,{elements:n}]of this.external)n.push(this.addElement(e,Db(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)(Xi(Es),Xi(tc),Xi(ac,8),Xi(ic))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),kb={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`},Ab=/%COMP%/g,jb=`%COMP%`,Mb=`_nghost-${jb}`,Nb=`_ngcontent-${jb}`,Pb=!0,Fb=new xi(``,{factory:()=>Pb}),Ib=new xi(``);function Lb(e){return Nb.replace(Ab,e)}function Rb(e){return Mb.replace(Ab,e)}function zb(e,t){return t.map(t=>t.replace(Ab,e))}var Bb=(()=>{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 Vb(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 Gb?n.applyToHost(e):n instanceof Wb&&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 du.Emulated:r=new Gb(o,s,t,this.appId,c,i,a,l,this.cssVarNamespace);break;case du.ShadowDom:return new Ub(o,e,t,i,a,this.nonce,l,this.cssVarNamespace,s);case du.ExperimentalIsolatedShadowDom:return new Ub(o,e,t,i,a,this.nonce,l,this.cssVarNamespace);default:r=new Wb(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)(Xi(Sb),Xi(Tm),Xi(tc),Xi(Fb),Xi(Es),Xi(zs),Xi(ac),Xi(Fd,8),Xi(Ib,8))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),Vb=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(kb[t]||t,e):this.doc.createElement(e)}createComment(e){return this.doc.createComment(e)}createText(e){return this.doc.createTextNode(e)}appendChild(e,t){(Hb(e)?e.content:e).appendChild(t)}insertBefore(e,t,n){if(e){let r=Hb(e)?e.content:e;if(n!=null&&n.parentNode!==r)throw new ii(-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 ii(-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=kb[r];i?e.setAttributeNS(i,t,n):e.setAttribute(t,n)}else e.setAttribute(t,n)}removeAttribute(e,t,n){if(n){let r=kb[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&(td.DashCase|td.Important)?e.style.setProperty(t,n,r&td.Important?`important`:``):e.style[t]=n}removeStyle(e,t,n){let r=t.startsWith(`--`);r&&(t=t.replace(`%NS%`,this.cssVarNamespace)),r||n&td.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=py().getGlobalEventTarget(this.doc,e),!e))throw new ii(-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 Hb(e){return e.tagName===`TEMPLATE`&&e.content!==void 0}var Ub=class extends Vb{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=zb(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=Db(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)}},Wb=class extends Vb{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?zb(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&&hd.size===0&&this.sharedStylesHost.removeStyles(this.styles,this.styleUrls)}},Gb=class extends Wb{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=Lb(l),this.hostAttr=Rb(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}},Kb=class e extends hy{supportsDOMEvents=!0;static makeCurrent(){my(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=Jb();return t==null?null:Yb(t)}resetBaseElement(){qb=null}getUserAgent(){return window.navigator.userAgent}getCookie(e){return _b(document.cookie,e)}},qb=null;function Jb(){return qb||=document.head.querySelector(`base`),qb?qb.getAttribute(`href`):null}function Yb(e){return new URL(e,document.baseURI).pathname}var Xb=[`alt`,`control`,`meta`,`shift`],Zb={"\b":`Backspace`,"	":`Tab`,"":`Delete`,"\x1B":`Escape`,Del:`Delete`,Esc:`Escape`,Left:`ArrowLeft`,Right:`ArrowRight`,Up:`ArrowUp`,Down:`ArrowDown`,Menu:`ContextMenu`,Scroll:`ScrollLock`,Win:`OS`},Qb={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey},$b=(()=>{class e extends yb{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(()=>py().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.`),Xb.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=Zb[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`),Xb.forEach(t=>{if(t!==n){let n=Qb[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)(Xi(Es))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})();async function ex(e,t,n){return ay({rootComponent:e,...tx(t,n)})}function tx(e,t){return{platformRef:t?.platformRef,appProviders:[...ox,...e?.providers??[]],platformProviders:ax}}function nx(){Kb.makeCurrent()}function rx(){return new Zs}function ix(){return $l(document),document}var ax=[{provide:ic,useValue:vb},{provide:rc,useValue:nx,multi:!0},{provide:Es,useFactory:ix}],ox=[{provide:ka,useValue:`root`},{provide:Zs,useFactory:rx},{provide:xb,useClass:bb,multi:!0},{provide:xb,useClass:$b,multi:!0},Bb,{provide:Tm,useClass:Ob},{provide:Ob,useExisting:Tm},Sb,{provide:om,useExisting:Bb},[]];function sx(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 cx={blue:sx(34,39),cyan:sx(36,39),gray:sx(90,39),green:sx(32,39),red:sx(31,39),yellow:sx(33,39),bold:sx(1,22),dim:sx(2,22),reset:sx(0,0),underline:sx(4,24)};function lx(e,...t){return typeof e==`function`?e(...t):e}var ux=Error.captureStackTrace,dx=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,ux?.(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 fx(e,t){return typeof e==`string`?`${e}/${t.toLowerCase()}`:e?.(t)}function px(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||fx(r,i),s=(e={},n={})=>{let r=new dx({code:i,why:lx(a.why,e),fix:lx(a.fix,e),docs:o,cause:e.cause,sources:e.sources,data:lx(a.data,e)},s);for(let e of t)e(r,n);return r};n[i]=s}return n}function mx(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 hx={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`}},gx=mx(cx);function _x(e,{method:t=`warn`}={}){console[t](gx(e))}function vx(e){return px({...e,reporters:[_x,...e.reporters??[]]})}function yx(){let e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}var bx=Math.random.bind(Math),xx=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function Sx(e=21){let t=``,n=e;for(;n--;)t+=xx[bx()*64|0];return t}var Cx=6e4,wx=e=>e,Tx=wx,{clearTimeout:Ex,setTimeout:Dx}=globalThis;function Ox(e,t){let{post:n,on:r,off:i=()=>{},eventNames:a=[],serialize:o=wx,deserialize:s=Tx,resolver:c,bind:l=`rpc`,timeout:u=Cx,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}=yx(),_=Sx();s.i=_;let ee;async function te(n=s){return u>=0&&(ee=Dx(()=>{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{Ex(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&&(Ex(r.timeoutId),n?r.reject(n):r.resolve(t)),p.delete(e)}}return m=r(ne),h}function kx(e,t){return t.safety?t.safety:e===`static`||e===`query`||e==null?`read`:`action`}var Ax=Object.freeze({type:`object`,additionalProperties:!0});function jx(e){let t=e[`~standard`];if(t.jsonSchema)try{return t.jsonSchema.input({target:`draft-2020-12`})}catch{return Ax}return Ax}function Mx(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]=jx(e[r]),n.push(i)}return{type:`object`,properties:t,required:n,additionalProperties:!1}}function Nx(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 Px(e,t){return Nx(e,t)??[e]}function Fx(e){return typeof e==`string`?`'${e}'`:new zx().serialize(e)}var Ix=` _-,;:!?.'"()[]{}@*/\\&#%\`^+<=>|~$0123456789abcdefghijklmnopqrstuvwxyz`,Lx=(function(){let e=new Uint8Array(128);for(let t=0;t<69;t++)e[Ix.charCodeAt(t)]=t+1;for(let t=65;t<=90;t++)e[t]=e[t+32];return e})();function Rx(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&&Lx[n]?Lx[n]:n+128,s=a<128&&Lx[a]?Lx[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 zx=(function(){class e{#e=new Map;compare(e,t){let n=typeof e,r=typeof t;return n===`string`&&r===`string`?Rx(e,t):n===`number`&&r===`number`?e-t:Rx(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(Rx),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})(),Bx=[1779033703,-1150833019,1013904242,-1521486534,1359893119,-1694144372,528734635,1541459225],Vx=[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],Hx=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_`,Ux=[],Wx=class{_data=new Gx;_hash=new Gx([...Bx]);_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)Ux[n]=e[t+n]|0;else{let e=Ux[n-15],t=(e<<25|e>>>7)^(e<<14|e>>>18)^e>>>3,r=Ux[n-2],i=(r<<15|r>>>17)^(r<<13|r>>>19)^r>>>10;Ux[n]=t+Ux[n-7]+i+Ux[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+Vx[n]+Ux[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=Gx.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 Gx(t,i)}},Gx=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(Hx.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 Kx(e){return new Wx().finalize(e).toBase64()}function qx(e){return Kx(Fx(e))}function Jx(e){return qx(e)}function Yx(){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 Xx=/^[\w+.-]{2,}:\/\//;function Zx(e){return e.endsWith(`/`)?e:`${e}/`}function Qx(e){return(e.endsWith(`/`)?e.slice(0,-1):e)||`/`}function $x(e,...t){let n=e;for(let e of t)e&&e!==`/`&&(n=n?Zx(n)+e.replace(/^\.?\//,``):e);return n}function eS(e,t){if(!t||t===`/`||Xx.test(e))return e;let n=Qx(t);return e.startsWith(n)?e:$x(n,e)}function tS(e,t){let n=e.match(Xx);return t+(n?e.slice(n[0].length):e)}var nS=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function rS(e=21){let t=``,n=e;for(;n--;)t+=nS[Math.random()*64|0];return t}var iS=Symbol.for(`immer-nothing`),aS=Symbol.for(`immer-draftable`),oS=Symbol.for(`immer-state`),sS=[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 cS(e,...t){{let n=sS[e],r=MS(n)?n.apply(null,t):n;throw Error(`[Immer] ${r}`)}}var lS=Object,uS=lS.getPrototypeOf,dS=`constructor`,fS=`prototype`,pS=`configurable`,mS=`enumerable`,hS=`writable`,gS=`value`,_S=e=>!!e&&!!e[oS];function vS(e){return e?xS(e)||OS(e)||!!e[aS]||!!e[dS]?.[aS]||kS(e)||AS(e):!1}var yS=lS[fS][dS].toString(),bS=new WeakMap;function xS(e){if(!e||!jS(e))return!1;let t=uS(e);if(t===null||t===lS[fS])return!0;let n=lS.hasOwnProperty.call(t,dS)&&t[dS];if(n===Object)return!0;if(!MS(n))return!1;let r=bS.get(n);return r===void 0&&(r=Function.toString.call(n),bS.set(n,r)),r===yS}function SS(e,t,n=!0){CS(e)===0?(n?Reflect.ownKeys(e):lS.keys(e)).forEach(n=>{t(n,e[n],e)}):e.forEach((n,r)=>t(r,n,e))}function CS(e){let t=e[oS];return t?t.type_:OS(e)?1:kS(e)?2:AS(e)?3:0}var wS=(e,t,n=CS(e))=>n===2?e.has(t):lS[fS].hasOwnProperty.call(e,t),TS=(e,t,n=CS(e))=>n===2?e.get(t):e[t],ES=(e,t,n,r=CS(e))=>{r===2?e.set(t,n):r===3?e.add(n):e[t]=n};function DS(e,t){return e===t?e!==0||1/e==1/t:e!==e&&t!==t}var OS=Array.isArray,kS=e=>e instanceof Map,AS=e=>e instanceof Set,jS=e=>typeof e==`object`,MS=e=>typeof e==`function`,NS=e=>typeof e==`boolean`;function PS(e){let t=+e;return Number.isInteger(t)&&String(t)===e}var FS=e=>jS(e)?e?.[oS]:null,IS=e=>e.copy_||e.base_,LS=e=>e.modified_?e.copy_:e.base_;function RS(e,t){if(kS(e))return new Map(e);if(AS(e))return new Set(e);if(OS(e))return Array[fS].slice.call(e);let n=xS(e);if(t===!0||t===`class_only`&&!n){let t=lS.getOwnPropertyDescriptors(e);delete t[oS];let n=Reflect.ownKeys(t);for(let r=0;r<n.length;r++){let i=n[r],a=t[i];a[hS]===!1&&(a[hS]=!0,a[pS]=!0),(a.get||a.set)&&(t[i]={[pS]:!0,[hS]:!0,[mS]:a[mS],[gS]:e[i]})}return lS.create(uS(e),t)}{let t=uS(e);if(t!==null&&n)return{...e};let r=lS.create(t);return lS.assign(r,e)}}function zS(e,t=!1){return HS(e)||_S(e)||!vS(e)?e:(CS(e)>1&&lS.defineProperties(e,{set:VS,add:VS,clear:VS,delete:VS}),lS.freeze(e),t&&SS(e,(e,t)=>{zS(t,!0)},!1),e)}function BS(){cS(2)}var VS={[gS]:BS};function HS(e){return e===null||!jS(e)||lS.isFrozen(e)}var US=`MapSet`,WS=`Patches`,GS=`ArrayMethods`,KS={};function qS(e){let t=KS[e];return t||cS(0,e),t}var JS=e=>!!KS[e];function YS(e,t){KS[e]||(KS[e]=t)}var XS,ZS=()=>XS,QS=(e,t)=>({drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0,handledSet_:new Set,processedForPatches_:new Set,mapSetPlugin_:JS(US)?qS(US):void 0,arrayMethodsPlugin_:JS(GS)?qS(GS):void 0});function $S(e,t){t&&(e.patchPlugin_=qS(WS),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function eC(e){tC(e),e.drafts_.forEach(rC),e.drafts_=null}function tC(e){e===XS&&(XS=e.parent_)}var nC=e=>XS=QS(XS,e);function rC(e){let t=e[oS];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function iC(e,t){t.unfinalizedDrafts_=t.drafts_.length;let n=t.drafts_[0];if(e!==void 0&&e!==n){n[oS].modified_&&(eC(t),cS(4)),vS(e)&&(e=aC(t,e));let{patchPlugin_:r}=t;r&&r.generateReplacementPatches_(n[oS].base_,e,t)}else e=aC(t,n);return oC(t,e,!0),eC(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e===iS?void 0:e}function aC(e,t){if(HS(t))return t;let n=t[oS];if(!n)return mC(t,e.handledSet_,e);if(!cC(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);fC(n,e)}return n.copy_}function oC(e,t,n=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&zS(t,n)}function sC(e){e.finalized_=!0,e.scope_.unfinalizedDrafts_--}var cC=(e,t)=>e.scope_===t,lC=[];function uC(e,t,n,r){let i=IS(e),a=e.type_;if(r!==void 0&&TS(i,r,a)===t){ES(i,r,n,a);return}if(!e.draftLocations_){let t=e.draftLocations_=new Map;SS(i,(e,n)=>{if(_S(n)){let r=t.get(n)||[];r.push(e),t.set(n,r)}})}let o=e.draftLocations_.get(t)??lC;for(let e of o)ES(i,e,n,a)}function dC(e,t,n){e.callbacks_.push(function(r){let i=t;if(!i||!cC(i,r))return;r.mapSetPlugin_?.fixSetContents(i);let a=LS(i);uC(e,i.draft_??i,a,n),fC(i,r)})}function fC(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)}sC(e)}}function pC(e,t,n){let{scope_:r}=e;if(_S(n)){let i=n[oS];cC(i,r)&&i.callbacks_.push(function(){CC(e),uC(e,n,LS(i),t)})}else vS(n)&&e.callbacks_.push(function(){let i=IS(e);e.type_===3?i.has(n)&&mC(n,r.handledSet_,r):TS(i,t,e.type_)===n&&r.drafts_.length>1&&(e.assigned_.get(t)??!1)===!0&&e.copy_&&mC(TS(e.copy_,t,e.type_),r.handledSet_,r)})}function mC(e,t,n){return!n.immer_.autoFreeze_&&n.unfinalizedDrafts_<1||_S(e)||t.has(e)||!vS(e)||HS(e)?e:(t.add(e),SS(e,(r,i)=>{if(_S(i)){let t=i[oS];cC(t,n)&&(ES(e,r,LS(t),e.type_),sC(t))}else vS(i)&&mC(i,t,n)}),e)}function hC(e,t){let n=OS(e),r={type_:+!!n,scope_:t?t.scope_:ZS(),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=gC;n&&(i=[r],a=_C);let{revoke:o,proxy:s}=Proxy.revocable(i,a);return r.draft_=s,r.revoke_=o,[s,r]}var gC={get(e,t){if(t===oS)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=IS(e);if(!wS(i,t,e.type_))return bC(e,i,t);let a=i[t];if(e.finalized_||!vS(a)||r&&e.operationMethod&&n?.isMutatingArrayMethod(e.operationMethod)&&PS(t))return a;if(a===vC(e.base_,t)||yC(e,t,a)){CC(e);let n=e.type_===1?+t:t,r=TC(e.scope_,a,e,n);return e.copy_[n]=r}return a},has(e,t){return t in IS(e)},ownKeys(e){return Reflect.ownKeys(IS(e))},set(e,t,n){let r=xC(IS(e),t);if(r?.set)return r.set.call(e.draft_,n),!0;if(!e.modified_){let r=vC(IS(e),t),i=r?.[oS];if(i&&i.base_===n)return e.copy_[t]=n,e.assigned_.delete(t),!0;if(DS(n,r)&&(n!==void 0||wS(e.base_,t,e.type_)))return!0;CC(e),SC(e)}return e.copy_[t]===n&&(n!==void 0||wS(e.copy_,t,e.type_))||Number.isNaN(n)&&Number.isNaN(e.copy_[t])?!0:(e.copy_[t]=n,e.assigned_.set(t,!0),pC(e,t,n),!0)},deleteProperty(e,t){return CC(e),vC(e.base_,t)!==void 0||t in e.base_?(e.assigned_.set(t,!1),SC(e)):e.assigned_.delete(t),e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){let n=IS(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r&&{[hS]:!0,[pS]:e.type_!==1||t!==`length`,[mS]:r[mS],[gS]:n[t]}},defineProperty(){cS(11)},getPrototypeOf(e){return uS(e.base_)},setPrototypeOf(){cS(12)}},_C={};for(let e in gC){let t=gC[e];_C[e]=function(){let e=arguments;return e[0]=e[0][0],t.apply(this,e)}}_C.deleteProperty=function(e,t){return isNaN(parseInt(t))&&cS(13),_C.set.call(this,e,t,void 0)},_C.set=function(e,t,n){return t!==`length`&&isNaN(parseInt(t))&&cS(14),gC.set.call(this,e[0],t,n,e[0])};function vC(e,t){let n=e[oS];return(n?IS(n):e)[t]}function yC(e,t,n){return e.type_!==1||!e.allIndicesReassigned_||e.assigned_?.get(t)||!vS(n)||n[oS]?!1:e.baseRefs_.has(n)}function bC(e,t,n){let r=xC(t,n);return r?gS in r?r[gS]:r.get?.call(e.draft_):void 0}function xC(e,t){if(!(t in e))return;let n=uS(e);for(;n;){let e=Object.getOwnPropertyDescriptor(n,t);if(e)return e;n=uS(n)}}function SC(e){e.modified_||(e.modified_=!0,e.parent_&&SC(e.parent_))}function CC(e){e.copy_||=(e.assigned_=new Map,RS(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var wC=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.useStrictIteration_=!1,this.produce=(e,t,n)=>{if(MS(e)&&!MS(t)){let n=t;t=e;let r=this;return function(e=n,...i){return r.produce(e,e=>t.call(this,e,...i))}}MS(t)||cS(6),n!==void 0&&!MS(n)&&cS(7);let r;if(vS(e)){let i=nC(this),a=TC(i,e,void 0),o=!0;try{r=t(a),o=!1}finally{o?eC(i):tC(i)}return $S(i,n),iC(r,i)}if(!e||!jS(e)){if(r=t(e),r===void 0&&(r=e),r===iS&&(r=void 0),this.autoFreeze_&&zS(r,!0),n){let t=[],i=[];qS(WS).generateReplacementPatches_(e,r,{patches_:t,inversePatches_:i}),n(t,i)}return r}cS(1,e)},this.produceWithPatches=(e,t)=>{if(MS(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]},NS(e?.autoFreeze)&&this.setAutoFreeze(e.autoFreeze),NS(e?.useStrictShallowCopy)&&this.setUseStrictShallowCopy(e.useStrictShallowCopy),NS(e?.useStrictIteration)&&this.setUseStrictIteration(e.useStrictIteration)}createDraft(e){vS(e)||cS(8),_S(e)&&(e=EC(e));let t=nC(this),n=TC(t,e,void 0);return n[oS].isManual_=!0,tC(t),n}finishDraft(e,t){let n=e&&e[oS];(!n||!n.isManual_)&&cS(9);let{scope_:r}=n;return $S(r,t),iC(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=qS(WS).applyPatches_;return _S(e)?r(e,t):this.produce(e,e=>r(e,t))}};function TC(e,t,n,r){let[i,a]=kS(t)?qS(US).proxyMap_(t,n):AS(t)?qS(US).proxySet_(t,n):hC(t,n);return(n?.scope_??ZS()).drafts_.push(i),a.callbacks_=n?.callbacks_??[],a.key_=r,n&&r!==void 0?dC(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 EC(e){return _S(e)||cS(10,e),DC(e)}function DC(e){if(!vS(e)||HS(e))return e;let t=e[oS],n,r=!0;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,n=RS(e,t.scope_.immer_.useStrictShallowCopy_),r=t.scope_.immer_.shouldUseStrictIteration()}else n=RS(e,!0);return SS(n,(e,t)=>{ES(n,e,DC(t))},r),t&&(t.finalized_=!1),n}function OC(){sS.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=FS(TS(e,n.key_)),i=TS(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||wS(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=TS(n,r),!jS(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?.[oS];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;SS(e.assigned_,(e,l)=>{let u=TS(o,e,c),f=TS(s,e,c),p=l?wS(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===iS?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=CS(o),n=i[e];typeof n!=`string`&&typeof n!=`number`&&(n=``+n),(t===0||t===1)&&(n===`__proto__`||n===dS)&&cS(19),MS(o)&&n===fS&&cS(19),o=TS(o,n),(o===null||!jS(o))&&cS(18,i.join(`/`))}let s=CS(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:cS(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:cS(17,a)}}),e}function u(e){if(!vS(e))return e;if(OS(e))return e.map(u);if(kS(e))return new Map(Array.from(e.entries()).map(([e,t])=>[e,u(t)]));if(AS(e))return new Set(Array.from(e).map(u));let t=Object.create(uS(e));for(let n in e)t[n]=u(e[n]);return wS(e,aS)&&(t[aS]=e[aS]),t}function d(e){return _S(e)?u(e):e}YS(WS,{applyPatches_:l,generatePatches_:i,generateReplacementPatches_:c,getPath:e})}globalThis.Iterator?.from;var kC=new wC,AC=kC.produce,jC=kC.produceWithPatches.bind(kC),MC=kC.applyPatches.bind(kC),NC=1e3;function PC(e,t){if(e.add(t),e.size>NC){let t=e.values().next().value;t!==void 0&&e.delete(t)}}function FC(e){let{enablePatches:t=!1}=e;t&&OC();let n=Yx(),r=e.initialValue,i=new Set;return{on:n.on,value:()=>r,patch:(e,t=rS())=>{i.has(t)||(OC(),r=MC(r,e),PC(i,t),n.emit(`updated`,r,void 0,t))},mutate:(e,a=rS())=>{if(!i.has(a)){if(PC(i,a),t){let[t,i]=jC(r,e);if(t===r)return;r=t,n.emit(`updated`,r,i,a)}else{let t=AC(r,e);if(t===r)return;r=t,n.emit(`updated`,r,void 0,a)}}},syncIds:i}}var IC=typeof self==`object`?self:globalThis,LC=new Set([`Error`,`EvalError`,`RangeError`,`ReferenceError`,`SyntaxError`,`TypeError`,`URIError`,`AggregateError`]),RC=new Set([`Boolean`,`Number`,`String`,`Int8Array`,`Uint8Array`,`Uint8ClampedArray`,`Int16Array`,`Uint16Array`,`Int32Array`,`Uint32Array`,`Float16Array`,`Float32Array`,`Float64Array`,`BigInt64Array`,`BigUint64Array`]);function zC(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=LC.has(e)?IC[e]:void 0;return n(new(r??IC.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`&&RC.has(a))return n(new IC[a](o),i);throw TypeError(`unable to deserialize unsafe or unknown type: ${String(a)}`)};return r}function BC(e){return zC(new Map,e)(0)}var VC=``,{toString:HC}={},{keys:UC}=Object;function WC(e){let t=typeof e;if(t!==`object`||!e)return[0,t];let n=HC.call(e).slice(8,-1);switch(n){case`Array`:return[1,VC];case`Object`:return[2,VC];case`Date`:return[3,VC];case`RegExp`:return[4,VC];case`Map`:return[5,VC];case`Set`:return[6,VC];case`DataView`:return[1,n]}return n.includes(`Array`)?[1,n]:n.includes(`Error`)?[7,n]:[2,n]}function GC([e,t]){return e===0&&(t===`function`||t===`symbol`)}function KC(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]=WC(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 UC(r))(e||!GC(WC(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||!(GC(WC(n))||GC(WC(i))))&&t.push([a(n),a(i)]);return n}case 6:{let t=[],n=i([o,t],r);for(let n of r)(e||!GC(WC(n)))&&t.push(a(n));return n}}let{message:c}=r;return i([o,{name:s,message:c}],r)};return a}function qC(e,t={}){let n=[];return KC(!(t.json||t.lossy),!!t.json,new Map,n)(e),n}var{parse:JC,stringify:YC}=JSON,XC={json:!0,lossy:!0};function ZC(e){return BC(JC(e))}function QC(e){return YC(qC(e,XC))}function $C(e){return BC(e)}function ew(e){return QC(e)}function tw(e){return ZC(e)}var nw=256,rw=class extends Error{name=`StreamClosedError`};function iw(e={}){let t=e.id??rS(),n=Math.max(0,e.replayWindow??0),r=Yx(),i=new AbortController,a=[],o=!1,s=0;function c(e){if(o)throw new rw(`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=ow(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 aw(e={}){let t=e.id??rS(),n=Math.max(1,e.highWaterMark??nw),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 ow(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 sw=128;function cw(e){return e.replace(/[^\w-]+/g,`_`).slice(0,sw)}var lw=`modulepreload`,uw=function(e,t){return new URL(e,t).href},dw={},fw=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=uw(t,n),t=s(t),t in dw)return;dw[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`:lw,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)})},pw=`__connection.json`,mw=`__DEVFRAME_CONNECTION__`,hw=`x-birpc-session`,gw=`__rpc-dump/index.json`,_w=`devframe:services`,vw=`devframe_otp`,yw=`devframe_auth_token`;hx.postMessage.remoteAssetsError;var bw=class{cacheMap=new Map;options;keySerializer;constructor(e){this.options=e,this.keySerializer=e.keySerializer||(e=>Jx(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()}},xw=vx({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 Sw(e){if(e.agent&&e.jsonSerializable===!1)throw xw.DF0019({name:e.name});e.agent&&!e.jsonSerializable&&(e.jsonSerializable=!0)}async function Cw(e,t){let n=e[`~standard`].validate(t);return n instanceof Promise?await n:n}function ww(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 Tw(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 Cw(i,n[r]);if(a.issues)throw xw.DF0043({name:e,index:r,issues:ww(a.issues)})}return r}async function Ew(e,t,n){if(!t)return n;let r=await Cw(t,n);if(r.issues)throw xw.DF0044({name:e,issues:ww(r.issues)});return n}async function Dw(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 Ow(e,t){let n=e.handler;if(!n){let r=await Dw(e,t);if(!r.handler)throw xw.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 Tw(e.name,r,t),o=await a(...n);return await Ew(e.name,i,o)}}var kw=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 Ow(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 xw.DF0021({name:e.name});Sw(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 xw.DF0022({name:e.name});Sw(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 Ow(this.definitions.get(e),this.context)}getSchema(e){let t=this.definitions.get(e);if(!t)throw xw.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 Aw(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 Mw(t,`undefined`,r,e);return n}return i!==null&&jw(i,r,e,t),n})}function jw(e,t,n,r){if(typeof e==`bigint`)throw Mw(r,`BigInt`,t,n);if(typeof e!=`object`)return;if(e instanceof Map)throw Mw(r,`Map`,t,n);if(e instanceof Set)throw Mw(r,`Set`,t,n);if(e instanceof Date)throw Mw(r,`Date`,t,n);if(Array.isArray(e))return;let i=Object.getPrototypeOf(e);if(i!==null&&i!==Object.prototype)throw Mw(r,e.constructor?.name??`class instance`,t,n)}function Mw(e,t,n,r){let i=Nw(n,r);return xw.DF0020({name:e||`<anonymous>`,type:t,path:i})}function Nw(e,t){return Array.isArray(e)?`[${t}]`:t===``?`<root>`:t}var Pw=`__DEVFRAME_CONNECTION_META__`,Fw=`__DEVFRAME_CONNECTION_AUTH_TOKEN__`;function Iw(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 Lw(){return Iw(mw)}function Rw(){return Iw(Pw)}function zw(e){if(e)return e;try{let e=localStorage.getItem(Fw);if(e)return e}catch{}return Iw(Fw)}function Bw(e){globalThis[mw]=e,globalThis[Pw]={...e.connectionMeta,baseUrl:e.metaBaseUrl},e.authToken&&Vw(e.authToken)}function Vw(e){try{localStorage.setItem(Fw,e)}catch{}globalThis[Fw]=e;let t=Lw();t&&(globalThis[mw]={...t,authToken:e})}function Hw(e){let t=eS(pw,e);try{return new URL(t,globalThis.location?.href).href}catch{return t}}function Uw(e,t){return t&&t!==e.authToken?{...e,authToken:t}:e}function Ww(){let e=Lw();if(e)return Uw(e,zw()??e.authToken??e.connectionMeta.authToken);let t=Rw();if(t)return{connectionMeta:t,metaBaseUrl:t.baseUrl??Hw(`./`),authToken:zw(t.authToken)}}async function Gw(e={}){if(e.connection){let t=Uw(e.connection,zw(e.authToken??e.connection.authToken??e.connection.connectionMeta.authToken));return Bw(t),t}let t=Array.isArray(e.baseURL)?e.baseURL:[e.baseURL??`./`];if(e.connectionMeta){let n={connectionMeta:e.connectionMeta,metaBaseUrl:Hw(t[0]??`./`),authToken:zw(e.authToken??e.connectionMeta.authToken)};return Bw(n),n}let n=Ww();if(n){let t=Uw(n,zw(e.authToken??n.authToken??n.connectionMeta.authToken));return Bw(t),t}let r=[];for(let n of t){let t=eS(pw,n),i=Hw(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:zw(e.authToken??r.authToken)};return Bw(o),o}catch(e){r.push(e)}}throw Error(`Failed to get connection meta from ${t.join(`, `)}`,{cause:r})}var Kw=class extends Error{name=`DevframeConnectionError`;kind;constructor(e,t,n){super(t,n),this.kind=e}};function qw(e=vw){try{let t=globalThis.location?.hash?.replace(/^#/,``)??``;return new URLSearchParams(t).get(e)||void 0}catch{return}}function Jw(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 Yw(e=vw){let t=qw(e);return t&&Jw(e),t}async function Xw(e,t={}){let n=Yw(t.param??`devframe_otp`);return n?e.isTrusted?!0:e.requestTrustWithCode(n):!1}function Zw(e){let t={},n=new WeakMap,r,i=()=>(r??=e.sharedState.get(_w,{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 Qw(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:hx.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:hx.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=FC({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(hx.client.isTrustedUpdated,e=>{e&&!n&&(n=!0,d())})}})}}}var $w=new Map;function eT(e=$w){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?Aw(n,r??``):`s:${ew(n)}`},deserialize:e=>{let n=e.startsWith(`s:`)?tw(e.slice(2)):JSON.parse(e);return n.t===`q`&&n.i&&n.m&&t.set(n.i,n.m),n}}}function tT(){}function nT(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 rT(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 iT(e){let{onConnected:t=tT,onError:n=tT,onDisconnected:r=tT,definitions:i,fetch:a=globalThis.fetch.bind(globalThis)}=e,o=e.url;e.authToken&&(o=`${o}${o.includes(`?`)?`&`:`?`}${yw}=${encodeURIComponent(e.authToken)}`);let s=eT(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=nT(r);if(!e)break;r=e.rest;let{event:t,data:n}=rT(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`,[hw]: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 aT(e,t){let{channel:n,rpcOptions:r={}}=t;return Ox(e,{...n,timeout:-1,...r,proxify:!1})}function oT(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(hx.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 Kw(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new Kw(`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(hx.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 Kw(`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(hx.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(hx.client.connectionError,e),m(new Kw(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new Kw(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=aT(a.functions,{channel:ee,rpcOptions:o});a.register({name:hx.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new Kw(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e),m(e),i.emit(hx.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 Kw(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e)}return i.emit(hx.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(hx.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(hx.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(hx.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(hx.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function sT(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 cT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=sT(n.sse,r??`./`,location);return oT({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>iT({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 lT(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:uT(r)?lT(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function uT(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function dT(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function fT(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function pT(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function mT(e){if(e.error)throw lT(e.error);return e.output}function hT(e){return e.some(e=>e!=null)}function gT(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function _T(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?$C(e):e}function a(e,t){return i(gT(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 pT(r)?mT(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(dT(r)){if(hT(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(fT(r)){let e=Jx(n),i=r.records[e];if(i)return mT(await s(i,r.serialization));if(r.fallback)return mT(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!hT(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 vT(e){let t=_T(await e.fetchJsonFromBases(gw),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 yT=``;function bT(e,t){return`${e}${yT}${t}`}function xT(e){let t=new Map,n=new Map;e.client.register({name:hx.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(bT(e,n))?._push(r,i)}}),e.client.register({name:hx.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=bT(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:hx.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=bT(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(hx.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(yT);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=bT(n,r),o=t.get(a);if(o)return o;let s=aw({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(hx.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=bT(t,r),a=n.get(i);if(a)return a;let o=iw({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 ST(){}var CT=new Map;function wT(e){let t=e.url;e.authToken&&(t=`${t}?${yw}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=ST,onError:i=ST,onDisconnected:a=ST,definitions:o=CT}=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=eT(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 TT(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 tS(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function ET(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=TT(n.websocket,r??`./`,location);return oT({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>wT({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 DT(e){return e.includes(`:`)}function OT(e,t){return DT(t)?t:`${e}:${t}`}function kT(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 AT(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=e.sharedState.get(r,{initialValue:{}}),i}return kT(a)}function jT(e,t){return{global:AT(e,t,`global`),project:AT(e,t,`project`)}}function MT(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(DT(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(OT(t,n),...r)),callEvent:((n,...r)=>e.callEvent(OT(t,n),...r)),callOptional:((n,...r)=>e.callOptional(OT(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(OT(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(OT(t,n),r,i),upload:(n,r)=>e.streaming.upload(OT(t,n),r)}},settings:jT(e,t),scope:e.scope}}function NT(){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 PT(e,t={}){let n=t.modelContext??NT();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=cw(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=kx(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:Mx(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>FT(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 FT(e,t,n){try{let r=Px(n,e.args?.length);return{content:[{type:`text`,text:IT(await(await Ow(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:LT(e)}]}}}function IT(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function LT(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 RT(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 zT(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Yx(),a=Array.isArray(t)?t:[t],o=await Gw(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new bw({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new kw(f),m=e.webmcp===!1?void 0:PT(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(eS(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=RT(e.transport??`auto`,s),ne=te===`static`?await vT({fetchJsonFromBases:_}):te===`sse`?cT({...ee,sseOptions:e.sseOptions}):ET({...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=>(Vw(e),o={...o,authToken:e},ne.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ne.requestTrustWithCode(e);if(!t)return!1;Vw(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=Qw(ce),ce.streaming=xT(ce),ce.services=Zw(ce);let le=new Map;ce.scope=(e=>{if(!e)return ce;let t=le.get(e);return t||(t=MT(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 Xw(ce,{param:n}):!1;t||r||ce.isTrusted||await de()}return ie=fe().then(()=>{ae=!0},()=>{ae=!0}),s.mcp&&fw(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-DD97nExW.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 BT=zT,VT=[`components`,`injectors`,`signals`,`ngrx`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`],HT=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function UT(e){return`pangular:${e}`}var WT=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`],GT={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},idleAfterMs:{default:6e4,min:0,max:6e5}},KT={"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`},qT=[[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 JT(e){return qT.some(([t])=>t===e)}var YT=`pangular`,XT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},ZT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function QT(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=XT[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[...ZT.filter(e=>n.has(e)),r].join(`+`)}function $T(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 eE(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 tE=[{id:`dashboard`,label:`Dashboard`},{id:`timeline`,label:`Timeline`},{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`}],nE=1e4;function rE(e){return tE.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var iE={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`},aE=200;function oE(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 sE(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=aE?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 cE=[{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},{id:`dock:reset-size`,title:`Popup: reset the docked size`,group:`Popup`,keywords:`splitter resize height width`,popupOnly:!0},{id:`popout`,title:`Popup: open in its own window`,group:`Popup`,keywords:`pop out detach new window`,popupOnly:!0},{id:`popout:return`,title:`Popup: back into the page`,group:`Popup`,keywords:`pop in attach dock window`,popupOnly:!0}];function lE(e){let t=rE(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=cE.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function uE(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function dE(e,t){return typeof e==`boolean`?e:t}var fE=100,pE=100;function mE(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=pE);return[...new Set(t)].slice(0,fE)}function hE(e,t){let{default:n,min:r,max:i}=GT[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function gE(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function _E(e){let t=uE(e),n=uE(t.agent),r=uE(t.inspectors),i=uE(n.tools),a=uE(t.actions),o=dE(t.actions,!0),s=uE(t.redaction),c=uE(t.limits),l=gE(VT,e=>dE(r[e],!0));return{inspectors:l,agent:{readOnly:dE(n.readOnly,!1),tools:gE(VT,e=>l[e]&&dE(i[e],!0))},actions:gE(WT,e=>l[e]&&dE(a[e],o)),redaction:{secretNames:mE(s.secretNames),unmask:mE(s.unmask)},limits:Object.fromEntries(Object.keys(GT).map(e=>[e,hE(c[e],e)])),popup:{hotkey:vE(uE(t.popup).hotkey)}}}function vE(e){return e===!1?!1:QT(e)??`Alt+Shift+P`}function yE(e){let t=e?.configs;return _E(t?.[YT])}function bE(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 xE={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`},SE={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`},CE={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`,idleAfterMs:e=>e?`idle ${e/1e3} s after the last agent call`:`never idle`};function wE(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=VT.filter(t=>e.inspectors[t]);return n(`Inspectors off`,VT.filter(t=>!e.inspectors[t]).map(e=>xE[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>xE[e])),n(`Blocked actions`,WT.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>SE[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(GT).filter(t=>e.limits[t]!==GT[t].default).map(t=>CE[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]),t}function TE(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 EE(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 OE={debugApi:{subject:`Live data`,since:`12.0`},injectorProviders:{subject:`Reading providers and environment injectors`,since:`16.2`},injectorMetadata:{subject:`The full injector tree`,since:`17.0`},isSignal:{subject:`Telling signals apart in component values`,since:`17.1`},signalGraph:{subject:`The live signal graph`,since:`20.1`},deferBlocks:{subject:`Listing @defer blocks`,since:`19.1`},forBlocks:{subject:`Listing @for blocks`,since:`22.0`},profiler:{subject:`Recording change detection`,since:`20.0`},angularProfiling:{subject:`Angular profiling`,since:`20.0`},routerInstance:{subject:`The router debug util`,since:`20.3`}};function kE(e){let t=/^(\d+)\.(\d+)/.exec(e.trim());return t?`${t[1]}.${t[2]}`:e.trim()}function AE(e){let t=/^(\d+)(?:\.(\d+))?/.exec(e.trim());return t?[Number(t[1]),Number(t[2]??0)]:null}function jE(e,t){let n=AE(e),r=AE(t);return!n||!r?!1:n[0]===r[0]?n[1]>=r[1]:n[0]>r[0]}function ME(e,t){return e?.capabilities?.[t]===!1}function NE(e,t){let n=OE[e],r=`${n.subject} needs Angular ${n.since} or later`;if(!t)return`${r}; this page's Angular version is unknown.`;let i=kE(t);return jE(t,n.since)?`${r} in a development build; this page runs Angular ${i} without it, which usually means a production build.`:`${r}; this page runs Angular ${i}.`}var PE=`pangular-page-id`,FE=null;function IE(e){FE=e}function LE(){if(FE)return FE;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(PE)||null)}catch{return null}}function RE(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 zE(e,t){return e?t?e.pages?.[t]??null:e:null}function BE(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function VE(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function HE(e,t,n){return VE(e,t,n).then(e=>e,()=>null)}function UE(e){return e?.connectionMeta.backend===`static`}function WE(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 GE(e){return e.split(`@`)[1]??``}var KE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},qE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},JE=HE,YE={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 XE(e){return YE[e]??e}var ZE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function QE(e,t){return await JE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function $E(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 eD=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function tD(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(eD,(e,t)=>t??(e===`**`?``:e))}function nD(e){return yE(e?.connectionMeta)}function rD(e,t){return nD(e).actions[t]}var iD={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`};function aD(e){return iD[e]}var oD=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function sD(e,t){let n=iD[e];return!n||t.inspectors[n]}function cD(e,t){e&1&&(D(),Vg(0,`rect`,4)(1,`rect`,5)(2,`rect`,6)(3,`rect`,7))}function lD(e,t){e&1&&(D(),Vg(0,`path`,8)(1,`circle`,9)(2,`circle`,10)(3,`path`,11))}function uD(e,t){e&1&&(D(),Vg(0,`path`,12)(1,`path`,13)(2,`path`,14))}function dD(e,t){e&1&&(D(),Vg(0,`circle`,15)(1,`path`,16)(2,`circle`,17))}function fD(e,t){e&1&&(D(),Vg(0,`path`,1))}function pD(e,t){e&1&&(D(),Vg(0,`path`,18)(1,`path`,19)(2,`path`,20)(3,`path`,21))}function mD(e,t){e&1&&(D(),Vg(0,`ellipse`,22)(1,`path`,23)(2,`path`,24))}function hD(e,t){e&1&&(D(),Vg(0,`rect`,25)(1,`path`,26)(2,`path`,27)(3,`path`,28))}function gD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,8)(2,`path`,30))}function _D(e,t){e&1&&(D(),Vg(0,`path`,31)(1,`path`,32)(2,`path`,33)(3,`path`,34)(4,`circle`,35))}function vD(e,t){e&1&&(D(),Vg(0,`circle`,36)(1,`path`,37))}function yD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,38)(2,`path`,39))}function bD(e,t){e&1&&(D(),Vg(0,`path`,2))}function xD(e,t){e&1&&(D(),Vg(0,`path`,3))}var SD=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:15,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`,`M3 12h18`],[`cx`,`7`,`cy`,`12`,`r`,`2`],[`cx`,`14`,`cy`,`12`,`r`,`2`],[`d`,`M18 7v10`],[`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`,`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&&(D(),B(0,`svg`,0),M(1,cD,4,0)(2,lD,4,0)(3,uD,3,0)(4,dD,3,0)(5,fD,1,0,`:svg:path`,1)(6,pD,4,0)(7,mD,3,0)(8,hD,4,0)(9,gD,3,0)(10,_D,5,0)(11,vD,2,0)(12,yD,3,0)(13,bD,1,0,`:svg:path`,2)(14,xD,1,0,`:svg:path`,3),V()),e&2){let e;k(),N((e=t.name())===`dashboard`?1:e===`timeline`?2:e===`components`?3:e===`routes`?4:e===`signals`?5:e===`injectors`?6:e===`store`?7:e===`forms`?8:e===`network`?9:e===`pipes`?10:e===`settings`?11:e===`errors`?12:e===`analog`?13:e===`capacitor`?14:-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`,[hw]: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 aT(e,t){let{channel:n,rpcOptions:r={}}=t;return Ox(e,{...n,timeout:-1,...r,proxify:!1})}function oT(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(hx.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 Kw(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new Kw(`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(hx.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 Kw(`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(hx.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(hx.client.connectionError,e),m(new Kw(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new Kw(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=aT(a.functions,{channel:ee,rpcOptions:o});a.register({name:hx.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new Kw(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e),m(e),i.emit(hx.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 Kw(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e)}return i.emit(hx.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(hx.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(hx.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(hx.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(hx.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function sT(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 cT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=sT(n.sse,r??`./`,location);return oT({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>iT({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 lT(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:uT(r)?lT(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function uT(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function dT(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function fT(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function pT(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function mT(e){if(e.error)throw lT(e.error);return e.output}function hT(e){return e.some(e=>e!=null)}function gT(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function _T(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?$C(e):e}function a(e,t){return i(gT(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 pT(r)?mT(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(dT(r)){if(hT(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(fT(r)){let e=Jx(n),i=r.records[e];if(i)return mT(await s(i,r.serialization));if(r.fallback)return mT(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!hT(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 vT(e){let t=_T(await e.fetchJsonFromBases(gw),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 yT=``;function bT(e,t){return`${e}${yT}${t}`}function xT(e){let t=new Map,n=new Map;e.client.register({name:hx.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(bT(e,n))?._push(r,i)}}),e.client.register({name:hx.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=bT(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:hx.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=bT(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(hx.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(yT);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=bT(n,r),o=t.get(a);if(o)return o;let s=aw({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(hx.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=bT(t,r),a=n.get(i);if(a)return a;let o=iw({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 ST(){}var CT=new Map;function wT(e){let t=e.url;e.authToken&&(t=`${t}?${yw}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=ST,onError:i=ST,onDisconnected:a=ST,definitions:o=CT}=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=eT(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 TT(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 tS(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function ET(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=TT(n.websocket,r??`./`,location);return oT({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>wT({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 DT(e){return e.includes(`:`)}function OT(e,t){return DT(t)?t:`${e}:${t}`}function kT(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 AT(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=e.sharedState.get(r,{initialValue:{}}),i}return kT(a)}function jT(e,t){return{global:AT(e,t,`global`),project:AT(e,t,`project`)}}function MT(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(DT(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(OT(t,n),...r)),callEvent:((n,...r)=>e.callEvent(OT(t,n),...r)),callOptional:((n,...r)=>e.callOptional(OT(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(OT(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(OT(t,n),r,i),upload:(n,r)=>e.streaming.upload(OT(t,n),r)}},settings:jT(e,t),scope:e.scope}}function NT(){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 PT(e,t={}){let n=t.modelContext??NT();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=cw(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=kx(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:Mx(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>FT(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 FT(e,t,n){try{let r=Px(n,e.args?.length);return{content:[{type:`text`,text:IT(await(await Ow(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:LT(e)}]}}}function IT(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function LT(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 RT(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 zT(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Yx(),a=Array.isArray(t)?t:[t],o=await Gw(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new bw({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new kw(f),m=e.webmcp===!1?void 0:PT(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(eS(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=RT(e.transport??`auto`,s),ne=te===`static`?await vT({fetchJsonFromBases:_}):te===`sse`?cT({...ee,sseOptions:e.sseOptions}):ET({...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=>(Vw(e),o={...o,authToken:e},ne.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ne.requestTrustWithCode(e);if(!t)return!1;Vw(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=Qw(ce),ce.streaming=xT(ce),ce.services=Zw(ce);let le=new Map;ce.scope=(e=>{if(!e)return ce;let t=le.get(e);return t||(t=MT(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 Xw(ce,{param:n}):!1;t||r||ce.isTrusted||await de()}return ie=fe().then(()=>{ae=!0},()=>{ae=!0}),s.mcp&&fw(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-DiWMXIU4.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 BT=zT,VT=[`components`,`injectors`,`signals`,`ngrx`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`],HT=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function UT(e){return`pangular:${e}`}var WT=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`],GT={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},idleAfterMs:{default:6e4,min:0,max:6e5}},KT={"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`},qT=[[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 JT(e){return qT.some(([t])=>t===e)}var YT=`pangular`,XT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},ZT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function QT(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=XT[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[...ZT.filter(e=>n.has(e)),r].join(`+`)}function $T(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 eE(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 tE=[{id:`dashboard`,label:`Dashboard`},{id:`timeline`,label:`Timeline`},{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`}],nE=1e4;function rE(e){return tE.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var iE={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`},aE=200;function oE(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 sE(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=aE?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 cE=[{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},{id:`dock:reset-size`,title:`Popup: reset the docked size`,group:`Popup`,keywords:`splitter resize height width`,popupOnly:!0},{id:`popout`,title:`Popup: open in its own window`,group:`Popup`,keywords:`pop out detach new window`,popupOnly:!0},{id:`popout:return`,title:`Popup: back into the page`,group:`Popup`,keywords:`pop in attach dock window`,popupOnly:!0}];function lE(e){let t=rE(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=cE.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function uE(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function dE(e,t){return typeof e==`boolean`?e:t}var fE=100,pE=100;function mE(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=pE);return[...new Set(t)].slice(0,fE)}function hE(e,t){let{default:n,min:r,max:i}=GT[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function gE(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function _E(e){let t=uE(e),n=uE(t.agent),r=uE(t.inspectors),i=uE(n.tools),a=uE(t.actions),o=dE(t.actions,!0),s=uE(t.redaction),c=uE(t.limits),l=gE(VT,e=>dE(r[e],!0));return{inspectors:l,agent:{readOnly:dE(n.readOnly,!1),tools:gE(VT,e=>l[e]&&dE(i[e],!0))},actions:gE(WT,e=>l[e]&&dE(a[e],o)),redaction:{secretNames:mE(s.secretNames),unmask:mE(s.unmask)},limits:Object.fromEntries(Object.keys(GT).map(e=>[e,hE(c[e],e)])),popup:{hotkey:vE(uE(t.popup).hotkey)}}}function vE(e){return e===!1?!1:QT(e)??`Alt+Shift+P`}function yE(e){let t=e?.configs;return _E(t?.[YT])}function bE(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 xE={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`},SE={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`},CE={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`,idleAfterMs:e=>e?`idle ${e/1e3} s after the last agent call`:`never idle`};function wE(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=VT.filter(t=>e.inspectors[t]);return n(`Inspectors off`,VT.filter(t=>!e.inspectors[t]).map(e=>xE[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>xE[e])),n(`Blocked actions`,WT.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>SE[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(GT).filter(t=>e.limits[t]!==GT[t].default).map(t=>CE[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]),t}function TE(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 EE(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 OE={debugApi:{subject:`Live data`,since:`12.0`},injectorProviders:{subject:`Reading providers and environment injectors`,since:`16.2`},injectorMetadata:{subject:`The full injector tree`,since:`17.0`},isSignal:{subject:`Telling signals apart in component values`,since:`17.1`},signalGraph:{subject:`The live signal graph`,since:`20.1`},deferBlocks:{subject:`Listing @defer blocks`,since:`19.1`},forBlocks:{subject:`Listing @for blocks`,since:`22.0`},profiler:{subject:`Recording change detection`,since:`20.0`},angularProfiling:{subject:`Angular profiling`,since:`20.0`},routerInstance:{subject:`The router debug util`,since:`20.3`}};function kE(e){let t=/^(\d+)\.(\d+)/.exec(e.trim());return t?`${t[1]}.${t[2]}`:e.trim()}function AE(e){let t=/^(\d+)(?:\.(\d+))?/.exec(e.trim());return t?[Number(t[1]),Number(t[2]??0)]:null}function jE(e,t){let n=AE(e),r=AE(t);return!n||!r?!1:n[0]===r[0]?n[1]>=r[1]:n[0]>r[0]}function ME(e,t){return e?.capabilities?.[t]===!1}function NE(e,t){let n=OE[e],r=`${n.subject} needs Angular ${n.since} or later`;if(!t)return`${r}; this page's Angular version is unknown.`;let i=kE(t);return jE(t,n.since)?`${r} in a development build; this page runs Angular ${i} without it, which usually means a production build.`:`${r}; this page runs Angular ${i}.`}var PE=`pangular-page-id`,FE=null;function IE(e){FE=e}function LE(){if(FE)return FE;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(PE)||null)}catch{return null}}function RE(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 zE(e,t){return e?t?e.pages?.[t]??null:e:null}function BE(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function VE(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function HE(e,t,n){return VE(e,t,n).then(e=>e,()=>null)}function UE(e){return e?.connectionMeta.backend===`static`}function WE(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 GE(e){return e.split(`@`)[1]??``}var KE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},qE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},JE=HE,YE={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 XE(e){return YE[e]??e}var ZE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function QE(e,t){return await JE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function $E(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 eD=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function tD(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(eD,(e,t)=>t??(e===`**`?``:e))}function nD(e){return yE(e?.connectionMeta)}function rD(e,t){return nD(e).actions[t]}var iD={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`};function aD(e){return iD[e]}var oD=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function sD(e,t){let n=iD[e];return!n||t.inspectors[n]}function cD(e,t){e&1&&(D(),Vg(0,`rect`,4)(1,`rect`,5)(2,`rect`,6)(3,`rect`,7))}function lD(e,t){e&1&&(D(),Vg(0,`path`,8)(1,`circle`,9)(2,`circle`,10)(3,`path`,11))}function uD(e,t){e&1&&(D(),Vg(0,`path`,12)(1,`path`,13)(2,`path`,14))}function dD(e,t){e&1&&(D(),Vg(0,`circle`,15)(1,`path`,16)(2,`circle`,17))}function fD(e,t){e&1&&(D(),Vg(0,`path`,1))}function pD(e,t){e&1&&(D(),Vg(0,`path`,18)(1,`path`,19)(2,`path`,20)(3,`path`,21))}function mD(e,t){e&1&&(D(),Vg(0,`ellipse`,22)(1,`path`,23)(2,`path`,24))}function hD(e,t){e&1&&(D(),Vg(0,`rect`,25)(1,`path`,26)(2,`path`,27)(3,`path`,28))}function gD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,8)(2,`path`,30))}function _D(e,t){e&1&&(D(),Vg(0,`path`,31)(1,`path`,32)(2,`path`,33)(3,`path`,34)(4,`circle`,35))}function vD(e,t){e&1&&(D(),Vg(0,`circle`,36)(1,`path`,37))}function yD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,38)(2,`path`,39))}function bD(e,t){e&1&&(D(),Vg(0,`path`,2))}function xD(e,t){e&1&&(D(),Vg(0,`path`,3))}var SD=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:15,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`,`M3 12h18`],[`cx`,`7`,`cy`,`12`,`r`,`2`],[`cx`,`14`,`cy`,`12`,`r`,`2`],[`d`,`M18 7v10`],[`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`,`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&&(D(),B(0,`svg`,0),M(1,cD,4,0)(2,lD,4,0)(3,uD,3,0)(4,dD,3,0)(5,fD,1,0,`:svg:path`,1)(6,pD,4,0)(7,mD,3,0)(8,hD,4,0)(9,gD,3,0)(10,_D,5,0)(11,vD,2,0)(12,yD,3,0)(13,bD,1,0,`:svg:path`,2)(14,xD,1,0,`:svg:path`,3),V()),e&2){let e;k(),N((e=t.name())===`dashboard`?1:e===`timeline`?2:e===`components`?3:e===`routes`?4:e===`signals`?5:e===`injectors`?6:e===`store`?7:e===`forms`?8:e===`network`?9:e===`pipes`?10:e===`settings`?11:e===`errors`?12:e===`analog`?13:e===`capacitor`?14:-1)}},styles:[`[_nghost-%COMP%] {
   display: inline-flex;
   flex-shrink: 0;
 }`]})},CD=(e,t)=>t.tab,wD=(e,t)=>t.label;function TD(e,t){e&1&&J(0),e&2&&X(` `,G().meta()?.projectName,` `)}function ED(e,t){e&1&&J(0,` Project details unavailable `)}function DD(e,t){e&1&&J(0,` Loading… `)}function OD(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function kD(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 T(e),E(G(2).loadMeta())}),J(1,`Try again`),R()}}function jD(e,t){if(e&1&&(L(0,`p`,10),M(1,OD,4,0)(2,kD,1,0),R(),M(3,AD,2,0,`button`,11)),e&2){let e=G();k(),N(e.staticReport()?1:2),k(2),N(e.staticReport()?-1:3)}}function MD(e,t){e&1&&(L(0,`li`,5)(1,`span`),J(2,`Analog`),R(),J(3),R()),e&2&&(k(3),Y(t))}function ND(e,t){e&1&&(L(0,`li`)(1,`span`),J(2,`Change detection`),R(),J(3),R()),e&2&&(k(3),Y(t))}function PD(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();k(),Y(t.cards()[e.tab]?.value),k(2),Y(t.cards()[e.tab]?.sub)}}function FD(e,t){e&1&&(L(0,`span`,21),J(1,`–`),R(),L(2,`span`,20),J(3,`Count unavailable`),R())}function ID(e,t){e&1&&(z(0,`span`,22),L(1,`span`,20),J(2,`Counting…`),R())}function LD(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){let t=T(e).$implicit;return E(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,PD,4,2)(9,FD,4,0)(10,ID,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`),k(3),I(`name`,n.tab),k(4),Y(n.label),k(),N((e=i)===`ready`?8:e===`error`?9:10)}}function RD(e,t){e&1&&(L(0,`p`),J(1,`Loading…`),R())}function zD(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;k(2),Y(e.label),k(2),Y(e.value)}}function BD(e,t){if(e&1&&(L(0,`dl`),P(1,zD,5,2,`div`,null,wD),R()),e&2){let e=G();k(),F(e.configItems())}}function VD(e,t){e&1&&(L(0,`p`),J(1,`Defaults`),R())}var HD=[{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 UD(e){return HD.filter(t=>sD(t.tab,e))}var WD={zoneless:`Zoneless`,zone:`zone.js`,"zone-unused":`Zoneless, zone.js loaded`};function GD(e){return e&&Object.hasOwn(WD,e)?WD[e]:null}var KD=new Set([`signal`,`computed`,`linkedSignal`,`effect`]),qD={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 JD(e,t,n){return`${e} ${e===1?t:n}`}function YD(e,t){for(let n of e??[])t(n),YD(n.children,t)}function XD(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 · ${JD(t,`directive`,`directives`)}`}}function ZD(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 · ${JD(t,`redirect`,`redirects`)}`}}function QD(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]=qD[e]??[e,e];return JD(t,n,r)});return{value:e.length,sub:n.join(` · `)}}function $D(e,t){let n=e?.forms??[],r=t?n.filter(e=>GE(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 eO(e){return e.cancelled||e.status===void 0?!1:e.status===0||e.status>=400}function tO(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(eO).length;return{value:o.length,sub:`${o.length===1?`call`:`calls`} · ${s} failed`}}var nO=class e{rpc=$(null);navigate=Rv();staticReport=Q(()=>UE(this.rpc()));meta=O(null);config=Q(()=>nD(this.rpc()));stats=Q(()=>this.rpc()?UD(this.config()):[]);configItems=Q(()=>wE(this.config()));metaState=O(`loading`);states=O({});rows=O({});injectorTree=O(null);signalGraph=O(null);formsState=O(null);httpState=O(null);pageId=LE();destroyRef=C(Ds);stopLive=[];zone=Q(()=>GD(zE(this.injectorTree(),this.pageId)?.zone));liveInjectors=Q(()=>{let e=zE(this.injectorTree(),this.pageId);if(!e?.roots?.length)return null;let t=0,n=0,r=e=>{t++,n+=e.providers?.length??0};return YD(e.roots,r),YD(e.environment,r),{injectors:t,providers:n}});liveSignals=Q(()=>{let e=BE(this.signalGraph(),this.pageId);return e?.nodes?.length?e.nodes.filter(e=>KD.has(e.kind??``)).length:null});cards=Q(()=>{let e=this.rows(),t={};if(e.components&&(t.components=XD(e.components)),e.routes&&(t.routes=ZD(e.routes)),e.store&&(t.store=QD(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 · ${JD(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=$D(i,this.pageId));let a=this.httpState();return a&&(t.network=tO(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(){mc(()=>{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=nD(e),r=e=>sD(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)),sD(`forms`,t)&&r(`forms`,e=>this.formsState.set(e??{}),`forms`),sD(`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=A({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,TD,1,1)(6,ED,1,0)(7,DD,1,0),R(),M(8,jD,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,MD,4,1,`li`,5),M(23,ND,4,1,`li`),R()(),L(24,`div`,6),P(25,LD,11,6,`button`,7,CD),R(),L(27,`section`,8)(28,`h2`,9),J(29,`Configuration`),R(),M(30,RD,2,0,`p`)(31,BD,3,0,`dl`)(32,VD,2,0,`p`),R()),e&2){let e,n,r;j(`aria-busy`,t.metaState()===`loading`),k(4),q(`muted`,t.metaState()!==`ready`),k(),N((e=t.metaState())===`ready`?5:e===`error`?6:7),k(3),N(t.metaState()===`error`?8:-1),k(),q(`pending`,t.metaState()===`loading`),k(4),Y(t.meta()?.angularVersion??`…`),k(4),Y(t.meta()?.typescript??`…`),k(4),Y(t.meta()?t.meta()?.ssr?`On`:`Off`:`…`),k(),N((n=t.meta()?.analog)?22:-1,n),k(),N((r=t.zone())?23:-1,r),k(2),F(t.stats()),k(2),j(`aria-busy`,!t.rpc()),k(3),N(t.rpc()?t.configItems().length?31:32:30)}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
@@ -765,7 +765,7 @@ a[_ngcontent-%COMP%] {
 a[_ngcontent-%COMP%]:focus-visible {
   outline: 2px solid var(--%NS%accent);
   outline-offset: 2px;
-}`]})},ik=864e13,ak=200,ok=300,sk=100,ck=10,lk=100,uk=2e3,dk=2e3,fk=4e3,pk=1e3,mk=100,hk=3,gk=50,_k={component:`c`,hook:`h`,afterRender:`r`,output:`o`},vk=Object.values(_k),yk=e=>!!e&&typeof e==`object`&&!Array.isArray(e),bk=e=>typeof e==`number`&&Number.isFinite(e)&&e>=0?e:0,xk=(e,t)=>typeof e==`string`?e.slice(0,t):``,Sk=e=>bk(e)>0?bk(e):void 0,Ck=(e,t)=>Array.isArray(e)?e.slice(0,t):[];function wk(e){if(!yk(e))return null;let t=xk(e.name,ak);return t?{name:t,checks:bk(e.checks),ms:bk(e.ms)}:null}function Tk(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>pk||typeof o!=`string`||!vk.includes(o)?null:[n,r,bk(i),a,o]}function Ek(e,t){if(!yk(e)||typeof e.id!=`number`)return null;let n=Ck(e.components,ck).map(wk).filter(e=>!!e),r=xk(e.trigger,ok),i=Ck(e.spans,40).map(e=>Tk(e,t)).filter(e=>!!e),a=Array.isArray(e.spans)?e.spans.length-40:0,o=Math.floor(bk(e.droppedSpans))+Math.max(0,a),s={t:typeof e.t==`number`?bk(e.t):void 0,hookMs:Sk(e.hookMs),afterRenderMs:Sk(e.afterRenderMs),outputMs:Sk(e.outputMs)},c=Ak(e.cause),l=Sk(e.refreshed),u=Sk(e.unchanged);return{id:bk(e.id),at:bk(e.at),ms:bk(e.ms),passes:bk(e.passes),...r?{trigger:r}:{},checks:bk(e.checks),components:n,...Object.fromEntries(Object.entries(s).filter(([,e])=>e!==void 0)),...i.length?{spans:i}:{},...o?{droppedSpans:o}:{},...c?{cause:c}:{},...l?{refreshed:l}:{},...u?{unchanged:u}:{}}}var Dk=[`event`,`http`,`timer`,`signal`,`effect`,`markForCheck`,`input`,`view`,`tick`,`zone`,`unknown`],Ok={event:`Event`,http:`HTTP response`,timer:`Timer`,signal:`Signal write`,effect:`Effect`,markForCheck:`markForCheck`,input:`setInput`,view:`View change`,tick:`ApplicationRef.tick`,zone:`zone.js only`,unknown:`Unknown`},kk=e=>typeof e==`string`&&Dk.includes(e);function Ak(e){if(!yk(e)||!kk(e.kind))return;let t=[`component`,`listener`,`event`,`target`,`signal`,`task`],n={kind:e.kind};kk(e.via)&&(n.via=e.via);for(let r of t){let t=xk(e[r],ak);t&&(n[r]=t)}e.zone===!0&&(n.zone=!0);let r=Ck(e.stack,hk).map(e=>xk(e,ok)).filter(Boolean);r.length&&(n.stack=r);let i=Math.floor(bk(e.more));return i&&(n.more=i),n}function jk(e){if(!yk(e))return null;let t=xk(e.name,ak);if(!t)return null;let n=e.strategy;return{name:t,refreshed:Math.floor(bk(e.refreshed)),unchanged:Math.floor(bk(e.unchanged)),...n===`OnPush`||n===`Eager`?{strategy:n}:{}}}function Mk(e){if(!yk(e))return null;let t=xk(e.name,ak),n=xk(e.input,ak);if(!t||!n)return null;let r=xk(e.parent,ak);return{name:t,input:n,...r?{parent:r}:{},inPlace:Math.floor(bk(e.inPlace)),sameContents:Math.floor(bk(e.sameContents))}}function Nk(e){if(!yk(e))return null;let t=xk(e.name,ak);if(!t)return null;let n=Ck(e.tasks,3).map(e=>xk(e,ak)).filter(Boolean);return{name:t,ticks:Math.floor(bk(e.ticks)),...n.length?{tasks:n}:{}}}function Pk(e){if(!yk(e))return;let t={};if(yk(e.causes))for(let n of Dk){let r=Math.floor(bk(e.causes[n]));r&&(t[n]=r)}let n=Ck(e.components,lk).map(jk).filter(e=>!!e),r=Ck(e.inputs,gk).map(Mk).filter(e=>!!e),i=Ck(e.zone,gk).map(Nk).filter(e=>!!e),a=Math.floor(bk(e.major));return{triggers:e.triggers===!0,waste:e.waste===!0,...a&&a<1e3?{major:a}:{},causes:t,components:n,...r.length?{inputs:r}:{},...i.length?{zone:i}:{}}}function Fk(e){let t=[],n=e.component?` in ${e.component}${e.listener?` (${e.listener})`:``}`:``;switch(e.kind){case`event`:t.push(`${e.event??`Template listener`}${e.target?` on ${e.target}`:``}${n}`);break;case`http`:t.push(`HTTP response${n}`);break;case`timer`:t.push(`${e.task??`Timer`}${n}`);break;case`zone`:t.push(`zone.js tick with no Angular notification${e.task?` after ${e.task}`:``}`);break;case`tick`:t.push(`ApplicationRef.tick()${n}`);break;default:t.push(`${Ok[e.kind]}${n}`)}return e.signal?t.push(`wrote signal ${e.signal}`):e.via&&e.via!==e.kind&&t.push(`via ${Ok[e.via]}`),e.zone&&e.kind!==`zone`&&t.push(`run by zone.js`),e.more&&t.push(`${e.more} more notification${e.more===1?``:`s`}`),t.join(`, `)}function Ik(e){if(!e)return[];let t=[],n=(e.major??0)>=22;for(let r of e.components){if(r.refreshed<10)continue;let e=r.refreshed-r.unchanged;if(e/r.refreshed>.2)continue;let i=`refreshed ${r.refreshed} times and changed something in ${e}`;r.strategy===`Eager`?t.push({name:r.name,kind:`on-push`,text:n?`${r.name} was ${i}. It opts out of OnPush, which is the default from Angular 22: remove \`changeDetection: ChangeDetectionStrategy.Eager\` (or \`Default\`) so Angular skips it until an input, event, signal or markForCheck marks it.`:`${r.name} was ${i}. Add \`changeDetection: ChangeDetectionStrategy.OnPush\` so Angular skips it until an input, event, signal or markForCheck marks it.`}):r.strategy===`OnPush`&&t.push({name:r.name,kind:`already-on-push`,text:`${r.name} was ${i}, and it is already OnPush${n?` (the default from Angular 22)`:``}. Something keeps marking it: an input that gets a new reference each time, an event or output in it, markForCheck, or a signal it reads that is set to an equal value.`})}for(let n of e.inputs??[]){let e=n.parent?` set by ${n.parent}`:``;n.inPlace&&t.push({name:n.name,kind:`in-place`,text:`Input ${n.input} of ${n.name}${e} changed in place ${n.inPlace} time${n.inPlace===1?``:`s`}: same reference, different contents. OnPush components, computed and signal equality don't see that. Pass a new object or array instead of mutating it.`}),n.sameContents&&t.push({name:n.name,kind:`same-contents`,text:`Input ${n.input} of ${n.name}${e} got a new reference with the same contents ${n.sameContents} time${n.sameContents===1?``:`s`}, so Angular refreshed ${n.name} for nothing. Keep the reference when nothing changed, for example with a computed instead of a method call in the template.`})}for(let n of e.zone??[]){let e=n.tasks?.length?` (after ${n.tasks.join(`, `)})`:``;t.push({name:n.name,kind:`zone`,text:`${n.name} changed in ${n.ticks} tick${n.ticks===1?``:`s`} that only zone.js started${e}. Without zone.js it would not update: keep that state in a signal, or call markForCheck after changing it.`})}return t}function Lk(e){let t=wk(e);return!t||!yk(e)?null:{...t,maxMs:bk(e.maxMs),cycles:bk(e.cycles)}}function Rk(e){if(!yk(e))return null;let t=xk(e.name,ak),n=xk(e.hook,sk);if(!t||!n)return null;let{calls:r,ms:i,maxMs:a}=e;return{name:t,hook:n,calls:bk(r),ms:bk(i),maxMs:bk(a)}}function zk(e){if(!yk(e))return null;let t=xk(e.name,ak);if(!t)return null;let n=xk(e.listener,ak);return{name:t,...n?{listener:n}:{},calls:bk(e.calls),ms:bk(e.ms),maxMs:bk(e.maxMs)}}function Bk(e){if(yk(e)&&bk(e.runs))return{runs:bk(e.runs),ms:bk(e.ms),maxMs:bk(e.maxMs)}}function Vk(e,t){if(!yk(e))return null;let n=Ck(e.spanNames,fk).map(e=>xk(e,ok)),r=Array.isArray(e.cycles)?e.cycles.slice(-Math.min(t,dk)).map(e=>Ek(e,n.length)).filter(e=>!!e):[],i={},a=0;if(yk(e.hosts)){let t=Object.entries(e.hosts);a=Math.max(0,t.length-uk);for(let[e,n]of t.slice(0,uk))e.length<50&&bk(n)&&(i[e]=bk(n))}let o=Array.isArray(e.components)?e.components:[],s=Math.floor(bk(e.droppedClasses))+Math.max(0,o.length-lk),c=Math.floor(bk(e.droppedHosts))+a,l=Ck(e.hooks,mk).map(Rk).filter(e=>!!e),u=Ck(e.outputs,mk).map(zk).filter(e=>!!e),d=Math.max(0,Ck(e.hooks,1/0).length-mk)+Math.max(0,Ck(e.outputs,1/0).length-mk),f=Math.floor(bk(e.droppedTimings))+d,p=Bk(e.afterRender),m=r.some(e=>e.spans?.length),h=Pk(e.diagnosis);return{recording:e.recording===!0,startedAt:typeof e.startedAt==`number`&&e.startedAt<=ik?bk(e.startedAt):null,dropped:bk(e.dropped),cycles:r,components:o.slice(0,lk).map(Lk).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}:{},...h?{diagnosis:h}:{}}}var Hk=`pangular-inspector/change-detection`;function Uk(e,t,n=Date.now()){return{format:Hk,version:1,exportedAt:n,pageId:t,recording:{...Vk(e,dk)??e,recording:!1,hosts:{}}}}function Wk(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(!yk(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=yk(n.recording)?n.recording:n;if(!Array.isArray(r.cycles))return{ok:!1,error:`The file has no change detection cycles.`};let i=Vk(r,t);if(!i)return{ok:!1,error:`The file is not a recording.`};let a=xk(n.pageId??r.pageId,49)||`imported`,o=Sk(n.exportedAt);return{ok:!0,pageId:a,...o?{exportedAt:o}:{},recording:{...i,recording:!1}}}var Gk=1,Kk=1,qk=2,Jk={c:`component`,h:`lifecycle-hook`,r:`after-render`,o:`output`},Yk=e=>Math.round(e*1e6)/1e3;function Xk(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:Gk,tid:Kk,ts:Yk(e),dur:Yk(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}:{},...t.cause?{cause:Fk(t.cause)}:{},...t.unchanged?{unchanged:t.unchanged}:{},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===_k.output){let n=e+i;a.push({name:l,cat:Jk[d],ph:`X`,pid:Gk,tid:qk,ts:Yk(n),dur:Yk(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:Jk[d],ph:`X`,pid:Gk,tid:Kk,ts:Yk(f),dur:Yk(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=Yk((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:Gk,tid:e,args:{name:n}});return{traceEvents:[l(0,`process_name`,`Angular change detection (page ${t})`),l(Kk,`thread_name`,`Change detection`),l(qk,`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<=ik?{startedAt:new Date(e.startedAt).toISOString()}:{}}}}var Zk=16.6;function Qk(e){return e.ms>Zk}function $k(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}function eA(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 tA(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 nA(e){let t=e.reduce((e,t)=>Math.max(e,t.ms),0);return Math.max(t,Zk*1.25)}function rA(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 iA={c:`component`,h:`hook`,r:`afterRender`,o:`output`};function aA(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 oA(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:aA(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 sA=(e,t)=>t.kind,cA=(e,t)=>t.name,lA=(e,t)=>t.name+`.`+t.input;function uA(e,t){e&1&&(B(0,`p`,3),J(1,` The page has no Angular change detection scheduler the overlay could find (it needs Angular 18 or later), so cycles have no cause. `),V())}function dA(e,t){if(e&1&&(B(0,`tr`)(1,`td`),J(2),V(),B(3,`td`,6),J(4),V()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),Y(e.count)}}function fA(e,t){if(e&1&&(B(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),J(4,`Trigger`),V(),B(5,`th`,5),J(6,`Cycles`),V()()(),B(7,`tbody`),P(8,dA,5,2,`tr`,null,sA),V()()),e&2){let e=G(2);k(8),F(e.causes())}}function pA(e,t){e&1&&(B(0,`p`,3),J(1,`No cycle has a cause yet.`),V())}function mA(e,t){if(e&1&&(B(0,`tr`)(1,`td`,7),J(2),V(),B(3,`td`,6),J(4),V(),B(5,`td`,7),J(6),V()()),e&2){let e=t.$implicit;k(2),Y(e.name),k(2),Y(e.ticks),k(2),Y(e.tasks?.join(`, `))}}function hA(e,t){if(e&1&&(B(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),J(4,`Component`),V(),B(5,`th`,5),J(6,`Zone-only ticks`),V(),B(7,`th`,4),J(8,`After`),V()()(),B(9,`tbody`),P(10,mA,7,3,`tr`,null,cA),V()()),e&2){let e=G(2);k(10),F(e.zone())}}function gA(e,t){if(e&1&&(B(0,`p`,3),J(1),V()),e&2){let e=G(2);k(),Y(e.zoneNote())}}function _A(e,t){e&1&&(B(0,`p`,3),J(1,`The page can't watch DOM updates, so wasted checks are not counted.`),V())}function vA(e,t){if(e&1&&(B(0,`tr`)(1,`td`,7),J(2),V(),B(3,`td`,6),J(4),V(),B(5,`td`,6),J(6),V(),B(7,`td`),J(8),V()()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.name),k(2),Y(e.refreshed),k(2),Z(``,e.unchanged,` (`,n.share(e.unchanged,e.refreshed),`)`),k(2),Y(e.strategy??`Unknown`)}}function yA(e,t){if(e&1&&(B(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),J(4,`Component`),V(),B(5,`th`,5),J(6,`Refreshed`),V(),B(7,`th`,5),J(8,`Changed nothing`),V(),B(9,`th`,4),J(10,`Strategy`),V()()(),B(11,`tbody`),P(12,vA,9,5,`tr`,null,cA),V()()),e&2){let e=G(2);k(12),F(e.wasted())}}function bA(e,t){e&1&&(B(0,`p`,3),J(1,`Every refreshed check changed something.`),V())}function xA(e,t){if(e&1&&(B(0,`tr`)(1,`td`,7),J(2),V(),B(3,`td`,7),J(4),V(),B(5,`td`,6),J(6),V(),B(7,`td`,6),J(8),V()()),e&2){let e=t.$implicit;k(2),Z(``,e.name,`.`,e.input),k(2),Y(e.parent??`Unknown`),k(2),Y(e.inPlace),k(2),Y(e.sameContents)}}function SA(e,t){if(e&1&&(B(0,`h4`),J(1,`Inputs that break OnPush`),V(),B(2,`table`)(3,`thead`)(4,`tr`)(5,`th`,4),J(6,`Input`),V(),B(7,`th`,4),J(8,`Set by`),V(),B(9,`th`,5),J(10,`Changed in place`),V(),B(11,`th`,5),J(12,`Same contents, new reference`),V()()(),B(13,`tbody`),P(14,xA,9,5,`tr`,null,lA),V()()),e&2){let e=G(2);k(14),F(e.inputs())}}function CA(e,t){if(e&1&&(B(0,`li`),J(1),V()),e&2){let e=t.$implicit;k(),Y(e.text)}}function wA(e,t){if(e&1&&(B(0,`h4`),J(1,`Hints`),V(),B(2,`ul`,8),P(3,CA,2,1,`li`,null,kg),V()),e&2){let e=G(2);k(3),F(e.hints())}}function TA(e,t){if(e&1&&(B(0,`section`,0)(1,`h3`,1),J(2,`Why it ran and what it wasted`),V(),B(3,`div`,2)(4,`div`)(5,`h4`),J(6,`What started the cycles`),V(),M(7,uA,2,0,`p`,3)(8,fA,10,0,`table`)(9,pA,2,0,`p`,3),V(),B(10,`div`)(11,`h4`),J(12,`Depends on zone.js`),V(),M(13,hA,12,0,`table`)(14,gA,2,1,`p`,3),V()(),B(15,`h4`),J(16,`Wasted checks`),V(),M(17,_A,2,0,`p`,3)(18,yA,14,0,`table`)(19,bA,2,0,`p`,3),M(20,SA,16,0),M(21,wA,5,0),V()),e&2){let e=t,n=G();k(7),N(e.triggers?n.causes().length?8:9:7),k(6),N(n.zone().length?13:e.triggers?14:-1),k(4),N(e.waste?n.wasted().length?18:19:17),k(3),N(n.inputs().length?20:-1),k(),N(n.hints().length?21:-1)}}var EA=10,DA=class e{page=$(null);diagnosis=Q(()=>this.page()?.diagnosis??null);causes=Q(()=>{let e=this.diagnosis()?.causes??{};return Dk.filter(t=>e[t]).map(t=>({kind:t,label:Ok[t],count:e[t]}))});zone=Q(()=>(this.diagnosis()?.zone??[]).slice(0,EA));zoneNote=Q(()=>{let e=this.diagnosis()?.causes.zone??0;return e?`${e} ${e===1?`tick`:`ticks`} came from zone.js alone, and no component changed in them.`:`No component changed in a tick only zone.js started.`});wasted=Q(()=>(this.diagnosis()?.components??[]).filter(e=>e.unchanged>0).slice(0,EA));inputs=Q(()=>(this.diagnosis()?.inputs??[]).slice(0,EA));hints=Q(()=>Ik(this.diagnosis()??void 0).slice(0,EA));share(e,t){return t?`${Math.round(e/t*100)}%`:`0%`}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-cd-diagnosis`]],inputs:{page:[1,`page`]},decls:1,vars:1,consts:[[`aria-labelledby`,`cd-diagnosis-heading`,1,`diagnosis`],[`id`,`cd-diagnosis-heading`],[1,`grid`],[1,`note`],[`scope`,`col`],[`scope`,`col`,1,`num`],[1,`num`],[1,`mono`],[1,`hints`]],template:function(e,t){if(e&1&&M(0,TA,22,5,`section`,0),e&2){let e;N((e=t.diagnosis())?0:-1,e)}},styles:[`[_nghost-%COMP%] {
+}`]})},ik=864e13,ak=200,ok=300,sk=100,ck=10,lk=100,uk=2e3,dk=2e3,fk=4e3,pk=1e3,mk=100,hk=3,gk=50,_k={component:`c`,hook:`h`,afterRender:`r`,output:`o`},vk=Object.values(_k),yk=e=>!!e&&typeof e==`object`&&!Array.isArray(e),bk=e=>typeof e==`number`&&Number.isFinite(e)&&e>=0?e:0,xk=(e,t)=>typeof e==`string`?e.slice(0,t):``,Sk=e=>bk(e)>0?bk(e):void 0,Ck=(e,t)=>Array.isArray(e)?e.slice(0,t):[];function wk(e){if(!yk(e))return null;let t=xk(e.name,ak);return t?{name:t,checks:bk(e.checks),ms:bk(e.ms)}:null}function Tk(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>pk||typeof o!=`string`||!vk.includes(o)?null:[n,r,bk(i),a,o]}function Ek(e,t){if(!yk(e)||typeof e.id!=`number`)return null;let n=Ck(e.components,ck).map(wk).filter(e=>!!e),r=xk(e.trigger,ok),i=Ck(e.spans,40).map(e=>Tk(e,t)).filter(e=>!!e),a=Array.isArray(e.spans)?e.spans.length-40:0,o=Math.floor(bk(e.droppedSpans))+Math.max(0,a),s={t:typeof e.t==`number`?bk(e.t):void 0,hookMs:Sk(e.hookMs),afterRenderMs:Sk(e.afterRenderMs),outputMs:Sk(e.outputMs)},c=Ak(e.cause),l=Sk(e.refreshed),u=Sk(e.unchanged);return{id:bk(e.id),at:bk(e.at),ms:bk(e.ms),passes:bk(e.passes),...r?{trigger:r}:{},checks:bk(e.checks),components:n,...Object.fromEntries(Object.entries(s).filter(([,e])=>e!==void 0)),...i.length?{spans:i}:{},...o?{droppedSpans:o}:{},...c?{cause:c}:{},...l?{refreshed:l}:{},...u?{unchanged:u}:{}}}var Dk=[`event`,`http`,`timer`,`signal`,`effect`,`markForCheck`,`input`,`view`,`tick`,`zone`,`unknown`],Ok={event:`Event`,http:`HTTP response`,timer:`Timer`,signal:`Signal write`,effect:`Effect`,markForCheck:`markForCheck`,input:`setInput`,view:`View change`,tick:`ApplicationRef.tick`,zone:`zone.js only`,unknown:`Unknown`},kk=e=>typeof e==`string`&&Dk.includes(e);function Ak(e){if(!yk(e)||!kk(e.kind))return;let t=[`component`,`listener`,`event`,`target`,`signal`,`task`],n={kind:e.kind};kk(e.via)&&(n.via=e.via);for(let r of t){let t=xk(e[r],ak);t&&(n[r]=t)}e.zone===!0&&(n.zone=!0);let r=Ck(e.stack,hk).map(e=>xk(e,ok)).filter(Boolean);r.length&&(n.stack=r);let i=Math.floor(bk(e.more));return i&&(n.more=i),n}function jk(e){if(!yk(e))return null;let t=xk(e.name,ak);if(!t)return null;let n=e.strategy;return{name:t,refreshed:Math.floor(bk(e.refreshed)),unchanged:Math.floor(bk(e.unchanged)),...n===`OnPush`||n===`Eager`?{strategy:n}:{}}}function Mk(e){if(!yk(e))return null;let t=xk(e.name,ak),n=xk(e.input,ak);if(!t||!n)return null;let r=xk(e.parent,ak);return{name:t,input:n,...r?{parent:r}:{},inPlace:Math.floor(bk(e.inPlace)),sameContents:Math.floor(bk(e.sameContents))}}function Nk(e){if(!yk(e))return null;let t=xk(e.name,ak);if(!t)return null;let n=Ck(e.tasks,3).map(e=>xk(e,ak)).filter(Boolean);return{name:t,ticks:Math.floor(bk(e.ticks)),...n.length?{tasks:n}:{}}}function Pk(e){if(!yk(e))return;let t={};if(yk(e.causes))for(let n of Dk){let r=Math.floor(bk(e.causes[n]));r&&(t[n]=r)}let n=Ck(e.components,lk).map(jk).filter(e=>!!e),r=Ck(e.inputs,gk).map(Mk).filter(e=>!!e),i=Ck(e.zone,gk).map(Nk).filter(e=>!!e),a=Math.floor(bk(e.major));return{triggers:e.triggers===!0,waste:e.waste===!0,...a&&a<1e3?{major:a}:{},causes:t,components:n,...r.length?{inputs:r}:{},...i.length?{zone:i}:{},...typeof e.zoneJs==`boolean`?{zoneJs:e.zoneJs}:{}}}function Fk(e){let t=[],n=e.component?` in ${e.component}${e.listener?` (${e.listener})`:``}`:``;switch(e.kind){case`event`:t.push(`${e.event??`Template listener`}${e.target?` on ${e.target}`:``}${n}`);break;case`http`:t.push(`HTTP response${n}`);break;case`timer`:t.push(`${e.task??`Timer`}${n}`);break;case`zone`:t.push(`zone.js tick with no Angular notification${e.task?` after ${e.task}`:``}`);break;case`tick`:t.push(`ApplicationRef.tick()${n}`);break;default:t.push(`${Ok[e.kind]}${n}`)}return e.signal?t.push(e.signal===`?`?`wrote an unnamed signal`:`wrote signal ${e.signal}`):e.via&&e.via!==e.kind&&t.push(`via ${Ok[e.via]}`),e.zone&&e.kind!==`zone`&&t.push(`run by zone.js`),e.more&&t.push(`${e.more} more notification${e.more===1?``:`s`}`),t.join(`, `)}function Ik(e){if(!e)return[];let t=[],n=(e.major??0)>=22;for(let r of e.components){if(r.refreshed<10)continue;let e=r.refreshed-r.unchanged;if(e/r.refreshed>.2)continue;let i=`refreshed ${r.refreshed} times and changed something in ${e}`;r.strategy===`Eager`?t.push({name:r.name,kind:`on-push`,text:n?`${r.name} was ${i}. It opts out of OnPush, which is the default from Angular 22: remove \`changeDetection: ChangeDetectionStrategy.Eager\` (or \`Default\`) so Angular skips it until an input, event, signal or markForCheck marks it.`:`${r.name} was ${i}. Add \`changeDetection: ChangeDetectionStrategy.OnPush\` so Angular skips it until an input, event, signal or markForCheck marks it.`}):r.strategy===`OnPush`&&t.push({name:r.name,kind:`already-on-push`,text:`${r.name} was ${i}, and it is already OnPush${n?` (the default from Angular 22)`:``}. Something keeps marking it: an input that gets a new reference each time, an event or output in it, markForCheck, or a signal it reads that is set to an equal value.`})}for(let n of e.inputs??[]){let e=n.parent?` set by ${n.parent}`:``;n.inPlace&&t.push({name:n.name,kind:`in-place`,text:`Input ${n.input} of ${n.name}${e} changed in place ${n.inPlace} time${n.inPlace===1?``:`s`}: same reference, different contents. OnPush components, computed and signal equality don't see that. Pass a new object or array instead of mutating it.`}),n.sameContents&&t.push({name:n.name,kind:`same-contents`,text:`Input ${n.input} of ${n.name}${e} got a new reference with the same contents ${n.sameContents} time${n.sameContents===1?``:`s`}, so Angular refreshed ${n.name} for nothing. Keep the reference when nothing changed, for example with a computed instead of a method call in the template.`})}for(let n of e.zone??[]){let e=n.tasks?.length?` (after ${n.tasks.join(`, `)})`:``;t.push({name:n.name,kind:`zone`,text:`${n.name} changed in ${n.ticks} tick${n.ticks===1?``:`s`} that only zone.js started${e}. Without zone.js it would not update: keep that state in a signal, or call markForCheck after changing it.`})}return t}function Lk(e){let t=wk(e);return!t||!yk(e)?null:{...t,maxMs:bk(e.maxMs),cycles:bk(e.cycles)}}function Rk(e){if(!yk(e))return null;let t=xk(e.name,ak),n=xk(e.hook,sk);if(!t||!n)return null;let{calls:r,ms:i,maxMs:a}=e;return{name:t,hook:n,calls:bk(r),ms:bk(i),maxMs:bk(a)}}function zk(e){if(!yk(e))return null;let t=xk(e.name,ak);if(!t)return null;let n=xk(e.listener,ak);return{name:t,...n?{listener:n}:{},calls:bk(e.calls),ms:bk(e.ms),maxMs:bk(e.maxMs)}}function Bk(e){if(yk(e)&&bk(e.runs))return{runs:bk(e.runs),ms:bk(e.ms),maxMs:bk(e.maxMs)}}function Vk(e,t){if(!yk(e))return null;let n=Ck(e.spanNames,fk).map(e=>xk(e,ok)),r=Array.isArray(e.cycles)?e.cycles.slice(-Math.min(t,dk)).map(e=>Ek(e,n.length)).filter(e=>!!e):[],i={},a=0;if(yk(e.hosts)){let t=Object.entries(e.hosts);a=Math.max(0,t.length-uk);for(let[e,n]of t.slice(0,uk))e.length<50&&bk(n)&&(i[e]=bk(n))}let o=Array.isArray(e.components)?e.components:[],s=Math.floor(bk(e.droppedClasses))+Math.max(0,o.length-lk),c=Math.floor(bk(e.droppedHosts))+a,l=Ck(e.hooks,mk).map(Rk).filter(e=>!!e),u=Ck(e.outputs,mk).map(zk).filter(e=>!!e),d=Math.max(0,Ck(e.hooks,1/0).length-mk)+Math.max(0,Ck(e.outputs,1/0).length-mk),f=Math.floor(bk(e.droppedTimings))+d,p=Bk(e.afterRender),m=r.some(e=>e.spans?.length),h=Pk(e.diagnosis);return{recording:e.recording===!0,startedAt:typeof e.startedAt==`number`&&e.startedAt<=ik?bk(e.startedAt):null,dropped:bk(e.dropped),cycles:r,components:o.slice(0,lk).map(Lk).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}:{},...h?{diagnosis:h}:{}}}var Hk=`pangular-inspector/change-detection`;function Uk(e,t,n=Date.now()){return{format:Hk,version:1,exportedAt:n,pageId:t,recording:{...Vk(e,dk)??e,recording:!1,hosts:{}}}}function Wk(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(!yk(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=yk(n.recording)?n.recording:n;if(!Array.isArray(r.cycles))return{ok:!1,error:`The file has no change detection cycles.`};let i=Vk(r,t);if(!i)return{ok:!1,error:`The file is not a recording.`};let a=xk(n.pageId??r.pageId,49)||`imported`,o=Sk(n.exportedAt);return{ok:!0,pageId:a,...o?{exportedAt:o}:{},recording:{...i,recording:!1}}}var Gk=1,Kk=1,qk=2,Jk={c:`component`,h:`lifecycle-hook`,r:`after-render`,o:`output`},Yk=e=>Math.round(e*1e6)/1e3;function Xk(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:Gk,tid:Kk,ts:Yk(e),dur:Yk(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}:{},...t.cause?{cause:Fk(t.cause)}:{},...t.unchanged?{unchanged:t.unchanged}:{},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===_k.output){let n=e+i;a.push({name:l,cat:Jk[d],ph:`X`,pid:Gk,tid:qk,ts:Yk(n),dur:Yk(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:Jk[d],ph:`X`,pid:Gk,tid:Kk,ts:Yk(f),dur:Yk(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=Yk((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:Gk,tid:e,args:{name:n}});return{traceEvents:[l(0,`process_name`,`Angular change detection (page ${t})`),l(Kk,`thread_name`,`Change detection`),l(qk,`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<=ik?{startedAt:new Date(e.startedAt).toISOString()}:{}}}}var Zk=16.6;function Qk(e){return e.ms>Zk}function $k(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}function eA(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 tA(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 nA(e){let t=e.reduce((e,t)=>Math.max(e,t.ms),0);return Math.max(t,Zk*1.25)}function rA(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 iA={c:`component`,h:`hook`,r:`afterRender`,o:`output`};function aA(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 oA(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:aA(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 sA=(e,t)=>t.kind,cA=(e,t)=>t.name,lA=(e,t)=>t.name+`.`+t.input;function uA(e,t){e&1&&(B(0,`p`,3),J(1,` The page has no Angular change detection scheduler the overlay could find (it needs Angular 18 or later), so cycles have no cause. `),V())}function dA(e,t){if(e&1&&(B(0,`tr`)(1,`td`),J(2),V(),B(3,`td`,6),J(4),V()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),Y(e.count)}}function fA(e,t){if(e&1&&(B(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),J(4,`Trigger`),V(),B(5,`th`,5),J(6,`Cycles`),V()()(),B(7,`tbody`),P(8,dA,5,2,`tr`,null,sA),V()()),e&2){let e=G(2);k(8),F(e.causes())}}function pA(e,t){e&1&&(B(0,`p`,3),J(1,`No cycle has a cause yet.`),V())}function mA(e,t){if(e&1&&(B(0,`tr`)(1,`td`,7),J(2),V(),B(3,`td`,6),J(4),V(),B(5,`td`,7),J(6),V()()),e&2){let e=t.$implicit;k(2),Y(e.name),k(2),Y(e.ticks),k(2),Y(e.tasks?.join(`, `))}}function hA(e,t){if(e&1&&(B(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),J(4,`Component`),V(),B(5,`th`,5),J(6,`Zone-only ticks`),V(),B(7,`th`,4),J(8,`After`),V()()(),B(9,`tbody`),P(10,mA,7,3,`tr`,null,cA),V()()),e&2){let e=G(3);k(10),F(e.zone())}}function gA(e,t){if(e&1&&(B(0,`p`,3),J(1),V()),e&2){let e=G(3);k(),Y(e.zoneNote())}}function _A(e,t){if(e&1&&(B(0,`div`)(1,`h4`),J(2,`Depends on zone.js`),V(),M(3,hA,12,0,`table`)(4,gA,2,1,`p`,3),V()),e&2){let e=G(),t=G();k(3),N(t.zone().length?3:e.triggers?4:-1)}}function vA(e,t){e&1&&(B(0,`p`,3),J(1,`The page can't watch DOM updates, so wasted checks are not counted.`),V())}function yA(e,t){if(e&1&&(B(0,`tr`)(1,`td`,7),J(2),V(),B(3,`td`,6),J(4),V(),B(5,`td`,6),J(6),V(),B(7,`td`),J(8),V()()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.name),k(2),Y(e.refreshed),k(2),Z(``,e.unchanged,` (`,n.share(e.unchanged,e.refreshed),`)`),k(2),Y(e.strategy??`Unknown`)}}function bA(e,t){if(e&1&&(B(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),J(4,`Component`),V(),B(5,`th`,5),J(6,`Refreshed`),V(),B(7,`th`,5),J(8,`Changed nothing`),V(),B(9,`th`,4),J(10,`Strategy`),V()()(),B(11,`tbody`),P(12,yA,9,5,`tr`,null,cA),V()()),e&2){let e=G(2);k(12),F(e.wasted())}}function xA(e,t){e&1&&(B(0,`p`,3),J(1,`Every refreshed check changed something.`),V())}function SA(e,t){if(e&1&&(B(0,`tr`)(1,`td`,7),J(2),V(),B(3,`td`,7),J(4),V(),B(5,`td`,6),J(6),V(),B(7,`td`,6),J(8),V()()),e&2){let e=t.$implicit;k(2),Z(``,e.name,`.`,e.input),k(2),Y(e.parent??`Unknown`),k(2),Y(e.inPlace),k(2),Y(e.sameContents)}}function CA(e,t){if(e&1&&(B(0,`h4`),J(1,`Inputs that break OnPush`),V(),B(2,`table`)(3,`thead`)(4,`tr`)(5,`th`,4),J(6,`Input`),V(),B(7,`th`,4),J(8,`Set by`),V(),B(9,`th`,5),J(10,`Changed in place`),V(),B(11,`th`,5),J(12,`Same contents, new reference`),V()()(),B(13,`tbody`),P(14,SA,9,5,`tr`,null,lA),V()()),e&2){let e=G(2);k(14),F(e.inputs())}}function wA(e,t){if(e&1&&(B(0,`li`),J(1),V()),e&2){let e=t.$implicit;k(),Y(e.text)}}function TA(e,t){if(e&1&&(B(0,`h4`),J(1,`Hints`),V(),B(2,`ul`,8),P(3,wA,2,1,`li`,null,kg),V()),e&2){let e=G(2);k(3),F(e.hints())}}function EA(e,t){if(e&1&&(B(0,`section`,0)(1,`h3`,1),J(2,`Why it ran and what it wasted`),V(),B(3,`div`,2)(4,`div`)(5,`h4`),J(6,`What started the cycles`),V(),M(7,uA,2,0,`p`,3)(8,fA,10,0,`table`)(9,pA,2,0,`p`,3),V(),M(10,_A,5,1,`div`),V(),B(11,`h4`),J(12,`Wasted checks`),V(),M(13,vA,2,0,`p`,3)(14,bA,14,0,`table`)(15,xA,2,0,`p`,3),M(16,CA,16,0),M(17,TA,5,0),V()),e&2){let e=t,n=G();k(7),N(e.triggers?n.causes().length?8:9:7),k(3),N(n.hasZone()?10:-1),k(3),N(e.waste?n.wasted().length?14:15:13),k(3),N(n.inputs().length?16:-1),k(),N(n.hints().length?17:-1)}}var DA=10,OA=class e{page=$(null);diagnosis=Q(()=>this.page()?.diagnosis??null);causes=Q(()=>{let e=this.diagnosis()?.causes??{};return Dk.filter(t=>e[t]).map(t=>({kind:t,label:Ok[t],count:e[t]}))});zone=Q(()=>(this.diagnosis()?.zone??[]).slice(0,DA));zoneTicks=Q(()=>this.diagnosis()?.causes.zone??0);hasZone=Q(()=>this.diagnosis()?.zoneJs??(this.zone().length>0||this.zoneTicks()>0));zoneNote=Q(()=>{let e=this.zoneTicks();return e?`${e} ${e===1?`tick`:`ticks`} came from zone.js alone, and no component changed in them.`:`No component changed in a tick only zone.js started.`});wasted=Q(()=>(this.diagnosis()?.components??[]).filter(e=>e.unchanged>0).slice(0,DA));inputs=Q(()=>(this.diagnosis()?.inputs??[]).slice(0,DA));hints=Q(()=>Ik(this.diagnosis()??void 0).slice(0,DA));share(e,t){return t?`${Math.round(e/t*100)}%`:`0%`}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-cd-diagnosis`]],inputs:{page:[1,`page`]},decls:1,vars:1,consts:[[`aria-labelledby`,`cd-diagnosis-heading`,1,`diagnosis`],[`id`,`cd-diagnosis-heading`],[1,`grid`],[1,`note`],[`scope`,`col`],[`scope`,`col`,1,`num`],[1,`num`],[1,`mono`],[1,`hints`]],template:function(e,t){if(e&1&&M(0,EA,18,5,`section`,0),e&2){let e;N((e=t.diagnosis())?0:-1,e)}},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -844,7 +844,7 @@ td.mono[_ngcontent-%COMP%] {
 
 .hints[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    + li[_ngcontent-%COMP%] {
   margin-top: 4px;
-}`]})},OA=(e,t)=>t.cycle.id,kA=(e,t)=>t.id;function AA(e,t){if(e&1){let e=H();B(0,`button`,27),W(`click`,function(){return T(e),E(G().showAll())}),J(1,`Show all cycles`),V()}}function jA(e,t){if(e&1&&Vg(0,`div`,28),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function MA(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),k(),K(`height`,e.height,`%`)}}function NA(e,t){e&1&&(B(0,`span`,33),J(1,`over budget`),V())}function PA(e,t){if(e&1&&(B(0,`p`),J(1,` after `),B(2,`span`,35),J(3),V()()),e&2){let e=G();k(3),Y(e.cycle.trigger)}}function FA(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);k(2),Y(e.name),k(2),Y(n.fmt(e.ms))}}function IA(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,NA,2,0,`span`,33),V(),M(7,PA,4,1,`p`),B(8,`p`),J(9),V(),P(10,FA,5,2,`p`,34,kg),V()),e&2){let e=t,n=G();K(`left`,e.left)(`right`,e.right),k(3),Y(n.fmt(e.cycle.ms)),k(2),X(`cycle `,e.cycle.id),k(),N(e.over?6:-1),k(),N(e.cycle.trigger?7:-1),k(2),iv(` `,e.cycle.checks,` `,e.cycle.checks===1?`check`:`checks`,`, `,e.cycle.passes,` `,e.cycle.passes===1?`pass`:`passes`,` `),k(),F(e.top)}}function LA(e,t){if(e&1&&Vg(0,`span`),e&2){let e=t.$implicit;q(`over`,e.over)}}function RA(e,t){if(e&1&&J(0),e&2){let e=t,n=G(2);Z(` `,e.name,` (`,n.fmt(e.ms),`) `)}}function zA(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,RA,1,2),V()()),e&2){let e,n=t.$implicit,r=G();k(2),Y(n.id),k(2),Y(r.fmt(n.ms)),k(2),Y(r.isOver(n)?`Over`:`Within`),k(2),Y(n.checks),k(2),Y(n.passes),k(2),Y(n.trigger??``),k(2),N((e=n.components[0])?14:-1,e)}}var BA=0,VA=80,HA=10,UA=class e{cycles=$([]);range=Gv(null);gapUntil=VA;budgetLabel=`${Zk} ms budget`;uid=`cd-chart-${BA++}`;hintId=`${this.uid}-hint`;active=O(null);anchor=null;dragging=!1;hover=O(null);focused=O(!1);max=Q(()=>nA(this.cycles()));budgetAt=Q(()=>Zk/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:Qk(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(()=>eA(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(Qk).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 ${Zk} 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:Qk(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 $k(e)}isOver(e){return Qk(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}`,$k(e.ms)];Qk(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} ${$k(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+HA;break;case`PageUp`:r=n-HA;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=A({type:e,selectors:[[`app-cd-cycle-chart`]],hostBindings:function(e,t){e&1&&U(`pointerup`,function(){return t.endDrag()},Fu)(`pointercancel`,function(){return t.endDrag()},Fu)},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,AA,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,jA,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,MA,2,12,`div`,13,OA),V(),M(28,IA,12,12,`div`,14),V()(),B(29,`div`,15),P(30,LA,1,2,`span`,16,OA),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,zA,15,7,`tr`,null,kA),V()()()()),e&2){let e,n;k(4),qg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.startId()),k(4),qg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.endId()),k(),N(t.range()?9:-1),k(2),Y(t.summary()),k(),qg(`id`,t.hintId),k(2),q(`flush`,t.bars().length>t.gapUntil),k(3),Y(t.fmt(t.max())),k(4),N((e=t.band())?21:-1,e),k(),K(`bottom`,t.budgetAt(),`%`),k(2),Y(t.budgetLabel),k(),j(`aria-label`,`Change detection cycles, `+t.summary())(`aria-describedby`,t.hintId)(`aria-activedescendant`,t.activeOptionId()),k(),F(t.bars()),k(2),N((n=t.tip())?28:-1,n),k(),q(`flush`,t.bars().length>t.gapUntil),k(),F(t.bars()),k(12),Y(t.budgetLabel),k(4),j(`aria-label`,t.tableLabel()),k(3),X(` `,t.tableLabel(),` `),k(18),F(t.selected())}},styles:[`[_nghost-%COMP%] {
+}`]})},kA=(e,t)=>t.cycle.id,AA=(e,t)=>t.id;function jA(e,t){if(e&1){let e=H();B(0,`button`,27),W(`click`,function(){return T(e),E(G().showAll())}),J(1,`Show all cycles`),V()}}function MA(e,t){if(e&1&&Vg(0,`div`,28),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function NA(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),k(),K(`height`,e.height,`%`)}}function PA(e,t){e&1&&(B(0,`span`,33),J(1,`over budget`),V())}function FA(e,t){if(e&1&&(B(0,`p`),J(1,` after `),B(2,`span`,35),J(3),V()()),e&2){let e=G();k(3),Y(e.cycle.trigger)}}function IA(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);k(2),Y(e.name),k(2),Y(n.fmt(e.ms))}}function LA(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,PA,2,0,`span`,33),V(),M(7,FA,4,1,`p`),B(8,`p`),J(9),V(),P(10,IA,5,2,`p`,34,kg),V()),e&2){let e=t,n=G();K(`left`,e.left)(`right`,e.right),k(3),Y(n.fmt(e.cycle.ms)),k(2),X(`cycle `,e.cycle.id),k(),N(e.over?6:-1),k(),N(e.cycle.trigger?7:-1),k(2),iv(` `,e.cycle.checks,` `,e.cycle.checks===1?`check`:`checks`,`, `,e.cycle.passes,` `,e.cycle.passes===1?`pass`:`passes`,` `),k(),F(e.top)}}function RA(e,t){if(e&1&&Vg(0,`span`),e&2){let e=t.$implicit;q(`over`,e.over)}}function zA(e,t){if(e&1&&J(0),e&2){let e=t,n=G(2);Z(` `,e.name,` (`,n.fmt(e.ms),`) `)}}function BA(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,zA,1,2),V()()),e&2){let e,n=t.$implicit,r=G();k(2),Y(n.id),k(2),Y(r.fmt(n.ms)),k(2),Y(r.isOver(n)?`Over`:`Within`),k(2),Y(n.checks),k(2),Y(n.passes),k(2),Y(n.trigger??``),k(2),N((e=n.components[0])?14:-1,e)}}var VA=0,HA=80,UA=10,WA=class e{cycles=$([]);range=Gv(null);gapUntil=HA;budgetLabel=`${Zk} ms budget`;uid=`cd-chart-${VA++}`;hintId=`${this.uid}-hint`;active=O(null);anchor=null;dragging=!1;hover=O(null);focused=O(!1);max=Q(()=>nA(this.cycles()));budgetAt=Q(()=>Zk/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:Qk(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(()=>eA(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(Qk).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 ${Zk} 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:Qk(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 $k(e)}isOver(e){return Qk(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}`,$k(e.ms)];Qk(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} ${$k(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+UA;break;case`PageUp`:r=n-UA;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=A({type:e,selectors:[[`app-cd-cycle-chart`]],hostBindings:function(e,t){e&1&&U(`pointerup`,function(){return t.endDrag()},Fu)(`pointercancel`,function(){return t.endDrag()},Fu)},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,jA,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,MA,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,NA,2,12,`div`,13,kA),V(),M(28,LA,12,12,`div`,14),V()(),B(29,`div`,15),P(30,RA,1,2,`span`,16,kA),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,BA,15,7,`tr`,null,AA),V()()()()),e&2){let e,n;k(4),qg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.startId()),k(4),qg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.endId()),k(),N(t.range()?9:-1),k(2),Y(t.summary()),k(),qg(`id`,t.hintId),k(2),q(`flush`,t.bars().length>t.gapUntil),k(3),Y(t.fmt(t.max())),k(4),N((e=t.band())?21:-1,e),k(),K(`bottom`,t.budgetAt(),`%`),k(2),Y(t.budgetLabel),k(),j(`aria-label`,`Change detection cycles, `+t.summary())(`aria-describedby`,t.hintId)(`aria-activedescendant`,t.activeOptionId()),k(),F(t.bars()),k(2),N((n=t.tip())?28:-1,n),k(),q(`flush`,t.bars().length>t.gapUntil),k(),F(t.bars()),k(12),Y(t.budgetLabel),k(4),j(`aria-label`,t.tableLabel()),k(3),X(` `,t.tableLabel(),` `),k(18),F(t.selected())}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1224,7 +1224,7 @@ td.mono[_ngcontent-%COMP%] {
   .bar[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},WA=(e,t)=>t.id,GA=(e,t)=>t.index,KA=(e,t)=>t.kind;function qA(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=G(2);k(),Z(` Pick `,e.max,` cycles or fewer to see their spans. `,e.count(),` are picked. `)}}function JA(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=t.$implicit;K(`left`,e.x,`%`)(`width`,e.w,`%`),k(),X(`cycle `,e.id)}}function YA(e,t){if(e&1){let e=H();B(0,`button`,11),W(`focus`,function(){let t=T(e).$implicit;return E(G(3).current.set(t.index))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).hover.set(t.index))})(`mouseleave`,function(){return T(e),E(G(3).hover.set(null))})(`click`,function(){let t=T(e).$implicit;return E(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`),k(2),Y(e.name)}}function XA(e,t){if(e&1&&(B(0,`li`),Vg(1,`span`,13),J(2),V()),e&2){let e=t.$implicit;k(),M_(pv(`key kind-`,e.kind)),k(),Y(e.label)}}function ZA(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=G(3);k(),Z(` Each cycle keeps its longest spans. `,e.dropped(),` shorter `,e.dropped()===1?`span was`:`spans were`,` left out. `)}}function QA(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);k(2),Y(e.cycleId),k(),K(`padding-left`,6+e.depth*8,`px`),k(),Y(e.name),k(2),Y(n.kindLabel(e)),k(2),Y(e.depth),k(2),Y(n.fmt(e.start)),k(2),Y(n.fmt(e.ms)),k(2),Y(n.fmt(e.selfMs))}}function $A(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,QA,15,9,`tr`,null,GA),V()()()),e&2){let e=G(),t=G(2);j(`aria-label`,t.tableLabel()),k(3),X(` `,t.tableLabel(),` `),k(18),F(e.blocks)}}function ej(e,t){if(e&1){let e=H();B(0,`div`,1),W(`keydown`,function(t){return T(e),E(G(2).onKey(t))}),B(1,`div`,2),P(2,JA,2,5,`span`,3,WA),V(),B(4,`div`,4),P(5,YA,3,16,`button`,5,GA),V()(),B(7,`p`,6),J(8),V(),B(9,`ul`,7),P(10,XA,3,4,`li`,null,KA),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,ZA,2,2,`p`,0),B(15,`details`,9),W(`toggle`,function(t){return T(e),E(G(2).onToggle(t))}),B(16,`summary`),J(17,`Show the spans as a table`),V(),M(18,$A,23,2,`div`,10),V()}if(e&2){let e=t,n=G(2);j(`aria-label`,n.label()),k(2),F(e.cycles),k(2),K(`height`,e.depth*n.row,`px`),k(),F(e.blocks),k(3),Y(n.readout()),k(2),F(n.kinds),k(4),N(n.dropped()?14:-1),k(4),N(n.tableOpen()?18:-1)}}function tj(e,t){if(e&1&&(B(0,`h3`),J(1,`Spans in the picked cycles`),V(),M(2,qA,2,2,`p`,0)(3,ej,19,6)),e&2){let e,t=G();k(2),N(t.tooMany()?2:(e=t.graph())?3:-1,e)}}var nj=22;function rj(e,t){for(let n=e.length-1;n>=0;n--)if(t(e[n]))return e[n]}var ij=class e{cycles=$([]);names=$([]);scope=$(`the recording`);pick=Rv();row=nj;max=30;kinds=[`c`,`h`,`r`,`o`].map(e=>({kind:e,label:iA[e]}));current=O(0);tableOpen=O(!1);hover=O(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:oA(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 $k(e)}kindLabel(e){return iA[e.kind]}onToggle(e){this.tableOpen.set(e.target.open)}describe(e){let t=[e.name,iA[e.kind],`${$k(e.ms)} total`];return e.selfMs!==e.ms&&t.push(`${$k(e.selfMs)} self`),t.push(e.start<0?`cycle ${e.cycleId}, ${$k(-e.start)} before it started`:`cycle ${e.cycleId} at ${$k(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=rj(t,e=>e.index<n.index&&e.depth===n.depth);break;case`ArrowUp`:r=n.parent===null?rj(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=A({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,tj,4,1),e&2&&N(t.hasSpans()?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})},GA=(e,t)=>t.id,KA=(e,t)=>t.index,qA=(e,t)=>t.kind;function JA(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=G(2);k(),Z(` Pick `,e.max,` cycles or fewer to see their spans. `,e.count(),` are picked. `)}}function YA(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=t.$implicit;K(`left`,e.x,`%`)(`width`,e.w,`%`),k(),X(`cycle `,e.id)}}function XA(e,t){if(e&1){let e=H();B(0,`button`,11),W(`focus`,function(){let t=T(e).$implicit;return E(G(3).current.set(t.index))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).hover.set(t.index))})(`mouseleave`,function(){return T(e),E(G(3).hover.set(null))})(`click`,function(){let t=T(e).$implicit;return E(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`),k(2),Y(e.name)}}function ZA(e,t){if(e&1&&(B(0,`li`),Vg(1,`span`,13),J(2),V()),e&2){let e=t.$implicit;k(),M_(pv(`key kind-`,e.kind)),k(),Y(e.label)}}function QA(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=G(3);k(),Z(` Each cycle keeps its longest spans. `,e.dropped(),` shorter `,e.dropped()===1?`span was`:`spans were`,` left out. `)}}function $A(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);k(2),Y(e.cycleId),k(),K(`padding-left`,6+e.depth*8,`px`),k(),Y(e.name),k(2),Y(n.kindLabel(e)),k(2),Y(e.depth),k(2),Y(n.fmt(e.start)),k(2),Y(n.fmt(e.ms)),k(2),Y(n.fmt(e.selfMs))}}function ej(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,$A,15,9,`tr`,null,KA),V()()()),e&2){let e=G(),t=G(2);j(`aria-label`,t.tableLabel()),k(3),X(` `,t.tableLabel(),` `),k(18),F(e.blocks)}}function tj(e,t){if(e&1){let e=H();B(0,`div`,1),W(`keydown`,function(t){return T(e),E(G(2).onKey(t))}),B(1,`div`,2),P(2,YA,2,5,`span`,3,GA),V(),B(4,`div`,4),P(5,XA,3,16,`button`,5,KA),V()(),B(7,`p`,6),J(8),V(),B(9,`ul`,7),P(10,ZA,3,4,`li`,null,qA),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,QA,2,2,`p`,0),B(15,`details`,9),W(`toggle`,function(t){return T(e),E(G(2).onToggle(t))}),B(16,`summary`),J(17,`Show the spans as a table`),V(),M(18,ej,23,2,`div`,10),V()}if(e&2){let e=t,n=G(2);j(`aria-label`,n.label()),k(2),F(e.cycles),k(2),K(`height`,e.depth*n.row,`px`),k(),F(e.blocks),k(3),Y(n.readout()),k(2),F(n.kinds),k(4),N(n.dropped()?14:-1),k(4),N(n.tableOpen()?18:-1)}}function nj(e,t){if(e&1&&(B(0,`h3`),J(1,`Spans in the picked cycles`),V(),M(2,JA,2,2,`p`,0)(3,tj,19,6)),e&2){let e,t=G();k(2),N(t.tooMany()?2:(e=t.graph())?3:-1,e)}}var rj=22;function ij(e,t){for(let n=e.length-1;n>=0;n--)if(t(e[n]))return e[n]}var aj=class e{cycles=$([]);names=$([]);scope=$(`the recording`);pick=Rv();row=rj;max=30;kinds=[`c`,`h`,`r`,`o`].map(e=>({kind:e,label:iA[e]}));current=O(0);tableOpen=O(!1);hover=O(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:oA(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 $k(e)}kindLabel(e){return iA[e.kind]}onToggle(e){this.tableOpen.set(e.target.open)}describe(e){let t=[e.name,iA[e.kind],`${$k(e.ms)} total`];return e.selfMs!==e.ms&&t.push(`${$k(e.selfMs)} self`),t.push(e.start<0?`cycle ${e.cycleId}, ${$k(-e.start)} before it started`:`cycle ${e.cycleId} at ${$k(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=ij(t,e=>e.index<n.index&&e.depth===n.depth);break;case`ArrowUp`:r=n.parent===null?ij(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=A({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,nj,4,1),e&2&&N(t.hasSpans()?0:-1)},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1431,7 +1431,7 @@ td.mono[_ngcontent-%COMP%] {
 .num[_ngcontent-%COMP%] {
   text-align: right;
   font-variant-numeric: tabular-nums;
-}`]})};function aj(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);k(2),Z(``,e.name,`.`,e.hook),k(2),Y(e.calls),k(2),Y(n.ms(e.ms)),k(2),Y(n.ms(e.maxMs))}}function oj(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,aj,9,5,`tr`,null,kg),V()()()),e&2){let e=G(2);k(15),F(e.hooks())}}function sj(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` (`,e.listener,`) `)}}function cj(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5),J(2),M(3,sj,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);k(2),X(` `,e.name,` `),k(),N(e.listener?3:-1),k(2),Y(e.calls),k(2),Y(n.ms(e.ms)),k(2),Y(n.ms(e.maxMs))}}function lj(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,cj,10,5,`tr`,null,kg),V()()()),e&2){let e=G(2);k(15),F(e.outputs())}}function uj(e,t){if(e&1&&(B(0,`p`,1),J(1),V()),e&2){let e=t,n=G(2);k(),iv(` afterRender callbacks ran `,e.runs,` `,e.runs===1?`time`:`times`,`, `,n.ms(e.ms),` in total, slowest `,n.ms(e.maxMs),`. `)}}function dj(e,t){if(e&1&&(B(0,`p`,2),J(1),V()),e&2){let e=G(2);k(),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 fj(e,t){if(e&1&&(B(0,`div`,0),M(1,oj,17,0,`div`),M(2,lj,17,0,`div`),V(),M(3,uj,2,4,`p`,1),M(4,dj,2,2,`p`,2)),e&2){let e,t=G();k(),N(t.hooks().length?1:-1),k(),N(t.outputs().length?2:-1),k(),N((e=t.afterRender())?3:-1,e),k(),N(t.dropped()?4:-1)}}var pj=10;function mj(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}var hj=class e{page=$(null);hooks=Q(()=>(this.page()?.hooks??[]).slice(0,pj));outputs=Q(()=>(this.page()?.outputs??[]).slice(0,pj));afterRender=Q(()=>{let e=this.page()?.afterRender;return e?.runs?e:null});dropped=Q(()=>this.page()?.droppedTimings??0);ms(e){return mj(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,fj,5,4),e&2&&N(t.hooks().length||t.outputs().length||t.afterRender()?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})};function oj(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);k(2),Z(``,e.name,`.`,e.hook),k(2),Y(e.calls),k(2),Y(n.ms(e.ms)),k(2),Y(n.ms(e.maxMs))}}function sj(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,oj,9,5,`tr`,null,kg),V()()()),e&2){let e=G(2);k(15),F(e.hooks())}}function cj(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` (`,e.listener,`) `)}}function lj(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5),J(2),M(3,cj,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);k(2),X(` `,e.name,` `),k(),N(e.listener?3:-1),k(2),Y(e.calls),k(2),Y(n.ms(e.ms)),k(2),Y(n.ms(e.maxMs))}}function uj(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,lj,10,5,`tr`,null,kg),V()()()),e&2){let e=G(2);k(15),F(e.outputs())}}function dj(e,t){if(e&1&&(B(0,`p`,1),J(1),V()),e&2){let e=t,n=G(2);k(),iv(` afterRender callbacks ran `,e.runs,` `,e.runs===1?`time`:`times`,`, `,n.ms(e.ms),` in total, slowest `,n.ms(e.maxMs),`. `)}}function fj(e,t){if(e&1&&(B(0,`p`,2),J(1),V()),e&2){let e=G(2);k(),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 pj(e,t){if(e&1&&(B(0,`div`,0),M(1,sj,17,0,`div`),M(2,uj,17,0,`div`),V(),M(3,dj,2,4,`p`,1),M(4,fj,2,2,`p`,2)),e&2){let e,t=G();k(),N(t.hooks().length?1:-1),k(),N(t.outputs().length?2:-1),k(),N((e=t.afterRender())?3:-1,e),k(),N(t.dropped()?4:-1)}}var mj=10;function hj(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}var gj=class e{page=$(null);hooks=Q(()=>(this.page()?.hooks??[]).slice(0,mj));outputs=Q(()=>(this.page()?.outputs??[]).slice(0,mj));afterRender=Q(()=>{let e=this.page()?.afterRender;return e?.runs?e:null});dropped=Q(()=>this.page()?.droppedTimings??0);ms(e){return hj(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,pj,5,4),e&2&&N(t.hooks().length||t.outputs().length||t.afterRender()?0:-1)},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -1491,7 +1491,7 @@ td.mono[_ngcontent-%COMP%] {
   margin: 8px 0 0;
   color: var(--%NS%text-2);
   font-size: 12px;
-}`]})};function gj(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=G();k(),Y(e.error())}}function _j(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 vj=class e{page=$(null);maxCycles=$(200);imported=Rv();error=O(``);hasCycles(){return(this.page()?.cycles.length??0)>0}exportJson(){let e=this.page();e&&_j(Uk(e,e.pageId),`change-detection-${e.pageId}.json`)}exportTrace(){let e=this.page();e&&_j(Xk(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=Wk(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=A({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 T(e),E(d_(8).click())}),J(6,`Import`),V(),B(7,`input`,4,0),W(`change`,function(){T(e);let n=d_(8);return E(t.read(n))}),V()(),M(9,gj,2,1,`p`,5)}e&2&&(k(),qg(`disabled`,!t.hasCycles()),k(2),qg(`disabled`,!t.hasCycles()),k(6),N(t.error()?9:-1))},styles:[`[_nghost-%COMP%] {
+}`]})};function _j(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=G();k(),Y(e.error())}}function vj(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 yj=class e{page=$(null);maxCycles=$(200);imported=Rv();error=O(``);hasCycles(){return(this.page()?.cycles.length??0)>0}exportJson(){let e=this.page();e&&vj(Uk(e,e.pageId),`change-detection-${e.pageId}.json`)}exportTrace(){let e=this.page();e&&vj(Xk(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=Wk(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=A({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 T(e),E(d_(8).click())}),J(6,`Import`),V(),B(7,`input`,4,0),W(`change`,function(){T(e);let n=d_(8);return E(t.read(n))}),V()(),M(9,_j,2,1,`p`,5)}e&2&&(k(),qg(`disabled`,!t.hasCycles()),k(2),qg(`disabled`,!t.hasCycles()),k(6),N(t.error()?9:-1))},styles:[`[_nghost-%COMP%] {
   display: contents;
 }
 
@@ -1533,7 +1533,7 @@ button[_ngcontent-%COMP%]:disabled {
   margin: 0;
   color: var(--%NS%danger-text);
   font-size: 12px;
-}`]})},yj=(e,t)=>t.stat.name;function bj(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2).$implicit;k(),X(``,e.other,` more`)}}function xj(e,t){if(e&1&&(B(0,`div`,6)(1,`span`,7),J(2),V(),M(3,bj,2,1,`span`,8),V()),e&2){let e=G().$implicit;K(`--%NS%tone`,e.tone+`%`),k(2),Y(e.label),k(),N(e.roomy?3:-1)}}function Sj(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);k(),Y(e.stat.name),k(2),Y(t.fmt(e.stat.ms))}}function Cj(e,t){if(e&1){let e=H();B(0,`button`,9),W(`focus`,function(){T(e);let t=G().$index;return E(G(2).current.set(t))})(`click`,function(){T(e);let t=G().$implicit;return E(G(2).pick.emit(t.stat.name))}),M(1,Sj,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),k(),N(t.roomy?1:-1)}}function wj(e,t){if(e&1&&(B(0,`li`),M(1,xj,4,4,`div`,4)(2,Cj,2,6,`button`,5),V()),e&2){let e=t.$implicit;K(`left`,e.x,`%`)(`top`,e.y,`%`)(`width`,e.w,`%`)(`height`,e.h,`%`),k(),N(e.other?1:2)}}function Tj(e,t){if(e&1){let e=H();B(0,`ul`,2),W(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(1,wj,3,9,`li`,3,yj),V()}if(e&2){let e=G();j(`aria-label`,e.label()),k(),F(e.cells())}}function Ej(e,t){e&1&&(B(0,`p`,1),J(1,`No component time in these cycles.`),V())}var Dj=24,Oj=3,kj=class e{stats=$([]);scope=$(`the recording`);pick=Rv();current=O(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,Dj),n=e.slice(Dj),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=rA(i,e=>e.stat.ms,Oj);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, ${$k(t.ms)}, ${r}% of self time`:`${t.name}, ${$k(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 $k(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=A({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,Tj,3,1,`ul`,0)(1,Ej,2,0,`p`,1),e&2&&N(+!t.cells().length)},styles:[`[_nghost-%COMP%] {
+}`]})},bj=(e,t)=>t.stat.name;function xj(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2).$implicit;k(),X(``,e.other,` more`)}}function Sj(e,t){if(e&1&&(B(0,`div`,6)(1,`span`,7),J(2),V(),M(3,xj,2,1,`span`,8),V()),e&2){let e=G().$implicit;K(`--%NS%tone`,e.tone+`%`),k(2),Y(e.label),k(),N(e.roomy?3:-1)}}function Cj(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);k(),Y(e.stat.name),k(2),Y(t.fmt(e.stat.ms))}}function wj(e,t){if(e&1){let e=H();B(0,`button`,9),W(`focus`,function(){T(e);let t=G().$index;return E(G(2).current.set(t))})(`click`,function(){T(e);let t=G().$implicit;return E(G(2).pick.emit(t.stat.name))}),M(1,Cj,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),k(),N(t.roomy?1:-1)}}function Tj(e,t){if(e&1&&(B(0,`li`),M(1,Sj,4,4,`div`,4)(2,wj,2,6,`button`,5),V()),e&2){let e=t.$implicit;K(`left`,e.x,`%`)(`top`,e.y,`%`)(`width`,e.w,`%`)(`height`,e.h,`%`),k(),N(e.other?1:2)}}function Ej(e,t){if(e&1){let e=H();B(0,`ul`,2),W(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(1,Tj,3,9,`li`,3,bj),V()}if(e&2){let e=G();j(`aria-label`,e.label()),k(),F(e.cells())}}function Dj(e,t){e&1&&(B(0,`p`,1),J(1,`No component time in these cycles.`),V())}var Oj=24,kj=3,Aj=class e{stats=$([]);scope=$(`the recording`);pick=Rv();current=O(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,Oj),n=e.slice(Oj),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=rA(i,e=>e.stat.ms,kj);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, ${$k(t.ms)}, ${r}% of self time`:`${t.name}, ${$k(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 $k(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=A({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,Ej,3,1,`ul`,0)(1,Dj,2,0,`p`,1),e&2&&N(+!t.cells().length)},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1609,7 +1609,7 @@ button.cell[_ngcontent-%COMP%]:focus-visible {
 .empty[_ngcontent-%COMP%] {
   margin: 8px 0;
   color: var(--%NS%text-2);
-}`]})},Aj=(e,t)=>t.id;function jj(e,t){if(e&1){let e=H();L(0,`button`,15),U(`click`,function(){return T(e),E(G(2).clear())}),J(1,`Clear`),R()}}function Mj(e,t){if(e&1){let e=H();L(0,`button`,12),U(`click`,function(){return T(e),E(G().toggle())}),z(1,`span`,13),J(2),R(),M(3,jj,2,0,`button`,14)}if(e&2){let e=G();q(`on`,e.recording()),I(`disabled`,!e.pageId()),k(2),X(` `,e.recording()?`Stop recording`:`Record`,` `),k(),N(e.cycles().length?3:-1)}}function Nj(e,t){if(e&1){let e=H();L(0,`p`,6)(1,`span`,16),J(2,`Imported recording`),R(),L(3,`span`,17),J(4),R(),L(5,`button`,15),U(`click`,function(){return T(e),E(G().closeImport())}),J(6,`Back to live recording`),R()()}e&2&&(k(4),Y(t.fileName))}function Pj(e,t){e&1&&z(0,`app-angular-unavailable`,8),e&2&&I(`page`,G().angularPage())}function Fj(e,t){e&1&&(L(0,`p`,10),J(1,`Angular profiling stays on until the page reloads.`),R())}function Ij(e,t){e&1&&z(0,`app-angular-unavailable`,21),e&2&&I(`page`,G(2).angularPage())}function Lj(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`span`,19),J(2,`Live views`),R(),L(3,`button`,20),U(`click`,function(){T(e);let t=G();return E(t.setView(`flash`,!t.views().flash))}),z(4,`span`,13),J(5,` Flash checks `),R(),L(6,`button`,20),U(`click`,function(){T(e);let t=G();return E(t.setView(`track`,!t.views().track))}),z(7,`span`,13),J(8,` Performance track `),R(),L(9,`button`,20),U(`click`,function(){return T(e),E(G().setView(`angularProfiling`,!0))}),z(10,`span`,13),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,Fj,2,0,`p`,10)(15,Ij,1,1,`app-angular-unavailable`,21)}if(e&2){let e=G();k(3),I(`disabled`,!e.canShowViews()),j(`aria-pressed`,e.views().flash),k(3),I(`disabled`,!e.canShowViews()),j(`aria-pressed`,e.views().track),k(3),I(`disabled`,!e.canShowViews()||e.views().angularProfiling||!e.views().angularProfilingAvailable),j(`aria-pressed`,e.views().angularProfiling),k(5),N(e.views().angularProfiling?14:e.views().angularProfilingAvailable?-1:15)}}function Rj(e,t){if(e&1&&(L(0,`p`,10),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function zj(e,t){if(e&1&&(L(0,`p`,24),J(1),R()),e&2){let e=G(2);k(),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 Bj(e,t){e&1&&(L(0,`p`,10),J(1,` For picked cycles, totals come from the 10 slowest components each cycle lists. `),R())}function Vj(e,t){if(e&1){let e=H();L(0,`h3`),J(1,`Cycles`),R(),L(2,`app-cd-cycle-chart`,22),cv(`rangeChange`,function(t){T(e);let n=G();return sv(n.range,t)||(n.range=t),E(t)}),R(),L(3,`app-cd-flame-graph`,23),U(`pick`,function(t){return T(e),E(G().showComponent.emit(t))}),R(),M(4,zj,2,1,`p`,24),L(5,`h3`),J(6,`Self time by component`),R(),M(7,Bj,2,0,`p`,10),L(8,`app-cd-treemap`,25),U(`pick`,function(t){return T(e),E(G().showComponent.emit(t))}),R()}if(e&2){let e=G();k(2),I(`cycles`,e.cycles()),ov(`range`,e.range),k(),I(`cycles`,e.picked())(`names`,e.spanNames())(`scope`,e.scope()),k(),N(e.hasSpans()?-1:4),k(3),N(e.range()?7:-1),k(),I(`stats`,e.stats())(`scope`,e.scope())}}function Hj(e,t){if(e&1&&(L(0,`tr`)(1,`td`,17),J(2),R(),L(3,`td`,31),J(4),R(),L(5,`td`,31),J(6),R(),L(7,`td`,31),J(8),R()()),e&2){let e=t.$implicit,n=G(2);k(2),Y(e.name),k(2),Y(e.checks),k(2),Y(n.ms(e.ms)),k(2),Y(n.ms(e.maxMs))}}function Uj(e,t){e&1&&(L(0,`tr`)(1,`td`,32),J(2,`No component time in the picked cycles.`),R()())}function Wj(e,t){if(e&1&&(L(0,`span`,34),J(1,`from `),L(2,`span`,17),J(3),R()()),e&2){let e=G(3);k(3),Y(e.causeText(t))}}function Gj(e,t){if(e&1&&(L(0,`span`,34),J(1,`after `),L(2,`span`,17),J(3),R()()),e&2){let e=G().$implicit;k(3),Y(e.trigger)}}function Kj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.unchanged,` changed nothing`)}}function qj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),X(`hooks `,t.ms(e.hookMs))}}function Jj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),X(`afterRender `,t.ms(e.afterRenderMs))}}function Yj(e,t){if(e&1&&(L(0,`span`,36),J(1,` slowest `),L(2,`span`,17),J(3),R(),J(4),R()),e&2){let e=t,n=G(3);k(3),Y(e.name),k(),X(` `,n.ms(e.ms),` `)}}function Xj(e,t){if(e&1&&(L(0,`li`)(1,`span`,33),J(2),R(),L(3,`span`,17),J(4),R(),L(5,`span`),J(6),R(),M(7,Wj,4,1,`span`,34)(8,Gj,4,1,`span`,34),M(9,Kj,2,1,`span`,35),M(10,qj,2,1,`span`,35),M(11,Jj,2,1,`span`,35),M(12,Yj,5,2,`span`,36),R()),e&2){let e,n,r=t.$implicit,i=G(2);k(2),Y(i.clock(r.at)),k(2),Y(i.ms(r.ms)),k(2),iv(` `,r.checks,` `,r.checks===1?`check`:`checks`,`, `,r.passes,` `,r.passes===1?`pass`:`passes`,` `),k(),N((e=r.cause)?7:r.trigger?8:-1,e),k(2),N(r.unchanged?9:-1),k(),N(r.hookMs?10:-1),k(),N(r.afterRenderMs?11:-1),k(),N((n=r.components[0])?12:-1,n)}}function Zj(e,t){if(e&1&&(L(0,`div`,26)(1,`div`)(2,`h3`),J(3),R(),L(4,`table`)(5,`thead`)(6,`tr`)(7,`th`,27),J(8,`Component`),R(),L(9,`th`,28),J(10,`Checks`),R(),L(11,`th`,28),J(12,`Self time`),R(),L(13,`th`,28),J(14,`Slowest`),R()()(),L(15,`tbody`),P(16,Hj,9,4,`tr`,null,kg,!1,Uj,3,0,`tr`),R()()(),L(19,`div`)(20,`h3`),J(21,`Latest cycles`),R(),L(22,`ol`,29),P(23,Xj,13,11,`li`,null,Aj),R()()(),z(25,`app-cd-timing`,30)(26,`app-cd-diagnosis`,30)),e&2){let e=G();k(3),X(` `,e.range()?`Slowest components in the picked cycles`:`Slowest components`,` `),k(13),F(e.slowest()),k(7),F(e.latest()),k(2),I(`page`,e.page()),k(),I(`page`,e.page())}}function Qj(e,t){e&1&&(L(0,`p`,11),J(1,`Use the app. Cycles show up here as Angular runs change detection.`),R())}var $j=10,eM=class e{livePage=$(null,{alias:`page`});pageId=$(null);rpc=$(null);angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.pageId()));showComponent=Rv();range=O(null);imported=O(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=O(``);announcement=O(``);recording=Q(()=>this.page()?.recording===!0);cycles=Q(()=>this.page()?.cycles??[]);maxCycles=Q(()=>nD(this.rpc()).limits.cdCycles);picked=Q(()=>eA(this.cycles(),this.range()));hasSpans=Q(()=>this.picked().some(e=>e.spans?.length));spanNames=Q(()=>this.page()?.spanNames??[]);stats=Q(()=>this.range()?tA(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,$j));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 QO(e)}causeText(e){return Fk(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 VE(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=A({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`],[`capability`,`profiler`,`missing`,``,`compact`,``,3,`page`],[`what`,`cycles`,`limit`,`cdCycles`,3,`dropped`,`max`],[1,`note`],[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`],[`capability`,`angularProfiling`,`missing`,``,`compact`,``,3,`page`],[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,Mj,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,Nj,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, what started it and which checks changed nothing. Tree rows show how often each instance was checked. Times come from a development build. While it records, the page also wraps Angular's scheduler, adds a signal write hook and watches DOM updates; all of it stops with the recording. `),R(),M(13,Pj,1,1,`app-angular-unavailable`,8),M(14,Lj,16,7),z(15,`app-limit-note`,9),P(16,Rj,2,1,`p`,10,Ag),M(18,Vj,9,9),M(19,Zj,27,4)(20,Qj,2,0,`p`,11),R()),e&2){let e;k(4),N(t.imported()?-1:4),k(),I(`page`,t.page())(`maxCycles`,t.maxCycles()),k(2),Y(t.status()),k(2),Y(t.announcement()),k(),N((e=t.imported())?10:-1,e),k(3),N(t.page()?.supported===!1?13:-1),k(),N(t.imported()?-1:14),k(),I(`dropped`,t.page()?.dropped??0)(`max`,t.maxCycles()),k(),F(t.capNotes()),k(2),N(t.cycles().length?18:-1),k(),N(t.page()?.components?.length?19:t.recording()?20:-1)}},dependencies:[hO,rk,hj,DA,vj,UA,ij,kj],styles:[`[_nghost-%COMP%] {
+}`]})},jj=(e,t)=>t.id;function Mj(e,t){if(e&1){let e=H();L(0,`button`,15),U(`click`,function(){return T(e),E(G(2).clear())}),J(1,`Clear`),R()}}function Nj(e,t){if(e&1){let e=H();L(0,`button`,12),U(`click`,function(){return T(e),E(G().toggle())}),z(1,`span`,13),J(2),R(),M(3,Mj,2,0,`button`,14)}if(e&2){let e=G();q(`on`,e.recording()),I(`disabled`,!e.pageId()),k(2),X(` `,e.recording()?`Stop recording`:`Record`,` `),k(),N(e.cycles().length?3:-1)}}function Pj(e,t){if(e&1){let e=H();L(0,`p`,6)(1,`span`,16),J(2,`Imported recording`),R(),L(3,`span`,17),J(4),R(),L(5,`button`,15),U(`click`,function(){return T(e),E(G().closeImport())}),J(6,`Back to live recording`),R()()}e&2&&(k(4),Y(t.fileName))}function Fj(e,t){e&1&&z(0,`app-angular-unavailable`,8),e&2&&I(`page`,G().angularPage())}function Ij(e,t){e&1&&(L(0,`p`,10),J(1,`Angular profiling stays on until the page reloads.`),R())}function Lj(e,t){e&1&&z(0,`app-angular-unavailable`,21),e&2&&I(`page`,G(2).angularPage())}function Rj(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`span`,19),J(2,`Live views`),R(),L(3,`button`,20),U(`click`,function(){T(e);let t=G();return E(t.setView(`flash`,!t.views().flash))}),z(4,`span`,13),J(5,` Flash checks `),R(),L(6,`button`,20),U(`click`,function(){T(e);let t=G();return E(t.setView(`track`,!t.views().track))}),z(7,`span`,13),J(8,` Performance track `),R(),L(9,`button`,20),U(`click`,function(){return T(e),E(G().setView(`angularProfiling`,!0))}),z(10,`span`,13),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,Ij,2,0,`p`,10)(15,Lj,1,1,`app-angular-unavailable`,21)}if(e&2){let e=G();k(3),I(`disabled`,!e.canShowViews()),j(`aria-pressed`,e.views().flash),k(3),I(`disabled`,!e.canShowViews()),j(`aria-pressed`,e.views().track),k(3),I(`disabled`,!e.canShowViews()||e.views().angularProfiling||!e.views().angularProfilingAvailable),j(`aria-pressed`,e.views().angularProfiling),k(5),N(e.views().angularProfiling?14:e.views().angularProfilingAvailable?-1:15)}}function zj(e,t){if(e&1&&(L(0,`p`,10),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Bj(e,t){if(e&1&&(L(0,`p`,24),J(1),R()),e&2){let e=G(2);k(),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 Vj(e,t){e&1&&(L(0,`p`,10),J(1,` For picked cycles, totals come from the 10 slowest components each cycle lists. `),R())}function Hj(e,t){if(e&1){let e=H();L(0,`h3`),J(1,`Cycles`),R(),L(2,`app-cd-cycle-chart`,22),cv(`rangeChange`,function(t){T(e);let n=G();return sv(n.range,t)||(n.range=t),E(t)}),R(),L(3,`app-cd-flame-graph`,23),U(`pick`,function(t){return T(e),E(G().showComponent.emit(t))}),R(),M(4,Bj,2,1,`p`,24),L(5,`h3`),J(6,`Self time by component`),R(),M(7,Vj,2,0,`p`,10),L(8,`app-cd-treemap`,25),U(`pick`,function(t){return T(e),E(G().showComponent.emit(t))}),R()}if(e&2){let e=G();k(2),I(`cycles`,e.cycles()),ov(`range`,e.range),k(),I(`cycles`,e.picked())(`names`,e.spanNames())(`scope`,e.scope()),k(),N(e.hasSpans()?-1:4),k(3),N(e.range()?7:-1),k(),I(`stats`,e.stats())(`scope`,e.scope())}}function Uj(e,t){if(e&1&&(L(0,`tr`)(1,`td`,17),J(2),R(),L(3,`td`,31),J(4),R(),L(5,`td`,31),J(6),R(),L(7,`td`,31),J(8),R()()),e&2){let e=t.$implicit,n=G(2);k(2),Y(e.name),k(2),Y(e.checks),k(2),Y(n.ms(e.ms)),k(2),Y(n.ms(e.maxMs))}}function Wj(e,t){e&1&&(L(0,`tr`)(1,`td`,32),J(2,`No component time in the picked cycles.`),R()())}function Gj(e,t){if(e&1&&(L(0,`span`,34),J(1,`from `),L(2,`span`,17),J(3),R()()),e&2){let e=G(3);k(3),Y(e.causeText(t))}}function Kj(e,t){if(e&1&&(L(0,`span`,34),J(1,`after `),L(2,`span`,17),J(3),R()()),e&2){let e=G().$implicit;k(3),Y(e.trigger)}}function qj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.unchanged,` changed nothing`)}}function Jj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),X(`hooks `,t.ms(e.hookMs))}}function Yj(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),X(`afterRender `,t.ms(e.afterRenderMs))}}function Xj(e,t){if(e&1&&(L(0,`span`,36),J(1,` slowest `),L(2,`span`,17),J(3),R(),J(4),R()),e&2){let e=t,n=G(3);k(3),Y(e.name),k(),X(` `,n.ms(e.ms),` `)}}function Zj(e,t){if(e&1&&(L(0,`li`)(1,`span`,33),J(2),R(),L(3,`span`,17),J(4),R(),L(5,`span`),J(6),R(),M(7,Gj,4,1,`span`,34)(8,Kj,4,1,`span`,34),M(9,qj,2,1,`span`,35),M(10,Jj,2,1,`span`,35),M(11,Yj,2,1,`span`,35),M(12,Xj,5,2,`span`,36),R()),e&2){let e,n,r=t.$implicit,i=G(2);k(2),Y(i.clock(r.at)),k(2),Y(i.ms(r.ms)),k(2),iv(` `,r.checks,` `,r.checks===1?`check`:`checks`,`, `,r.passes,` `,r.passes===1?`pass`:`passes`,` `),k(),N((e=r.cause)?7:r.trigger?8:-1,e),k(2),N(r.unchanged?9:-1),k(),N(r.hookMs?10:-1),k(),N(r.afterRenderMs?11:-1),k(),N((n=r.components[0])?12:-1,n)}}function Qj(e,t){if(e&1&&(L(0,`div`,26)(1,`div`)(2,`h3`),J(3),R(),L(4,`table`)(5,`thead`)(6,`tr`)(7,`th`,27),J(8,`Component`),R(),L(9,`th`,28),J(10,`Checks`),R(),L(11,`th`,28),J(12,`Self time`),R(),L(13,`th`,28),J(14,`Slowest`),R()()(),L(15,`tbody`),P(16,Uj,9,4,`tr`,null,kg,!1,Wj,3,0,`tr`),R()()(),L(19,`div`)(20,`h3`),J(21,`Latest cycles`),R(),L(22,`ol`,29),P(23,Zj,13,11,`li`,null,jj),R()()(),z(25,`app-cd-timing`,30)(26,`app-cd-diagnosis`,30)),e&2){let e=G();k(3),X(` `,e.range()?`Slowest components in the picked cycles`:`Slowest components`,` `),k(13),F(e.slowest()),k(7),F(e.latest()),k(2),I(`page`,e.page()),k(),I(`page`,e.page())}}function $j(e,t){e&1&&(L(0,`p`,11),J(1,`Use the app. Cycles show up here as Angular runs change detection.`),R())}var eM=10,tM=class e{livePage=$(null,{alias:`page`});pageId=$(null);rpc=$(null);angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.pageId()));showComponent=Rv();range=O(null);imported=O(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=O(``);announcement=O(``);recording=Q(()=>this.page()?.recording===!0);cycles=Q(()=>this.page()?.cycles??[]);maxCycles=Q(()=>nD(this.rpc()).limits.cdCycles);picked=Q(()=>eA(this.cycles(),this.range()));hasSpans=Q(()=>this.picked().some(e=>e.spans?.length));spanNames=Q(()=>this.page()?.spanNames??[]);stats=Q(()=>this.range()?tA(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,eM));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 QO(e)}causeText(e){return Fk(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 VE(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=A({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`],[`capability`,`profiler`,`missing`,``,`compact`,``,3,`page`],[`what`,`cycles`,`limit`,`cdCycles`,3,`dropped`,`max`],[1,`note`],[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`],[`capability`,`angularProfiling`,`missing`,``,`compact`,``,3,`page`],[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,Nj,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,Pj,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, what started it and which checks changed nothing. Tree rows show how often each instance was checked. Times come from a development build. While it records, the page also wraps Angular's scheduler, adds a signal write hook and watches DOM updates; all of it stops with the recording. `),R(),M(13,Fj,1,1,`app-angular-unavailable`,8),M(14,Rj,16,7),z(15,`app-limit-note`,9),P(16,zj,2,1,`p`,10,Ag),M(18,Hj,9,9),M(19,Qj,27,4)(20,$j,2,0,`p`,11),R()),e&2){let e;k(4),N(t.imported()?-1:4),k(),I(`page`,t.page())(`maxCycles`,t.maxCycles()),k(2),Y(t.status()),k(2),Y(t.announcement()),k(),N((e=t.imported())?10:-1,e),k(3),N(t.page()?.supported===!1?13:-1),k(),N(t.imported()?-1:14),k(),I(`dropped`,t.page()?.dropped??0)(`max`,t.maxCycles()),k(),F(t.capNotes()),k(2),N(t.cycles().length?18:-1),k(),N(t.page()?.components?.length?19:t.recording()?20:-1)}},dependencies:[hO,rk,gj,OA,yj,WA,aj,Aj],styles:[`[_nghost-%COMP%] {
   display: block;
   margin-top: 16px;
 }
@@ -1811,7 +1811,7 @@ td.mono[_ngcontent-%COMP%] {
 .trigger[_ngcontent-%COMP%]   .mono[_ngcontent-%COMP%], 
 .top[_ngcontent-%COMP%]   .mono[_ngcontent-%COMP%] {
   overflow-wrap: anywhere;
-}`]})},tM=[`*`];function nM(e,t){e&1&&J(0),e&2&&Y(G(2).label())}function rM(e,t){e&1&&s_(0,0,null,nM,1,1)}function iM(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G(2);k(),Y(e.message())}}function aM(e,t){if(e&1){let e=H();L(0,`button`,2),U(`click`,function(){return T(e),E(G().open())}),Gg(1,3),R(),M(2,iM,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`),k(),I(`ngTemplateOutlet`,t),k(),N(e.message()?2:-1)}}function oM(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()),k(),I(`ngTemplateOutlet`,t)}}var sM=class e{source=O(O(null));client=Q(()=>this.source()());available=Q(()=>{let e=this.client();return!!e&&!UE(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 VE(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=Nl({token:e,factory:e.ɵfac})};function cM(e,t){return t?`${e}:${t}`:e}var lM=class e{editor=C(sM);file=$.required();line=$(void 0);label=Q(()=>cM(this.file(),this.line()));message=O(``);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=A({type:e,selectors:[[`app-source-link`]],inputs:{file:[1,`file`],line:[1,`line`]},ngContentSelectors:tM,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,rM,2,0,`ng-template`,null,0,Ev),M(2,aM,3,4)(3,oM,2,2,`span`,1)),e&2&&(k(2),N(t.editor.available()?2:3))},dependencies:[ub],styles:[`[_nghost-%COMP%] {
+}`]})},nM=[`*`];function rM(e,t){e&1&&J(0),e&2&&Y(G(2).label())}function iM(e,t){e&1&&s_(0,0,null,rM,1,1)}function aM(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G(2);k(),Y(e.message())}}function oM(e,t){if(e&1){let e=H();L(0,`button`,2),U(`click`,function(){return T(e),E(G().open())}),Gg(1,3),R(),M(2,aM,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`),k(),I(`ngTemplateOutlet`,t),k(),N(e.message()?2:-1)}}function sM(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()),k(),I(`ngTemplateOutlet`,t)}}var cM=class e{source=O(O(null));client=Q(()=>this.source()());available=Q(()=>{let e=this.client();return!!e&&!UE(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 VE(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=Nl({token:e,factory:e.ɵfac})};function lM(e,t){return t?`${e}:${t}`:e}var uM=class e{editor=C(cM);file=$.required();line=$(void 0);label=Q(()=>lM(this.file(),this.line()));message=O(``);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=A({type:e,selectors:[[`app-source-link`]],inputs:{file:[1,`file`],line:[1,`line`]},ngContentSelectors:nM,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,iM,2,0,`ng-template`,null,0,Ev),M(2,oM,3,4)(3,sM,2,2,`span`,1)),e&2&&(k(2),N(t.editor.available()?2:3))},dependencies:[ub],styles:[`[_nghost-%COMP%] {
   display: inline;
   min-width: 0;
 }
@@ -1846,7 +1846,7 @@ td.mono[_ngcontent-%COMP%] {
   color: var(--%NS%danger-text);
   font-family: var(--%NS%font-sans);
   font-size: 0.92em;
-}`]})},uM=[`field`],dM=[`editButton`],fM=[`valueBox`];function pM(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 T(e),E(G().draft.set(t.target.value))})(`keydown.enter`,function(t){T(e);let n=G();return t.preventDefault(),E(n.apply())})(`keydown.escape`,function(t){T(e);let n=G();return t.preventDefault(),t.stopPropagation(),E(n.cancel())}),V(),B(5,`button`,8),W(`click`,function(){return T(e),E(G().apply())}),J(6,`Apply`),V(),B(7,`button`,9),W(`click`,function(){return T(e),E(G().cancel())}),J(8,`Cancel`),V()(),B(9,`p`,10),J(10),V()}if(e&2){let e=G();k(),qg(`htmlFor`,e.fieldId),k(),X(`New value of `,e.prop().name,`, as JSON`),k(),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:``)),k(2),qg(`disabled`,e.busy()),k(4),qg(`id`,e.hintId),k(),X(` JSON, such as "text", 42, true or `,e.objectSample,`. Enter applies, Escape cancels. `)}}function mM(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),k(2),Y(Cv(3,4,e.prop().value))}}function hM(e,t){if(e&1){let e=H();B(0,`button`,14,2),W(`click`,function(){return T(e),E(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 gM(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G(2);k(),Y(e.prop().locked)}}function _M(e,t){if(e&1&&(B(0,`div`,11),M(1,mM,4,6,`pre`),M(2,hM,3,2,`button`,12),V(),M(3,gM,2,1,`p`,13)),e&2){let e=G();k(),N(e.bare()?-1:1),k(),N(e.editable()?2:-1),k(),N(e.writes()&&e.prop().locked?3:-1)}}function vM(e,t){if(e&1&&(B(0,`p`,3),J(1),V()),e&2){let e=G();qg(`id`,e.errorId),k(),Y(e.error())}}var yM=0;function bM(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 xM=class e{prop=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);bare=$(!1);readDraft=$(null);fieldId=`prop-edit-${++yM}`;hintId=`${this.fieldId}-hint`;errorId=`${this.fieldId}-error`;objectSample=`{"a": 1}`;editing=O(!1);draft=O(``);busy=O(!1);error=O(``);done=O(``);editable=Q(()=>this.writes()&&!!this.prop().edit&&!!this.pageId()&&!!this.rpc());field=Jv(`field`);editButton=Jv(`editButton`);valueBox=Jv(`valueBox`);injector=C(Ts);scrollable=O(!1);constructor(){dy(()=>{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),Hd(()=>{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=bM(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(){Hd(()=>this.editButton()?.nativeElement.focus(),{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-prop-value`]],viewQuery:function(e,t){e&1&&l_(t.field,uM,5)(t.editButton,dM,5)(t.valueBox,fM,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,pM,11,11)(1,_M,4,3),M(2,vM,2,2,`p`,3),B(3,`p`,4),J(4),V()),e&2&&(N(+!t.editing()),k(2),N(t.error()?2:-1),k(2),Y(t.done()))},dependencies:[gb],styles:[`[_nghost-%COMP%] {
+}`]})},dM=[`field`],fM=[`editButton`],pM=[`valueBox`];function mM(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 T(e),E(G().draft.set(t.target.value))})(`keydown.enter`,function(t){T(e);let n=G();return t.preventDefault(),E(n.apply())})(`keydown.escape`,function(t){T(e);let n=G();return t.preventDefault(),t.stopPropagation(),E(n.cancel())}),V(),B(5,`button`,8),W(`click`,function(){return T(e),E(G().apply())}),J(6,`Apply`),V(),B(7,`button`,9),W(`click`,function(){return T(e),E(G().cancel())}),J(8,`Cancel`),V()(),B(9,`p`,10),J(10),V()}if(e&2){let e=G();k(),qg(`htmlFor`,e.fieldId),k(),X(`New value of `,e.prop().name,`, as JSON`),k(),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:``)),k(2),qg(`disabled`,e.busy()),k(4),qg(`id`,e.hintId),k(),X(` JSON, such as "text", 42, true or `,e.objectSample,`. Enter applies, Escape cancels. `)}}function hM(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),k(2),Y(Cv(3,4,e.prop().value))}}function gM(e,t){if(e&1){let e=H();B(0,`button`,14,2),W(`click`,function(){return T(e),E(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 _M(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G(2);k(),Y(e.prop().locked)}}function vM(e,t){if(e&1&&(B(0,`div`,11),M(1,hM,4,6,`pre`),M(2,gM,3,2,`button`,12),V(),M(3,_M,2,1,`p`,13)),e&2){let e=G();k(),N(e.bare()?-1:1),k(),N(e.editable()?2:-1),k(),N(e.writes()&&e.prop().locked?3:-1)}}function yM(e,t){if(e&1&&(B(0,`p`,3),J(1),V()),e&2){let e=G();qg(`id`,e.errorId),k(),Y(e.error())}}var bM=0;function xM(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 SM=class e{prop=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);bare=$(!1);readDraft=$(null);fieldId=`prop-edit-${++bM}`;hintId=`${this.fieldId}-hint`;errorId=`${this.fieldId}-error`;objectSample=`{"a": 1}`;editing=O(!1);draft=O(``);busy=O(!1);error=O(``);done=O(``);editable=Q(()=>this.writes()&&!!this.prop().edit&&!!this.pageId()&&!!this.rpc());field=Jv(`field`);editButton=Jv(`editButton`);valueBox=Jv(`valueBox`);injector=C(Ts);scrollable=O(!1);constructor(){dy(()=>{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),Hd(()=>{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=xM(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(){Hd(()=>this.editButton()?.nativeElement.focus(),{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-prop-value`]],viewQuery:function(e,t){e&1&&l_(t.field,dM,5)(t.editButton,fM,5)(t.valueBox,pM,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,mM,11,11)(1,vM,4,3),M(2,yM,2,2,`p`,3),B(3,`p`,4),J(4),V()),e&2&&(N(+!t.editing()),k(2),N(t.error()?2:-1),k(2),Y(t.done()))},dependencies:[gb],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1969,7 +1969,7 @@ button.edit[_ngcontent-%COMP%] {
 
 .error[_ngcontent-%COMP%] {
   color: var(--%NS%danger-text);
-}`]})},SM=1e3,CM={depth:5,limit:100},wM=`[redacted]`;function TM(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function EM(e){return TM(e)&&typeof e.$more==`number`&&Object.keys(e).length===1}function DM(e){return TM(e)&&typeof e.$collapsed==`string`&&typeof e.size==`number`&&Object.keys(e).length===2}function OM(e){return e===`Array`?`array`:e===`Map`?`map`:e===`Set`?`set`:`object`}function kM(e){return e.$type===`Map`&&Array.isArray(e.entries)}function AM(e){return e.$type===`Set`&&Array.isArray(e.values)}function jM(e){return Object.keys(e).filter(e=>e!==`$type`&&e!==`$more`)}function MM(e){if(!e||typeof e!=`object`)return null;if(DM(e))return e.size<=0?null:{kind:OM(e.$collapsed),type:e.$collapsed,size:e.size,collapsed:!0};if(EM(e))return null;if(Array.isArray(e)){let t=e.at(-1),n=EM(t)?t.$more:0,r=e.length-+!!n+n;return r?{kind:`array`,type:`Array`,size:r,collapsed:!1}:null}let t=e;if(kM(t)||AM(t)){let e=typeof t.size==`number`?t.size:0,n=kM(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=jM(t).length+n,i=typeof t.$type==`string`?t.$type:`Object`;return r?{kind:`object`,type:i,size:r,collapsed:!1}:null}function NM(e){if(typeof e==`string`)return JSON.stringify(e);let t=MM(e);if(t)return IM(t);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function PM(e){let t=MM(e);if(!t||t.collapsed)return{children:[],more:0};if(Array.isArray(e)){let n=(EM(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:NM(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:jM(n).map(e=>({key:e,label:e,value:n[e]})),more:typeof n.$more==`number`?n.$more:0}}function FM(e,t,n){return`${e} ${e===1?t:n}`}function IM(e){let t={array:FM(e.size,`item`,`items`),object:FM(e.size,`key`,`keys`),map:FM(e.size,`entry`,`entries`),set:FM(e.size,`value`,`values`)}[e.kind];return`${e.type} (${t})`}function LM(e,t){return JSON.stringify(t===void 0?e:[t,...e])}function RM(e,t){return e.map((e,n)=>n===0?e:(t?t[n-1]!==`object`:/^\d+$/.test(e))?`[${e}]`:`.${e}`).join(``)}function zM(e){return e.every(e=>e&&e===e.trim()&&!/[.[\]]/.test(e))?e.join(`.`):null}var BM=/^\[(Getter|Unreadable|Circular|Truncated|Function\b.*|Promise)\]$/;function VM(e){return e===null||typeof e==`boolean`?!0:typeof e==`number`?Number.isFinite(e):typeof e==`string`&&e!==wM&&!BM.test(e)&&!e.endsWith(`…`)}function HM(e,t){return!e||t.kind===`map`||t.kind===`set`||e===`signal`&&t.kind===`object`&&t.type!==`Object`?null:e}function UM(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=LM(e);if(!(s.has(r)||a.length>=i)){s.add(r);for(let r of PM(t).children){let t=[...e,r.key];if(r.label.toLowerCase().includes(o)&&a.push(t),!MM(r.value))continue;let i=n(t)??(MM(r.value)?.collapsed?void 0:r.value);i!==void 0&&c(t,i)}}};return c(e,n(e)??t),a}var WM=(e,t)=>t.id;function GM(e,t){if(e&1){let e=H();L(0,`button`,2),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).toggle(t))}),D(),L(1,`svg`,3),z(2,`path`,4),R(),_s(),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),k(4),X(``,e.label,`:`),k(2),Y(e.text)}}function KM(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 qM(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G(2).$implicit;k(),Y(e.text)}}function JM(e,t){if(e&1&&(L(0,`span`,14),J(1),R(),M(2,KM,1,5,`app-prop-value`,15)(3,qM,2,1,`span`,16)),e&2){let e,t=G().$implicit;k(),X(``,t.label,`:`),k(),N((e=t.edit)?2:3,e)}}function YM(e,t){if(e&1){let e=H();L(0,`button`,17),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).more(t))}),J(1),L(2,`span`,18),J(3),R()()}if(e&2){let e=G().$implicit,t=G(3);k(),X(` Show `,t.step(e),` more `),k(2),X(`(`,e.more,` not listed)`)}}function XM(e,t){e&1&&(L(0,`span`,12),J(1,`Reading from the page…`),R())}function ZM(e,t){if(e&1&&(L(0,`span`,13),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.text)}}function QM(e,t){if(e&1&&(L(0,`li`,9),M(1,GM,7,4,`button`,10)(2,JM,4,2)(3,YM,4,2,`button`,11)(4,XM,2,0,`span`,12)(5,ZM,2,1,`span`,13),R()),e&2){let e,n=t.$implicit;K(`padding-left`,n.depth*14,`px`),k(),N((e=n.kind)===`node`?1:e===`leaf`?2:e===`more`?3:e===`loading`?4:e===`error`?5:-1)}}function $M(e,t){if(e&1&&(L(0,`ul`,7),P(1,QM,6,3,`li`,8,WM),R()),e&2){let e=G(2);I(`id`,e.listId),j(`aria-label`,e.prop().name+` entries`),k(),F(e.rows())}}function eN(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`button`,2),U(`click`,function(){return T(e),E(G().toggleRoot())}),D(),L(2,`svg`,3),z(3,`path`,4),R(),_s(),L(4,`span`,5),J(5),R()(),z(6,`app-prop-value`,6),R(),M(7,$M,3,2,`ul`,7)}if(e&2){let e=t,n=G();k(),j(`aria-expanded`,n.rootOpen())(`aria-controls`,n.rootOpen()?n.listId:null)(`aria-label`,n.prop().name+`: `+n.summaryOf(e)),k(4),Y(n.summaryOf(e)),k(),I(`bare`,!0)(`prop`,n.prop())(`componentId`,n.componentId())(`pageId`,n.pageId())(`rpc`,n.rpc())(`writes`,n.writes())(`readDraft`,n.readWhole),k(),N(n.rootOpen()?7:-1)}}function tN(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 nN=0;function rN(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function iN(e){if(Array.isArray(e))return e.every(iN);if(e&&typeof e==`object`){let t=e;return![`$collapsed`,`$more`,`$type`].some(e=>Object.hasOwn(t,e))&&Object.values(t).every(iN)}return VM(e)}var aN=class e{prop=$.required();store=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);directive=$(void 0);query=$(``);listId=`value-tree-${++nN}`;host=C(Il);pendingMore=null;constructor(){dy(()=>{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(()=>MM(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 UM(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(LM(e));for(let t=2;t<=e.length;t++)i.add(LM(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}=PM(e);for(let e of h){let h=[...o,e.key],g=LM(h);if(r&&!m&&!i.has(g))continue;let _=MM(e.value),ee=LM(h,n);if(!_){let t=p&&VM(e.value)?zM(h):null;c.push({id:ee,kind:`leaf`,depth:f,path:h,label:e.label,text:rN(e.value),edit:s&&t&&p?{name:RM(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:IM(_),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,HM(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:`${LM(e,n)}:${r}`,kind:r,depth:t,path:e,label:``,text:``});return l(this.rootValue(),this.rootPath(),[e.kind],0,s?HM(o.editInside??null,e):null,!r),c});readWhole=async()=>{let e=await this.store().read(this.rootPath(),CM.depth,CM.limit);return e.ok?iN(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 IM(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=A({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,eN,8,12)(1,tN,1,5,`app-prop-value`,0),e&2){let e;N((e=t.root())?0:1,e)}},dependencies:[xM],styles:[`[_nghost-%COMP%] {
+}`]})},CM=1e3,wM={depth:5,limit:100},TM=`[redacted]`;function EM(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function DM(e){return EM(e)&&typeof e.$more==`number`&&Object.keys(e).length===1}function OM(e){return EM(e)&&typeof e.$collapsed==`string`&&typeof e.size==`number`&&Object.keys(e).length===2}function kM(e){return e===`Array`?`array`:e===`Map`?`map`:e===`Set`?`set`:`object`}function AM(e){return e.$type===`Map`&&Array.isArray(e.entries)}function jM(e){return e.$type===`Set`&&Array.isArray(e.values)}function MM(e){return Object.keys(e).filter(e=>e!==`$type`&&e!==`$more`)}function NM(e){if(!e||typeof e!=`object`)return null;if(OM(e))return e.size<=0?null:{kind:kM(e.$collapsed),type:e.$collapsed,size:e.size,collapsed:!0};if(DM(e))return null;if(Array.isArray(e)){let t=e.at(-1),n=DM(t)?t.$more:0,r=e.length-+!!n+n;return r?{kind:`array`,type:`Array`,size:r,collapsed:!1}:null}let t=e;if(AM(t)||jM(t)){let e=typeof t.size==`number`?t.size:0,n=AM(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=MM(t).length+n,i=typeof t.$type==`string`?t.$type:`Object`;return r?{kind:`object`,type:i,size:r,collapsed:!1}:null}function PM(e){if(typeof e==`string`)return JSON.stringify(e);let t=NM(e);if(t)return LM(t);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function FM(e){let t=NM(e);if(!t||t.collapsed)return{children:[],more:0};if(Array.isArray(e)){let n=(DM(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:PM(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:MM(n).map(e=>({key:e,label:e,value:n[e]})),more:typeof n.$more==`number`?n.$more:0}}function IM(e,t,n){return`${e} ${e===1?t:n}`}function LM(e){let t={array:IM(e.size,`item`,`items`),object:IM(e.size,`key`,`keys`),map:IM(e.size,`entry`,`entries`),set:IM(e.size,`value`,`values`)}[e.kind];return`${e.type} (${t})`}function RM(e,t){return JSON.stringify(t===void 0?e:[t,...e])}function zM(e,t){return e.map((e,n)=>n===0?e:(t?t[n-1]!==`object`:/^\d+$/.test(e))?`[${e}]`:`.${e}`).join(``)}function BM(e){return e.every(e=>e&&e===e.trim()&&!/[.[\]]/.test(e))?e.join(`.`):null}var VM=/^\[(Getter|Unreadable|Circular|Truncated|Function\b.*|Promise)\]$/;function HM(e){return e===null||typeof e==`boolean`?!0:typeof e==`number`?Number.isFinite(e):typeof e==`string`&&e!==TM&&!VM.test(e)&&!e.endsWith(`…`)}function UM(e,t){return!e||t.kind===`map`||t.kind===`set`||e===`signal`&&t.kind===`object`&&t.type!==`Object`?null:e}function WM(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=RM(e);if(!(s.has(r)||a.length>=i)){s.add(r);for(let r of FM(t).children){let t=[...e,r.key];if(r.label.toLowerCase().includes(o)&&a.push(t),!NM(r.value))continue;let i=n(t)??(NM(r.value)?.collapsed?void 0:r.value);i!==void 0&&c(t,i)}}};return c(e,n(e)??t),a}var GM=(e,t)=>t.id;function KM(e,t){if(e&1){let e=H();L(0,`button`,2),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).toggle(t))}),D(),L(1,`svg`,3),z(2,`path`,4),R(),_s(),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),k(4),X(``,e.label,`:`),k(2),Y(e.text)}}function qM(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 JM(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G(2).$implicit;k(),Y(e.text)}}function YM(e,t){if(e&1&&(L(0,`span`,14),J(1),R(),M(2,qM,1,5,`app-prop-value`,15)(3,JM,2,1,`span`,16)),e&2){let e,t=G().$implicit;k(),X(``,t.label,`:`),k(),N((e=t.edit)?2:3,e)}}function XM(e,t){if(e&1){let e=H();L(0,`button`,17),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).more(t))}),J(1),L(2,`span`,18),J(3),R()()}if(e&2){let e=G().$implicit,t=G(3);k(),X(` Show `,t.step(e),` more `),k(2),X(`(`,e.more,` not listed)`)}}function ZM(e,t){e&1&&(L(0,`span`,12),J(1,`Reading from the page…`),R())}function QM(e,t){if(e&1&&(L(0,`span`,13),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.text)}}function $M(e,t){if(e&1&&(L(0,`li`,9),M(1,KM,7,4,`button`,10)(2,YM,4,2)(3,XM,4,2,`button`,11)(4,ZM,2,0,`span`,12)(5,QM,2,1,`span`,13),R()),e&2){let e,n=t.$implicit;K(`padding-left`,n.depth*14,`px`),k(),N((e=n.kind)===`node`?1:e===`leaf`?2:e===`more`?3:e===`loading`?4:e===`error`?5:-1)}}function eN(e,t){if(e&1&&(L(0,`ul`,7),P(1,$M,6,3,`li`,8,GM),R()),e&2){let e=G(2);I(`id`,e.listId),j(`aria-label`,e.prop().name+` entries`),k(),F(e.rows())}}function tN(e,t){if(e&1){let e=H();L(0,`div`,1)(1,`button`,2),U(`click`,function(){return T(e),E(G().toggleRoot())}),D(),L(2,`svg`,3),z(3,`path`,4),R(),_s(),L(4,`span`,5),J(5),R()(),z(6,`app-prop-value`,6),R(),M(7,eN,3,2,`ul`,7)}if(e&2){let e=t,n=G();k(),j(`aria-expanded`,n.rootOpen())(`aria-controls`,n.rootOpen()?n.listId:null)(`aria-label`,n.prop().name+`: `+n.summaryOf(e)),k(4),Y(n.summaryOf(e)),k(),I(`bare`,!0)(`prop`,n.prop())(`componentId`,n.componentId())(`pageId`,n.pageId())(`rpc`,n.rpc())(`writes`,n.writes())(`readDraft`,n.readWhole),k(),N(n.rootOpen()?7:-1)}}function nN(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 rN=0;function iN(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function aN(e){if(Array.isArray(e))return e.every(aN);if(e&&typeof e==`object`){let t=e;return![`$collapsed`,`$more`,`$type`].some(e=>Object.hasOwn(t,e))&&Object.values(t).every(aN)}return HM(e)}var oN=class e{prop=$.required();store=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);directive=$(void 0);query=$(``);listId=`value-tree-${++rN}`;host=C(Il);pendingMore=null;constructor(){dy(()=>{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(()=>NM(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 WM(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(RM(e));for(let t=2;t<=e.length;t++)i.add(RM(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}=FM(e);for(let e of h){let h=[...o,e.key],g=RM(h);if(r&&!m&&!i.has(g))continue;let _=NM(e.value),ee=RM(h,n);if(!_){let t=p&&HM(e.value)?BM(h):null;c.push({id:ee,kind:`leaf`,depth:f,path:h,label:e.label,text:iN(e.value),edit:s&&t&&p?{name:zM(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:LM(_),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,UM(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:`${RM(e,n)}:${r}`,kind:r,depth:t,path:e,label:``,text:``});return l(this.rootValue(),this.rootPath(),[e.kind],0,s?UM(o.editInside??null,e):null,!r),c});readWhole=async()=>{let e=await this.store().read(this.rootPath(),wM.depth,wM.limit);return e.ok?aN(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 LM(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=A({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,tN,8,12)(1,nN,1,5,`app-prop-value`,0),e&2){let e;N((e=t.root())?0:1,e)}},dependencies:[SM],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -2091,7 +2091,7 @@ button.edit[_ngcontent-%COMP%] {
    .more[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function oN(e,t){return e.length>t.length&&e.startsWith(`${t.slice(0,-1)},`)}var sN=class{target={rpc:null,pageId:null,componentId:null};fetched=O(new Map);pushed=O({});open=O(new Set);loading=O(new Set);errors=O(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=LM(e,t),r=this.pushed();return Object.hasOwn(r,n)?r[n]:this.fetched().get(n)}isOpen(e,t){return this.open().has(LM(e,t))}toggle(e,t,n){let r=LM(e,t),i=new Set(this.open());if(i.has(r)){for(let e of i)(e===r||oN(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=LM(e,t),i=Math.min(SM,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=LM(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 cN(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(2);k(),X(`: `,e.label())}}function lN(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(3);k(),X(`: `,e.label())}}function uN(e,t){if(e&1){let e=H();B(0,`button`,4),W(`click`,function(){return T(e),E(G(2).store(`log`))}),J(1,` Log to console `),M(2,lN,2,1,`span`,1),V()}if(e&2){let e=G(2);qg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),k(2),N(e.label()?2:-1)}}function dN(e,t){if(e&1){let e=H();B(0,`button`,0),W(`click`,function(){return T(e),E(G().store())}),J(1,` Store as global `),M(2,cN,2,1,`span`,1),V(),M(3,uN,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()),k(2),N(e.label()?2:-1),k(),N(e.canLog()?3:-1),k(2),Y(e.message())}}var fN=class e{rpc=$(null);pageId=$(null);target=$.required();label=$(``);canLog=$(!1);staticReport=Q(()=>UE(this.rpc()));busy=O(!1);message=O(``);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=A({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,dN,6,4),e&2&&N(t.staticReport()?-1:0)},styles:[`[_nghost-%COMP%] {
+}`]})};function sN(e,t){return e.length>t.length&&e.startsWith(`${t.slice(0,-1)},`)}var cN=class{target={rpc:null,pageId:null,componentId:null};fetched=O(new Map);pushed=O({});open=O(new Set);loading=O(new Set);errors=O(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=RM(e,t),r=this.pushed();return Object.hasOwn(r,n)?r[n]:this.fetched().get(n)}isOpen(e,t){return this.open().has(RM(e,t))}toggle(e,t,n){let r=RM(e,t),i=new Set(this.open());if(i.has(r)){for(let e of i)(e===r||sN(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=RM(e,t),i=Math.min(CM,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=RM(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 lN(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(2);k(),X(`: `,e.label())}}function uN(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(3);k(),X(`: `,e.label())}}function dN(e,t){if(e&1){let e=H();B(0,`button`,4),W(`click`,function(){return T(e),E(G(2).store(`log`))}),J(1,` Log to console `),M(2,uN,2,1,`span`,1),V()}if(e&2){let e=G(2);qg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),k(2),N(e.label()?2:-1)}}function fN(e,t){if(e&1){let e=H();B(0,`button`,0),W(`click`,function(){return T(e),E(G().store())}),J(1,` Store as global `),M(2,lN,2,1,`span`,1),V(),M(3,dN,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()),k(2),N(e.label()?2:-1),k(),N(e.canLog()?3:-1),k(2),Y(e.message())}}var pN=class e{rpc=$(null);pageId=$(null);target=$.required();label=$(``);canLog=$(!1);staticReport=Q(()=>UE(this.rpc()));busy=O(!1);message=O(``);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=A({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,fN,6,4),e&2&&N(t.staticReport()?-1:0)},styles:[`[_nghost-%COMP%] {
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
@@ -2111,7 +2111,7 @@ button.edit[_ngcontent-%COMP%] {
 
 .status[_ngcontent-%COMP%]:empty {
   display: none;
-}`]})},pN=(e,t)=>t.id;function mN(e,t){if(e&1&&(L(0,`p`,4),J(1),R()),e&2){let e=G(2);k(),X(`The page has more @for blocks than the `,e.length,` listed.`)}}function hN(e,t){e&1&&(L(0,`span`,9),J(1,`@empty showing`),R())}function gN(e,t){e&1&&(L(0,`span`,10),J(1,`@empty`),R())}function _N(e,t){e&1&&(L(0,`span`,10),J(1,`renders nothing`),R())}function vN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,6),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showOwner.emit(t))})(`focus`,function(){let t=T(e).$implicit,n=G(3);return E(n.highlight.emit(n.target(t)))})(`blur`,function(){return T(e),E(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit,n=G(3);return E(n.highlight.emit(n.target(t)))})(`mouseleave`,function(){return T(e),E(G(3).highlight.emit(null))}),L(2,`span`,7),J(3),R(),L(4,`span`,8),J(5),R(),M(6,hN,2,0,`span`,9)(7,gN,2,0,`span`,10)(8,_N,2,0,`span`,10),L(9,`span`,11),J(10),R()()()}if(e&2){let e=t.$implicit,n=G(3);k(),j(`aria-disabled`,e.owner?null:`true`),k(2),Y(e.owner?.name??`Unknown component`),k(2),Z(` `,e.count,` `,e.count===1?`item`:`items`,` `),k(),N(e.showingEmpty?6:e.hasEmptyBlock?7:e.count===0?8:-1),k(4),Y(n.trackLabel(e))}}function yN(e,t){if(e&1&&(L(0,`section`,1)(1,`h2`,2),J(2,` @for blocks `),L(3,`span`,3),J(4),R()(),M(5,mN,2,1,`p`,4),L(6,`ul`,5),P(7,vN,11,6,`li`,null,pN),R()()),e&2){let e=G(),t=G();k(4),Y(t.truncated()?e.length+`+`:e.length),k(),N(t.truncated()?5:-1),k(2),F(e)}}function bN(e,t){e&1&&M(0,yN,9,2,`section`,1),e&2&&N(t.length?0:-1)}function xN(e,t){e&1&&z(0,`app-angular-unavailable`,0),e&2&&I(`page`,G().angular())}var SN={$index:`track $index`,item:`track item`,function:`track expression`},CN=class e{blocks=$(void 0);truncated=$(!1);supported=$(null);angular=$(null);showOwner=Rv();highlight=Rv();target(e){return e.rootIds[0]??e.owner?.id??null}trackLabel(e){return e.track?SN[e.track]:`track unknown`}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-for-blocks`]],inputs:{blocks:[1,`blocks`],truncated:[1,`truncated`],supported:[1,`supported`],angular:[1,`angular`]},outputs:{showOwner:`showOwner`,highlight:`highlight`},decls:2,vars:1,consts:[[`capability`,`forBlocks`,`missing`,``,`compact`,``,1,`for`,3,`page`],[`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,bN,1,1)(1,xN,1,1,`app-angular-unavailable`,0),e&2){let e;N((e=t.blocks())?0:t.supported()===!1?1:-1,e)}},dependencies:[hO],styles:[`[_nghost-%COMP%] {
+}`]})},mN=(e,t)=>t.id;function hN(e,t){if(e&1&&(L(0,`p`,4),J(1),R()),e&2){let e=G(2);k(),X(`The page has more @for blocks than the `,e.length,` listed.`)}}function gN(e,t){e&1&&(L(0,`span`,9),J(1,`@empty showing`),R())}function _N(e,t){e&1&&(L(0,`span`,10),J(1,`@empty`),R())}function vN(e,t){e&1&&(L(0,`span`,10),J(1,`renders nothing`),R())}function yN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,6),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showOwner.emit(t))})(`focus`,function(){let t=T(e).$implicit,n=G(3);return E(n.highlight.emit(n.target(t)))})(`blur`,function(){return T(e),E(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit,n=G(3);return E(n.highlight.emit(n.target(t)))})(`mouseleave`,function(){return T(e),E(G(3).highlight.emit(null))}),L(2,`span`,7),J(3),R(),L(4,`span`,8),J(5),R(),M(6,gN,2,0,`span`,9)(7,_N,2,0,`span`,10)(8,vN,2,0,`span`,10),L(9,`span`,11),J(10),R()()()}if(e&2){let e=t.$implicit,n=G(3);k(),j(`aria-disabled`,e.owner?null:`true`),k(2),Y(e.owner?.name??`Unknown component`),k(2),Z(` `,e.count,` `,e.count===1?`item`:`items`,` `),k(),N(e.showingEmpty?6:e.hasEmptyBlock?7:e.count===0?8:-1),k(4),Y(n.trackLabel(e))}}function bN(e,t){if(e&1&&(L(0,`section`,1)(1,`h2`,2),J(2,` @for blocks `),L(3,`span`,3),J(4),R()(),M(5,hN,2,1,`p`,4),L(6,`ul`,5),P(7,yN,11,6,`li`,null,mN),R()()),e&2){let e=G(),t=G();k(4),Y(t.truncated()?e.length+`+`:e.length),k(),N(t.truncated()?5:-1),k(2),F(e)}}function xN(e,t){e&1&&M(0,bN,9,2,`section`,1),e&2&&N(t.length?0:-1)}function SN(e,t){e&1&&z(0,`app-angular-unavailable`,0),e&2&&I(`page`,G().angular())}var CN={$index:`track $index`,item:`track item`,function:`track expression`},wN=class e{blocks=$(void 0);truncated=$(!1);supported=$(null);angular=$(null);showOwner=Rv();highlight=Rv();target(e){return e.rootIds[0]??e.owner?.id??null}trackLabel(e){return e.track?CN[e.track]:`track unknown`}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-for-blocks`]],inputs:{blocks:[1,`blocks`],truncated:[1,`truncated`],supported:[1,`supported`],angular:[1,`angular`]},outputs:{showOwner:`showOwner`,highlight:`highlight`},decls:2,vars:1,consts:[[`capability`,`forBlocks`,`missing`,``,`compact`,``,1,`for`,3,`page`],[`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,xN,1,1)(1,SN,1,1,`app-angular-unavailable`,0),e&2){let e;N((e=t.blocks())?0:t.supported()===!1?1:-1,e)}},dependencies:[hO],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -2229,7 +2229,7 @@ button.edit[_ngcontent-%COMP%] {
   min-width: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-}`]})},wN=(e,t)=>t.id;function TN(e,t){e&1&&(L(0,`p`,7),J(1,` This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and the Angular debug API of a development build. `),R())}function EN(e,t){if(e&1&&(L(0,`span`,18),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`open subscription`))}}function DN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,15),J(4),R(),L(5,`span`,16),J(6),R(),L(7,`span`,17),J(8),R(),M(9,EN,2,1,`span`,18),R()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.name),k(2),Y(e.route||`/`),k(2),X(``,n.plural(e.navigations,`navigation`),` ago`),k(2),Y(n.ageOf(e)),k(),N(e.subscriptions?9:-1)}}function ON(e,t){if(e&1&&(L(0,`p`,6),J(1),R(),L(2,`ul`,12),P(3,DN,10,5,`li`,13,wN),R()),e&2){let e=G(2);k(),Z(` Destroyed, yet still in memory after at least `,e.minNavigations,` navigations and `,e.minSeconds,` seconds. Take a heap snapshot, search for the class and read its retainers. `),k(2),F(e.retained().slice(0,e.shown))}}function kN(e,t){e&1&&(L(0,`p`,6),J(1,`No destroyed component is still in memory after a few navigations.`),R())}function AN(e,t){if(e&1&&(L(0,`p`,6),J(1),L(2,`span`,19),J(3),R(),J(4,`. Navigate a few times to see whether they stay. `),R()),e&2){let e=G(2);k(),X(` `,e.plural(e.recent().length,`instance`),` destroyed recently and not collected yet: `),k(2),Y(e.names(e.recent()))}}function jN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Off the page but not destroyed (detached views, such as a route reuse cache): `),L(2,`span`,19),J(3),R(),J(4,`. `),R()),e&2){let e=G(2);k(3),Y(e.names(e.detached()))}}function MN(e,t){if(e&1&&(L(0,`span`,10),J(1),R()),e&2){let e=G();k(),Y(e.subscriptions.length)}}function NN(e,t){if(e&1&&(L(0,`span`,15),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.source)}}function PN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,16),J(4),R(),L(5,`span`,18),J(6),R(),M(7,NN,2,1,`span`,15),R()),e&2){let e=t.$implicit;k(2),Y(e.name),k(2),X(``,e.count,` open`),k(2),X(` `,e.reason===`instance-destroyed`?`instance destroyed`:`no instance left`,` `),k(),N(e.source?7:-1)}}function FN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Still open although the component that made them is gone. Tear them down with takeUntilDestroyed(), DestroyRef.onDestroy or the async pipe. `),R(),L(2,`ul`,12),P(3,PN,8,4,`li`,13,kg),R()),e&2){let e=G(2),t=G();k(3),F(e.subscriptions.slice(0,t.shown))}}function IN(e,t){e&1&&(L(0,`p`,6),J(1,`No subscription is still open after its component went away.`),R())}function LN(e,t){e&1&&(L(0,`p`,6),J(1,` Subscriptions are tied to component classes only; Angular 20 profiler hooks tie them to instances. `),R())}function RN(e,t){if(e&1&&(M(0,FN,5,0)(1,IN,2,0,`p`,6),M(2,LN,2,0,`p`,6)),e&2){let e=G();N(+!e.subscriptions.length),k(2),N(e.support.instances?-1:2)}}function zN(e,t){e&1&&(L(0,`p`,7),J(1,` Tracking could not start: the page has no RxJS the overlay can load. `),R())}function BN(e,t){e&1&&(L(0,`p`,6),J(1,` Off. Track subscriptions wraps Observable.prototype.subscribe on the page to record which component makes each subscription, until you stop it. Subscriptions made before you start are not seen, so reload or navigate again after starting. `),R())}function VN(e,t){e&1&&z(0,`app-angular-unavailable`,11),e&2&&I(`page`,G(2).angular())}function HN(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`subscription`))}}function UN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showComponent.emit(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`blur`,function(){return T(e),E(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`mouseleave`,function(){return T(e),E(G(3).highlight.emit(null))}),L(2,`span`,14),J(3),R(),L(4,`span`,16),J(5),R(),M(6,HN,2,1,`span`,16),R()()}if(e&2){let e=t.$implicit,n=G(2),r=G();k(3),Y(e.name),k(2),Y(r.effectsText(e)),k(),N(n.support.subscriptions===`on`?6:-1)}}function WN(e,t){e&1&&(L(0,`p`,6),J(1,` Angular files a component's effects under the template its host sits in, so effects of components side by side in one template show as shared. `),R())}function GN(e,t){if(e&1&&(L(0,`ul`,12),P(1,UN,7,3,`li`,null,wN),R(),M(3,WN,2,0,`p`,6)),e&2){let e=G(),t=G();k(),F(e.components.slice(0,t.shown)),k(2),N(e.components.some(t.hasShared)?3:-1)}}function KN(e,t){e&1&&(L(0,`p`,6),J(1,`No component on the page has a live effect or a tracked subscription.`),R())}function qN(e,t){if(e&1&&(M(0,TN,2,0,`p`,7),L(1,`p`,8),J(2),R(),L(3,`h3`,9),J(4,` Still retained `),L(5,`span`,10),J(6),R()(),M(7,ON,5,2)(8,kN,2,0,`p`,6),M(9,AN,5,2,`p`,6),M(10,jN,5,1,`p`,6),L(11,`h3`,9),J(12,` Open subscriptions after destroy `),M(13,MN,2,1,`span`,10),R(),M(14,RN,3,2)(15,zN,2,0,`p`,7)(16,BN,2,0,`p`,6),L(17,`h3`,9),J(18,` Live effects and subscriptions `),L(19,`span`,10),J(20),R()(),M(21,VN,1,1,`app-angular-unavailable`,11),M(22,GN,4,1)(23,KN,2,0,`p`,6)),e&2){let e,n=t,r=G();N(n.support.retention?-1:0),k(2),rv(` `,r.plural(n.navigations,`navigation`),` · `,r.retained().length,` still retained · `,r.plural(n.totals.collected,`instance`),` collected `),k(4),Y(r.retained().length),k(),N(r.retained().length?7:8),k(2),N(r.recent().length?9:-1),k(),N(r.detached().length?10:-1),k(3),N(n.support.subscriptions===`on`?13:-1),k(),N((e=n.support.subscriptions)===`on`?14:e===`unavailable`?15:16),k(6),Y(n.components.length),k(),N(n.support.effects?-1:21),k(),N(n.components.length?22:23)}}function JN(e,t){e&1&&(L(0,`p`,6),J(1,`No leak data from this page yet. It comes with the next report.`),R())}var YN=20;function XN(e){let t=Math.max(0,Math.round(e/1e3));if(t<120)return`${t} s`;let n=Math.round(t/60);return n<120?`${n} min`:`${Math.round(n/60)} h`}var ZN=(e,t,n=`${t}s`)=>`${e} ${e===1?t:n}`,QN=class e{report=$(null);pageId=$(null);rpc=$(null);angular=$(null);now=$(()=>Date.now());showComponent=Rv();highlight=Rv();shown=YN;minNavigations=2;minSeconds=nE/1e3;plural=ZN;busy=O(!1);announcement=O(``);tracking=Q(()=>this.report()?.support.subscriptions===`on`);split=Q(()=>{let e=this.report(),t=[],n=[],r=[];if(!e)return{retained:t,recent:n,detached:r};for(let i of e.destroyed)i.detached?r.push(i):this.isRetained(e,i)?t.push(i):n.push(i);return{retained:t,recent:n,detached:r}});retained=Q(()=>this.split().retained);recent=Q(()=>this.split().recent);detached=Q(()=>this.split().detached);ageMs(e,t){return Math.max(0,this.now()()-e.reportedAt+(e.at-t.destroyedAt))}isRetained(e,t){return t.navigations>=2&&this.ageMs(e,t)>=1e4}ageOf(e){let t=this.report();return t?`${XN(this.ageMs(t,e))} old`:``}names(e){let t=[...new Set(e.map(e=>e.name))];return t.length>6?`${t.slice(0,6).join(`, `)} and more`:t.join(`, `)}hasShared(e){return!!e.sharedEffects}effectsText(e){let t=ZN(e.effects,`effect`);return e.sharedEffects?`${t}, ${e.sharedEffects} shared`:t}async toggle(){let e=this.pageId();if(!e||this.busy())return;let t=!this.tracking();this.busy.set(!0);try{await VE(this.rpc(),`request-leak-tracking`,{pageId:e,on:t}),this.announcement.set(t?`Tracking subscriptions. Reload or navigate to see subscriptions made at start.`:`Stopped tracking subscriptions.`)}catch{this.announcement.set(`Could not reach the page. Try again.`)}finally{this.busy.set(!1)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-leaks-section`]],inputs:{report:[1,`report`],pageId:[1,`pageId`],rpc:[1,`rpc`],angular:[1,`angular`],now:[1,`now`]},outputs:{showComponent:`showComponent`,highlight:`highlight`},decls:12,vars:5,consts:[[`aria-labelledby`,`ct-leaks-title`,1,`leaks`],[1,`head`],[`id`,`ct-leaks-title`],[`type`,`button`,1,`track`,3,`click`,`disabled`],[`role`,`status`,1,`sr-only`],[1,`hint`],[1,`note`],[`role`,`status`,1,`note`],[1,`stats`],[1,`sub`],[1,`pill`],[`capability`,`signalGraph`,`missing`,``,`compact`,``,3,`page`],[1,`rows`],[1,`row`],[1,`name`,`mono`],[1,`meta`,`mono`],[1,`count`],[1,`meta`],[1,`flag`,`warn`],[1,`mono`],[`type`,`button`,1,`row`,`live`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`h2`,2),J(3,`Leaks`),R(),L(4,`button`,3),U(`click`,function(){return t.toggle()}),J(5),R(),L(6,`p`,4),J(7),R()(),L(8,`p`,5),J(9,` Components that left the page but are still in memory, and the live effects and RxJS subscriptions of each component. The browser collects garbage when it decides, so a retained instance is a hint: check what holds it in the Chrome DevTools Memory panel. `),R(),M(10,qN,24,13)(11,JN,2,0,`p`,6),R()),e&2){let e;k(4),I(`disabled`,!t.pageId()||t.busy()||!t.report()),j(`aria-pressed`,t.tracking()),k(),X(` `,t.tracking()?`Stop tracking subscriptions`:`Track subscriptions`,` `),k(2),Y(t.announcement()),k(3),N((e=t.report())?10:11,e)}},dependencies:[hO],styles:[`[_nghost-%COMP%] {
+}`]})},TN=(e,t)=>t.id;function EN(e,t){e&1&&(L(0,`p`,7),J(1,` This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and the Angular debug API of a development build. `),R())}function DN(e,t){if(e&1&&(L(0,`span`,18),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`open subscription`))}}function ON(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,15),J(4),R(),L(5,`span`,16),J(6),R(),L(7,`span`,17),J(8),R(),M(9,DN,2,1,`span`,18),R()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.name),k(2),Y(e.route||`/`),k(2),X(``,n.plural(e.navigations,`navigation`),` ago`),k(2),Y(n.ageOf(e)),k(),N(e.subscriptions?9:-1)}}function kN(e,t){if(e&1&&(L(0,`p`,6),J(1),R(),L(2,`ul`,12),P(3,ON,10,5,`li`,13,TN),R()),e&2){let e=G(2);k(),Z(` Destroyed, yet still in memory after at least `,e.minNavigations,` navigations and `,e.minSeconds,` seconds. Take a heap snapshot, search for the class and read its retainers. `),k(2),F(e.retained().slice(0,e.shown))}}function AN(e,t){e&1&&(L(0,`p`,6),J(1,`No destroyed component is still in memory after a few navigations.`),R())}function jN(e,t){if(e&1&&(L(0,`p`,6),J(1),L(2,`span`,19),J(3),R(),J(4,`. Navigate a few times to see whether they stay. `),R()),e&2){let e=G(2);k(),X(` `,e.plural(e.recent().length,`instance`),` destroyed recently and not collected yet: `),k(2),Y(e.names(e.recent()))}}function MN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Not counted: the last destroyed instance of a class with none left on the page, which Angular's development-mode DI debug data can keep alive: `),L(2,`span`,19),J(3),R(),J(4,`. `),R()),e&2){let e=G(2);k(3),Y(e.names(e.devHeld()))}}function NN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Off the page but not destroyed (detached views, such as a route reuse cache): `),L(2,`span`,19),J(3),R(),J(4,`. `),R()),e&2){let e=G(2);k(3),Y(e.names(e.detached()))}}function PN(e,t){if(e&1&&(L(0,`span`,10),J(1),R()),e&2){let e=G();k(),Y(e.subscriptions.length)}}function FN(e,t){if(e&1&&(L(0,`span`,15),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.source)}}function IN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,16),J(4),R(),L(5,`span`,18),J(6),R(),M(7,FN,2,1,`span`,15),R()),e&2){let e=t.$implicit;k(2),Y(e.name),k(2),X(``,e.count,` open`),k(2),X(` `,e.reason===`instance-destroyed`?`instance destroyed`:`no instance left`,` `),k(),N(e.source?7:-1)}}function LN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Still open although the component that made them is gone. Tear them down with takeUntilDestroyed(), DestroyRef.onDestroy or the async pipe. `),R(),L(2,`ul`,12),P(3,IN,8,4,`li`,13,kg),R()),e&2){let e=G(2),t=G();k(3),F(e.subscriptions.slice(0,t.shown))}}function RN(e,t){e&1&&(L(0,`p`,6),J(1,`No subscription is still open after its component went away.`),R())}function zN(e,t){e&1&&(L(0,`p`,6),J(1,` Subscriptions are tied to component classes only; Angular 20 profiler hooks tie them to instances. `),R())}function BN(e,t){if(e&1&&(M(0,LN,5,0)(1,RN,2,0,`p`,6),M(2,zN,2,0,`p`,6)),e&2){let e=G();N(+!e.subscriptions.length),k(2),N(e.support.instances?-1:2)}}function VN(e,t){e&1&&(L(0,`p`,7),J(1,` Tracking could not start: the page has no RxJS the overlay can load. `),R())}function HN(e,t){e&1&&(L(0,`p`,6),J(1,` Off. Track subscriptions wraps Observable.prototype.subscribe on the page to record which component makes each subscription, until you stop it. Subscriptions made before you start are not seen, so reload or navigate again after starting. `),R())}function UN(e,t){e&1&&z(0,`app-angular-unavailable`,11),e&2&&I(`page`,G(2).angular())}function WN(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`subscription`))}}function GN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showComponent.emit(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`blur`,function(){return T(e),E(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`mouseleave`,function(){return T(e),E(G(3).highlight.emit(null))}),L(2,`span`,14),J(3),R(),L(4,`span`,16),J(5),R(),M(6,WN,2,1,`span`,16),R()()}if(e&2){let e=t.$implicit,n=G(2),r=G();k(3),Y(e.name),k(2),Y(r.effectsText(e)),k(),N(n.support.subscriptions===`on`?6:-1)}}function KN(e,t){e&1&&(L(0,`p`,6),J(1,` Angular files a component's effects under the template its host sits in, so effects of components side by side in one template show as shared. `),R())}function qN(e,t){if(e&1&&(L(0,`ul`,12),P(1,GN,7,3,`li`,null,TN),R(),M(3,KN,2,0,`p`,6)),e&2){let e=G(),t=G();k(),F(e.components.slice(0,t.shown)),k(2),N(e.components.some(t.hasShared)?3:-1)}}function JN(e,t){e&1&&(L(0,`p`,6),J(1,`No component on the page has a live effect or a tracked subscription.`),R())}function YN(e,t){if(e&1&&(M(0,EN,2,0,`p`,7),L(1,`p`,8),J(2),R(),L(3,`h3`,9),J(4,` Still retained `),L(5,`span`,10),J(6),R()(),M(7,kN,5,2)(8,AN,2,0,`p`,6),M(9,jN,5,2,`p`,6),M(10,MN,5,1,`p`,6),M(11,NN,5,1,`p`,6),L(12,`h3`,9),J(13,` Open subscriptions after destroy `),M(14,PN,2,1,`span`,10),R(),M(15,BN,3,2)(16,VN,2,0,`p`,7)(17,HN,2,0,`p`,6),L(18,`h3`,9),J(19,` Live effects and subscriptions `),L(20,`span`,10),J(21),R()(),M(22,UN,1,1,`app-angular-unavailable`,11),M(23,qN,4,1)(24,JN,2,0,`p`,6)),e&2){let e,n=t,r=G();N(n.support.retention?-1:0),k(2),rv(` `,r.plural(n.navigations,`navigation`),` · `,r.retained().length,` still retained · `,r.plural(n.totals.collected,`instance`),` collected `),k(4),Y(r.retained().length),k(),N(r.retained().length?7:8),k(2),N(r.recent().length?9:-1),k(),N(r.devHeld().length?10:-1),k(),N(r.detached().length?11:-1),k(3),N(n.support.subscriptions===`on`?14:-1),k(),N((e=n.support.subscriptions)===`on`?15:e===`unavailable`?16:17),k(6),Y(n.components.length),k(),N(n.support.effects?-1:22),k(),N(n.components.length?23:24)}}function XN(e,t){e&1&&(L(0,`p`,6),J(1,`No leak data from this page yet. It comes with the next report.`),R())}var ZN=20;function QN(e){let t=Math.max(0,Math.round(e/1e3));if(t<120)return`${t} s`;let n=Math.round(t/60);return n<120?`${n} min`:`${Math.round(n/60)} h`}var $N=(e,t,n=`${t}s`)=>`${e} ${e===1?t:n}`,eP=class e{report=$(null);pageId=$(null);rpc=$(null);angular=$(null);now=$(()=>Date.now());showComponent=Rv();highlight=Rv();shown=ZN;minNavigations=2;minSeconds=nE/1e3;plural=$N;busy=O(!1);announcement=O(``);tracking=Q(()=>this.report()?.support.subscriptions===`on`);split=Q(()=>{let e=this.report(),t=[],n=[],r=[],i=[];if(!e)return{retained:t,recent:n,detached:r,devHeld:i};for(let a of e.destroyed)a.detached?r.push(a):a.devHeld?i.push(a):this.isRetained(e,a)?t.push(a):n.push(a);return{retained:t,recent:n,detached:r,devHeld:i}});retained=Q(()=>this.split().retained);recent=Q(()=>this.split().recent);detached=Q(()=>this.split().detached);devHeld=Q(()=>this.split().devHeld);ageMs(e,t){return Math.max(0,this.now()()-e.reportedAt+(e.at-t.destroyedAt))}isRetained(e,t){return t.navigations>=2&&this.ageMs(e,t)>=1e4}ageOf(e){let t=this.report();return t?`${QN(this.ageMs(t,e))} old`:``}names(e){let t=[...new Set(e.map(e=>e.name))];return t.length>6?`${t.slice(0,6).join(`, `)} and more`:t.join(`, `)}hasShared(e){return!!e.sharedEffects}effectsText(e){let t=$N(e.effects,`effect`);return e.sharedEffects?`${t}, ${e.sharedEffects} shared`:t}async toggle(){let e=this.pageId();if(!e||this.busy())return;let t=!this.tracking();this.busy.set(!0);try{await VE(this.rpc(),`request-leak-tracking`,{pageId:e,on:t}),this.announcement.set(t?`Tracking subscriptions. Reload or navigate to see subscriptions made at start.`:`Stopped tracking subscriptions.`)}catch{this.announcement.set(`Could not reach the page. Try again.`)}finally{this.busy.set(!1)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-leaks-section`]],inputs:{report:[1,`report`],pageId:[1,`pageId`],rpc:[1,`rpc`],angular:[1,`angular`],now:[1,`now`]},outputs:{showComponent:`showComponent`,highlight:`highlight`},decls:12,vars:5,consts:[[`aria-labelledby`,`ct-leaks-title`,1,`leaks`],[1,`head`],[`id`,`ct-leaks-title`],[`type`,`button`,1,`track`,3,`click`,`disabled`],[`role`,`status`,1,`sr-only`],[1,`hint`],[1,`note`],[`role`,`status`,1,`note`],[1,`stats`],[1,`sub`],[1,`pill`],[`capability`,`signalGraph`,`missing`,``,`compact`,``,3,`page`],[1,`rows`],[1,`row`],[1,`name`,`mono`],[1,`meta`,`mono`],[1,`count`],[1,`meta`],[1,`flag`,`warn`],[1,`mono`],[`type`,`button`,1,`row`,`live`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`h2`,2),J(3,`Leaks`),R(),L(4,`button`,3),U(`click`,function(){return t.toggle()}),J(5,` Track subscriptions `),R(),L(6,`p`,4),J(7),R()(),L(8,`p`,5),J(9,` Components that left the page but are still in memory, and the live effects and RxJS subscriptions of each component. The browser collects garbage when it decides, so a retained instance is a hint: check what holds it in the Chrome DevTools Memory panel. `),R(),M(10,YN,25,14)(11,XN,2,0,`p`,6),R()),e&2){let e;k(4),I(`disabled`,!t.pageId()||!t.report()),j(`aria-pressed`,t.tracking())(`aria-disabled`,t.busy()||null),k(3),Y(t.announcement()),k(3),N((e=t.report())?10:11,e)}},dependencies:[hO],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -2263,6 +2263,10 @@ h2[_ngcontent-%COMP%] {
   color: var(--%NS%accent-text);
 }
 
+.track[aria-disabled=true][_ngcontent-%COMP%] {
+  cursor: progress;
+}
+
 .track[_ngcontent-%COMP%]:focus-visible {
   outline: 2px solid var(--%NS%accent);
   outline-offset: 2px;
@@ -2381,7 +2385,7 @@ h2[_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);
-}`]})},$N=12,eP=900;function tP(e){for(let t=e.parentElement;t;t=t.parentElement){let e=getComputedStyle(t);if(/(auto|scroll|overlay)/.test(e.overflowY))return t}return null}var nP=class{options;injector=C(Ts);visibleTop=O(0);viewport=O(eP);rowHeight;host=null;scroller=null;detach=null;enabled;range;padTop;padBottom;constructor(e){this.options=e,this.rowHeight=O(e.estimate);let t=e.min??300;this.enabled=Q(()=>e.count()>t),this.range=Q(()=>{let t=e.count();if(!this.enabled())return{start:0,end:t};let n=this.rowHeight(),r=this.viewport(),i=Math.max(0,Math.min(this.visibleTop(),t*n-r)),a=Math.max(0,Math.min(t-1,Math.floor(i/n)-$N));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+$N))}}),this.padTop=Q(()=>this.enabled()?this.range().start*this.rowHeight():0),this.padBottom=Q(()=>this.enabled()?(e.count()-this.range().end)*this.rowHeight():0),mc(()=>{e.count(),Hd(()=>this.update(),{injector:this.injector})}),C(Ds).onDestroy(()=>this.detach?.())}get count(){return this.options.count()}rendered(e){let{start:t,end:n}=this.range();return e>=t&&e<n}attach(e){if(this.host===e)return;this.detach?.(),this.host=e,e.style.overflowAnchor=`none`,e.style.transitionProperty=`none`;let t=/(auto|scroll|overlay)/.test(getComputedStyle(e).overflowY);this.scroller=t?e:tP(e);let n=this.scroller??window,r=()=>this.update();n.addEventListener(`scroll`,r,{passive:!0}),window.addEventListener(`resize`,r),this.detach=()=>{n.removeEventListener(`scroll`,r),window.removeEventListener(`resize`,r)},this.update()}update(){let e=this.host;if(e){if(this.scroller===e)this.place(e.scrollTop,e.clientHeight);else{let t=this.scroller?this.scroller.getBoundingClientRect().top:0,n=this.scroller?this.scroller.clientHeight:window.innerHeight;this.place(t-e.getBoundingClientRect().top,n)}this.options.fixed||this.measure()}}place(e,t){this.visibleTop.set(e),this.viewport.set(t>0?t:eP)}measure(){let e=this.host?.querySelectorAll(`[data-vindex]`);if(!e||e.length<2)return;let t=e[0].getBoundingClientRect(),n=(e[e.length-1].getBoundingClientRect().bottom-t.top)/e.length;n>4&&Math.abs(n-this.rowHeight())>1&&this.rowHeight.set(n)}reveal(e,t){if(this.enabled()&&!this.rendered(e)){let t=e*this.rowHeight(),n=this.viewport(),r=Math.max(0,t-n/2);if(this.place(r,n),this.host&&this.scroller===this.host)this.host.scrollTop=r;else if(this.host){let e=this.scroller?this.scroller.getBoundingClientRect().top:0,t=this.host.getBoundingClientRect().top-e+r;this.scroller?this.scroller.scrollTop+=t:window.scrollBy(0,t)}}t&&Hd(t,{injector:this.injector})}},rP=[`filterInput`],iP=[`treeEl`],aP=[`propFilterInput`],oP=()=>[],sP=e=>({kind:`component`,id:e}),cP=(e,t)=>t.row.node.id,lP=(e,t)=>t.outlet+t.route,uP=(e,t)=>t+e,dP=(e,t)=>t.formId,fP=(e,t)=>t.name+t.index,pP=(e,t)=>t.name,mP=(e,t)=>t.token+e,hP=(e,t)=>t.id;function gP(e,t){return this.sourceKey(t)}function _P(e,t){if(e&1){let e=H();L(0,`span`,35),J(1,`Page`),R(),L(2,`app-select`,36),U(`valueChange`,function(t){return T(e),E(G(2).selectPage(t))}),R()}if(e&2){let e=G(2);k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function vP(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){return T(e),E(G(2).toggleDirectiveHosts())}),D(),L(1,`svg`,14),z(2,`path`,38)(3,`path`,39),R(),J(4,` Directive hosts `),R()}e&2&&j(`aria-pressed`,G(2).showDirectiveHosts())}function yP(e,t){if(e&1){let e=H();L(0,`button`,40),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),D(),L(1,`svg`,14),z(2,`path`,41),R(),J(3),R()}if(e&2){let e=G(2);q(`on`,e.picking()),k(3),X(` `,e.picking()?`Cancel pick`:`Pick component on page`,` `)}}function bP(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);k(),Y(e.pickMessage())}}function xP(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);k(),Y(e.truncationText())}}function SP(e,t){e&1&&(L(0,`p`,43),J(1,`The filter only searches the components the tree lists.`),R())}function CP(e,t){e&1&&(L(0,`p`,43),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function wP(e,t){if(e&1){let e=H();L(0,`div`,25)(1,`p`,42),J(2),R(),M(3,SP,2,0,`p`,43),M(4,CP,2,0,`p`,43),L(5,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`),k(),N(e.page().truncated?3:-1),k(),N(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function TP(e,t){if(e&1&&(L(0,`p`,26),J(1),R()),e&2){let e=G(2);k(),X(` `,e.rows().length,` rows. Rows render as you scroll, so the browser's find only sees the ones near view; the filter above searches them all. `)}}function EP(e,t){if(e&1){let e=H();L(0,`span`,52),U(`click`,function(t){T(e),G();let n=fv(0);return E(G(2).toggle(n.node.id,t))}),D(),L(1,`svg`,53),z(2,`path`,54),R()()}e&2&&(G(),q(`open`,fv(0).expanded))}function DP(e,t){e&1&&z(0,`span`,47)}function OP(e,t){if(e&1&&(L(0,`span`,55),J(1),R(),L(2,`span`,56),J(3),R(),L(4,`span`,24),J(5,`directive host`),R()),e&2){G();let e=fv(0),t=G(2);k(),X(`<`,e.node.tag,`>`),k(),j(`title`,e.node.directives?.join(`, `)),k(),Y(t.hostLabel(e.node))}}function kP(e,t){if(e&1&&(L(0,`span`,57),J(1),R(),L(2,`span`,58),J(3),R()),e&2){G();let e=fv(0);k(),Y(e.node.name),k(2),X(`<`,e.node.tag,`>`)}}function AP(e,t){if(e&1&&(L(0,`span`)(1,`span`,24),J(2,`Hydration: `),R(),J(3),R()),e&2){let e=t,n=G(3);M_(`hyd hyd-`+e),k(3),Y(n.hydrationText(e))}}function jP(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.route||`/`)}}function MP(e,t){if(e&1&&(L(0,`span`,50),J(1),L(2,`span`,24),J(3),R()()),e&2){let e=t;k(),X(` `,e),k(2),X(` `,e===1?`check`:`checks`,` while recording`)}}function NP(e,t){if(e&1&&(L(0,`span`,51),J(1),L(2,`span`,24),J(3),R()()),e&2){G();let e=fv(0);j(`title`,e.node.directives.join(`, `)),k(),X(` +`,e.node.directives.length,` `),k(2),X(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function PP(e,t){if(e&1){let e=H();uv(0),L(1,`div`,45),U(`click`,function(){T(e);let t=fv(0);return E(G(2).select(t.node.id))})(`focus`,function(){T(e);let t=fv(0),n=G(2);return n.focusId.set(t.node.id),E(n.highlight(t.node.id))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(2).highlight(t.node.id))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(2,EP,3,2,`span`,46)(3,DP,1,0,`span`,47),M(4,OP,6,3)(5,kP,4,2),M(6,AP,4,3,`span`,48),P(7,jP,2,1,`span`,49,lP),M(9,MP,4,2,`span`,50),M(10,NP,4,3,`span`,51),R()}if(e&2){let e,n,r=t.$implicit,i=G(2),a=dv(r.row);k(),K(`--%NS%depth`,a.depth),q(`selected`,i.selectedId()===a.node.id)(`dir-host`,a.node.kind===`directive`),j(`aria-level`,a.depth+1)(`aria-setsize`,a.setsize)(`aria-posinset`,a.posinset)(`aria-expanded`,a.hasChildren?a.expanded:null)(`aria-selected`,i.selectedId()===a.node.id)(`tabindex`,i.tabStop()===a.node.id?0:-1)(`data-vindex`,r.index)(`data-id`,a.node.id),k(),N(a.hasChildren?2:3),k(2),N(a.node.kind===`directive`?4:5),k(2),N((e=a.node.hydration)?6:-1,e),k(),F(i.routedById().get(a.node.id)??mv(20,oP)),k(2),N((n=i.cdHosts()[a.node.id])?9:-1,n),k(),N(a.node.kind!==`directive`&&a.node.directives?.length?10:-1)}}function FP(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function IP(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`button`,44),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.id,!0))}),J(2),R()()}e&2&&(k(2),X(` Show `,t.name,` `))}function LP(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`directive host`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R()(),L(8,`div`,63)(9,`h3`),J(10,` Directives `),L(11,`span`,64),J(12),R()(),L(13,`ul`,65),P(14,FP,2,1,`li`,66,uP),R()(),L(16,`div`,63)(17,`p`,67),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,IP,3,1,`div`,68),R()()),e&2){let e,n=t,r=G(2);k(5),X(`<`,n.tag,`>`),k(2),Y(r.hostLabel(n)),k(5),Y(n.directives?.length??0),k(2),F(n.directives??mv(4,oP)),k(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function RP(e,t){if(e&1&&(L(0,`p`,69),z(1,`app-source-link`,73),R()),e&2){let e=t;k(),I(`file`,e.file)(`line`,e.line)}}function zP(e,t){if(e&1){let e=H();L(0,`div`,74)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).revealInElements(t))}),J(2,`Reveal in Elements`),R(),L(3,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openSource(t))}),J(4,`Open source`),R()(),L(5,`p`,75),J(6),R()}if(e&2){let e=G(3);k(6),Y(e.actionMessage())}}function BP(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function VP(e,t){if(e&1&&(L(0,`div`,70),P(1,BP,2,1,`button`,76,dP),R()),e&2){let e=G(),t=G(3);k(),F(t.formsIn(e.file))}}function HP(e,t){e&1&&M(0,VP,3,0,`div`,70),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function UP(e,t){if(e&1){let e=H();L(0,`div`,70)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openInjector(t))}),J(2,` Show in Injectors `),L(3,`span`,24),J(4),R()()()}if(e&2){let e=G();k(4),X(`: `,e.name)}}function WP(e,t){if(e&1&&z(0,`app-store-global`,71),e&2){let e=G(),t=G(2);I(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,hv(4,sP,e.id))(`label`,e.name)}}function GP(e,t){if(e&1&&(L(0,`dt`),J(1,`Routed`),R(),L(2,`dd`,79),J(3),R()),e&2){let e=t.$implicit;k(3),Z(``,e.route||`/`,` in outlet `,e.outlet)}}function KP(e,t){if(e&1&&(L(0,`span`,11),J(1),R()),e&2){let e=G(4);k(),Z(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function qP(e,t){if(e&1){let e=H();L(0,`div`,83)(1,`p`,42),J(2),R(),L(3,`p`,43),J(4,` The filter searches names, and the nested keys of values you opened. `),R(),L(5,`button`,44),U(`click`,function(){return T(e),E(G(5).clearPropFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(5);k(2),X(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function JP(e,t){if(e&1&&(L(0,`span`,87),J(1),R()),e&2){let e=G().$implicit;k(),X(`(`,e.prop,`)`)}}function YP(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,JP,2,1,`span`,87),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.prop===e.name?-1:3),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function XP(e,t){if(e&1&&(L(0,`ul`,84),P(1,YP,5,9,`li`,85,pP),R()),e&2){let e=G(2);k(),F(e.inputs)}}function ZP(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs.`),R())}function QP(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Inputs `),L(3,`span`,64),J(4),R()(),M(5,XP,3,0,`ul`,84)(6,ZP,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.inputs.length),k(),N(e.inputs.length?5:6)}}function $P(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function eF(e,t){if(e&1&&(L(0,`ul`,65),P(1,$P,5,4,`li`,89,pP),R()),e&2){let e=G(2);k(),F(e.outputs)}}function tF(e,t){e&1&&(L(0,`p`,67),J(1,`No outputs.`),R())}function nF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Outputs `),L(3,`span`,64),J(4),R()(),M(5,eF,3,0,`ul`,65)(6,tF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.outputs.length),k(),N(e.outputs.length?5:6)}}function rF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function iF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,rF,2,1,`span`,92),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.kind?3:-1),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function aF(e,t){if(e&1&&(L(0,`ul`,84),P(1,iF,5,9,`li`,85,pP),R()),e&2){let e=G(2);k(),F(e.properties)}}function oF(e,t){e&1&&(L(0,`p`,67),J(1,`No other properties.`),R())}function sF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Properties `),L(3,`span`,64),J(4),R()(),M(5,aF,3,0,`ul`,84)(6,oF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.properties.length),k(),N(e.properties.length?5:6)}}function cF(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function lF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` DOM listeners `),L(3,`span`,64),J(4),R()(),L(5,`ul`,65),P(6,cF,2,1,`li`,66,Ag),R()()),e&2){let e=G(2);k(4),Y(e.listeners.length),k(2),F(e.listeners)}}function uF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),R(),z(3,`app-value-tree`,93),R()),e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2),i=G(3);k(2),Y(e.name),k(),I(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function dF(e,t){if(e&1&&(L(0,`ul`,84),P(1,uF,4,8,`li`,85,pP),R()),e&2){let e=G().$implicit;k(),F(e.inputs)}}function fF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function pF(e,t){if(e&1&&(L(0,`ul`,65),P(1,fF,5,4,`li`,89,pP),R()),e&2){let e=G().$implicit;k(),F(e.outputs)}}function mF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs or outputs.`),R())}function hF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`)(2,`span`,79),J(3),R(),L(4,`span`,92),J(5,`directive on host`),R()(),M(6,dF,3,0,`ul`,84),M(7,pF,3,0,`ul`,65),M(8,mF,2,0,`p`,67),R()),e&2){let e=t.$implicit;k(3),Y(e.name),k(3),N(e.inputs.length?6:-1),k(),N(e.outputs.length?7:-1),k(),N(!e.inputs.length&&!e.outputs.length?8:-1)}}function gF(e,t){if(e&1&&(M(0,qP,7,1,`div`,83),M(1,QP,7,2,`div`,63),M(2,nF,7,2,`div`,63),M(3,sF,7,2,`div`,63),M(4,lF,8,1,`div`,63),P(5,hF,9,4,`div`,63,fP)),e&2){let e=t,n=G(),r=G(3);N(r.propQuery()&&!e.count?0:-1),k(),N(!r.propQuery()||e.inputs.length?1:-1),k(),N(!r.propQuery()||e.outputs.length?2:-1),k(),N(!r.propQuery()||e.properties.length?3:-1),k(),N(!r.propQuery()&&n.listeners.length?4:-1),k(),F(e.directives)}}function _F(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function vF(e,t){if(e&1&&(L(0,`span`,96),J(1,`from `),L(2,`span`,79),J(3),R()()),e&2){let e=G().$implicit;k(3),Y(e.providedByName??`an injector`)}}function yF(e,t){e&1&&(L(0,`span`,97),J(1,`not provided`),R())}function bF(e,t){if(e&1&&(L(0,`li`,94)(1,`span`,95),J(2),R(),P(3,_F,2,1,`span`,92,Ag),M(5,vF,4,1,`span`,96)(6,yF,2,0,`span`,97),R()),e&2){let e=t.$implicit;k(2),Y(e.token),k(),F(e.flags),k(2),N(e.providedBy?5:6)}}function xF(e,t){if(e&1&&(L(0,`ul`,82),P(1,bF,7,2,`li`,94,mP),R()),e&2){let e=G();k(),F(e.dependencies)}}function SF(e,t){e&1&&(L(0,`p`,67),J(1,`Nothing is injected through the constructor or inject().`),R())}function CF(e,t){if(e&1){let e=H();L(0,`dl`,78)(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`,79),J(12),R(),P(13,GP,4,2,null,null,lP),R(),L(15,`div`,80)(16,`div`,5),D(),L(17,`svg`,6),z(18,`circle`,7)(19,`path`,8),R(),_s(),L(20,`input`,81,2),U(`input`,function(t){return T(e),E(G(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return T(e),E(G(3).clearPropFilter(t))}),R()(),M(22,KP,2,2,`span`,11),L(23,`p`,20),J(24),R()(),M(25,gF,7,5),L(26,`div`,63)(27,`h3`),J(28,` Injected `),L(29,`span`,64),J(30),R()(),M(31,xF,3,0,`ul`,82)(32,SF,2,0,`p`,67),R()}if(e&2){let e,n=t,r=G(),i=G(2);k(4),Y(n.changeDetection??`Unknown`),k(4),Y(n.encapsulation??`Unknown`),k(4),Y(n.path),k(),F(i.routedById().get(r.id)??mv(9,oP)),k(7),I(`value`,i.propFilter()),k(2),N(i.propQuery()?22:-1),k(2),Y(i.propFilterStatus()),k(),N((e=i.shownValues())?25:-1,e),k(5),Y(n.dependencies.length),k(),N(n.dependencies.length?31:32)}}function wF(e,t){e&1&&(L(0,`div`,72),z(1,`span`,98),L(2,`p`,43),J(3,`Reading live values from the page…`),R()())}function TF(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`component`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R(),M(8,RP,2,2,`p`,69),M(9,zP,7,1),M(10,HP,1,1),M(11,UP,5,1,`div`,70),M(12,WP,1,6,`app-store-global`,71),R(),M(13,CF,33,10)(14,wF,4,0,`div`,72),R()),e&2){let e,n,r,i=t,a=G(2);k(5),Y(i.name),k(2),X(`<`,i.tag,`>`),k(),N((e=a.whereOf(i))?8:-1,e),k(),N(a.devtoolsActions()?9:-1),k(),N((n=a.sourceFor(i))?10:-1,n),k(),N(a.canShowInjector()&&!a.staticReport()?11:-1),k(),N(!a.staticReport()&&!a.native()?12:-1),k(),N((r=a.detail())?13:14,r)}}function EF(e,t){e&1&&(L(0,`p`,42),J(1,`The selected component was destroyed`),R(),L(2,`p`,43)(3,`span`,79),J(4),R(),J(5,` is no longer on the page. Select another component to see its live values. `),R()),e&2&&(k(4),Y(t))}function DF(e,t){e&1&&(L(0,`p`,43),J(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),R())}function OF(e,t){if(e&1&&(L(0,`div`,30),M(1,EF,6,1)(2,DF,2,0,`p`,43),R()),e&2){let e,t=G(2);k(),N((e=t.destroyed())?1:2,e)}}function kF(e,t){e&1&&(L(0,`span`,92),J(1,`hydrate never`),R())}function AF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.hydration)}}function jF(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,101),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showOwner(t))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))}),L(2,`span`,57),J(3),R(),L(4,`span`,102),J(5),R(),M(6,kF,2,0,`span`,92)(7,AF,2,1,`span`,92),L(8,`span`,103),J(9),R()()()}if(e&2){let e=t.$implicit;k(),j(`aria-disabled`,e.owner?null:`true`),k(2),Y(e.owner?.name??`Unknown component`),k(),M_(`defer-state-`+e.state),k(),Y(e.state),k(),N(e.hydrateNever?6:e.hydration===`not-configured`?-1:7),k(3),Y(e.triggers.join(`, `)||`no triggers`)}}function MF(e,t){if(e&1&&(L(0,`section`,31)(1,`h2`,99),J(2,` Defer blocks `),L(3,`span`,64),J(4),R()(),L(5,`ul`,100),P(6,jF,10,7,`li`,null,hP),R()()),e&2){let e=G(2);k(4),Y(e.deferCount()),k(2),F(e.deferBlocks())}}function NF(e,t){e&1&&z(0,`app-angular-unavailable`,32),e&2&&I(`page`,G(2).angularPage())}function PF(e,t){if(e&1){let e=H();L(0,`app-hydration-section`,104),U(`overlay`,function(t){return T(e),E(G(2).setHydrationOverlay(t))})(`showNode`,function(t){return T(e),E(G(2).revealNode(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}e&2&&I(`report`,G(2).page()?.hydration)}function FF(e,t){if(e&1){let e=H();L(0,`app-cd-recording`,105),U(`showComponent`,function(t){return T(e),E(G(2).showCdComponent(t))}),R(),L(1,`app-leaks-section`,106),U(`showComponent`,function(t){return T(e),E(G(2).revealNode(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}if(e&2){let e=G(2);I(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc()),k(),I(`report`,e.leaksPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`angular`,e.angularPage())}}function IF(e,t){if(e&1){let e=H();L(0,`p`,3),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`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,9,0),U(`input`,function(t){return T(e),E(G().setFilter(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().setFilter(``))}),R(),L(9,`span`,10),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,_P,3,2),L(12,`span`,11),J(13),R(),M(14,vP,5,1,`button`,12),L(15,`button`,13),U(`click`,function(){return T(e),E(G().expandAll())}),D(),L(16,`svg`,14),z(17,`path`,15)(18,`path`,16),R(),J(19,` Expand all `),R(),_s(),L(20,`button`,13),U(`click`,function(){return T(e),E(G().collapseAll())}),D(),L(21,`svg`,14),z(22,`path`,17)(23,`path`,18),R(),J(24,` Collapse all `),R(),M(25,yP,4,3,`button`,19),R(),_s(),L(26,`p`,20),J(27),R(),M(28,bP,2,1,`p`,21),M(29,xP,2,1,`p`,22),L(30,`div`,23)(31,`div`)(32,`h2`,24),J(33,`Component tree`),R(),M(34,wP,7,3,`div`,25),M(35,TP,2,1,`p`,26),L(36,`div`,27,1),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(38,PP,11,21,`div`,28,cP),R()(),M(40,LP,20,5,`section`,29)(41,TF,15,8,`section`,29)(42,OF,3,1,`div`,30),R(),M(43,MF,8,1,`section`,31),M(44,NF,1,1,`app-angular-unavailable`,32),M(45,PF,1,1,`app-hydration-section`,33),L(46,`app-for-blocks`,34),U(`showOwner`,function(t){return T(e),E(G().showForOwner(t))})(`highlight`,function(t){return T(e),E(G().highlight(t))}),R(),M(47,FF,2,7)}if(e&2){let e,t=G();k(7),I(`value`,t.filter()),k(4),N(t.pageOptions().length>1?11:-1),k(2),Y(t.countLabel()),k(),N(t.page().directiveHostCount?14:-1),k(),I(`disabled`,!!t.filter().trim()),k(5),I(`disabled`,!!t.filter().trim()),k(5),N(t.native()?-1:25),k(2),Y(t.announcement()),k(),N(t.pickMessage()?28:-1),k(),N(t.page().truncated?29:-1),k(5),N(t.rows().length?-1:34),k(),N(t.rowWindow.enabled()?35:-1),k(),K(`padding-top`,t.rowWindow.enabled()?6+t.rowWindow.padTop():null,`px`)(`padding-bottom`,t.rowWindow.enabled()?6+t.rowWindow.padBottom():null,`px`),q(`windowed`,t.rowWindow.enabled()),I(`hidden`,!t.rows().length),k(2),F(t.shownRows()),k(2),N((e=t.selectedHost())?40:(e=t.selectedNode())?41:42,e),k(3),N(t.deferBlocks().length?43:-1),k(),N(t.deferUnavailable()?44:-1),k(),N(t.native()?-1:45),k(),I(`blocks`,t.page()?.forBlocks)(`truncated`,t.page()?.forBlocksTruncated===!0)(`supported`,t.page()?.deferBlocks&&!t.page()?.forBlocks||t.forUnavailable()?!1:null)(`angular`,t.angularPage()),k(),N(!t.staticReport()&&!t.native()?47:-1)}}function LF(e,t){e&1&&(L(0,`p`,22),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 RF(e,t){e&1&&(L(0,`p`,107),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 zF(e,t){if(e&1&&J(0),e&2){let e=G(3);Z(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function BF(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 VF(e,t){if(e&1&&(L(0,`span`,109),M(1,zF,1,2)(2,BF,1,4),R()),e&2){let e=G(2);k(),N(e.filter().trim()?1:2)}}function HF(e,t){e&1&&(L(0,`div`,113),z(1,`span`,98),L(2,`p`,42),J(3,`Scanning components…`),R()())}function UF(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function WF(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function GF(e,t){if(e&1){let e=H();L(0,`div`,114)(1,`p`,42),J(2,`Could not load components`),R(),L(3,`p`,43),M(4,UF,4,0)(5,WF,1,0),R(),L(6,`button`,44),U(`click`,function(){return T(e),E(G(2).refresh())}),J(7,`Retry`),R()()}if(e&2){let e=G(2);k(4),N(e.staticReport()?4:5)}}function KF(e,t){e&1&&(L(0,`div`,115)(1,`p`,42),J(2,`No components found`),R(),L(3,`p`,43),J(4,`No @Component or @Directive was found in the source.`),R()())}function qF(e,t){if(e&1){let e=H();L(0,`div`,115)(1,`p`,42),J(2),R(),L(3,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(4,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`)}}function JF(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function YF(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;k(3),Y(e.changeDetection??`Unknown`)}}function XF(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function ZF(e,t){if(e&1&&(L(0,`div`,125)(1,`dl`,78)(2,`dt`),J(3,`Class`),R(),L(4,`dd`,79),J(5),R(),L(6,`dt`),J(7,`File`),R(),L(8,`dd`,79),z(9,`app-source-link`,73),R(),L(10,`dt`),J(11,`Standalone`),R(),L(12,`dd`),J(13),R(),M(14,YF,4,1),L(15,`dt`),J(16,`Inputs`),R(),L(17,`dd`,79),J(18),R(),L(19,`dt`),J(20,`Outputs`),R(),L(21,`dd`,79),J(22),R()(),P(23,XF,2,1,`button`,76,dP),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(3);I(`id`,`ct-source-`+n),k(5),Y(r.bareName(t.className)),k(4),I(`file`,t.file)(`line`,t.line),k(4),Y(t.isStandalone?`Yes`:`No`),k(),N(t.kind===`component`?14:-1),k(4),Y(t.inputs.join(`, `)||`None`),k(4),Y(t.outputs.join(`, `)||`None`),k(),F(r.formsIn(t.file))}}function QF(e,t){if(e&1){let e=H();L(0,`li`,118)(1,`button`,119),U(`click`,function(){let t=T(e).$implicit,n=G(3);return E(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),L(2,`span`,120),J(3),R(),L(4,`span`,121)(5,`span`,122),J(6),R(),L(7,`span`,123),M(8,JF,1,1),J(9),R()(),D(),L(10,`svg`,124),z(11,`path`,54),R()(),M(12,ZF,25,8,`div`,125),R()}if(e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`expanded`,r.openKey()===r.sourceKey(e)),k(),j(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),k(),q(`directive`,e.kind===`directive`),k(),Y(e.kind),k(3),Y(r.sourceLabel(e)),k(2),N(e.selector?8:-1),k(),Z(` `,e.file,`:`,e.line,` `),k(3),N(r.openKey()===r.sourceKey(e)?12:-1)}}function $F(e,t){if(e&1&&(L(0,`ul`,116),P(1,QF,13,12,`li`,117,gP,!0),R()),e&2){let e=G(2);k(),F(e.filteredSource())}}function eI(e,t){if(e&1){let e=H();M(0,LF,2,0,`p`,22)(1,RF,2,0,`p`,107),L(2,`div`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,108,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(9,VF,3,1,`span`,109),L(10,`button`,110),U(`click`,function(){return T(e),E(G().refresh())}),D(),L(11,`svg`,14),z(12,`path`,111)(13,`path`,112),R(),J(14,` Refresh `),R()(),M(15,HF,4,0,`div`,113)(16,GF,8,1,`div`,114)(17,KF,5,0,`div`,115)(18,qF,5,1,`div`,115)(19,$F,3,0,`ul`,116)}if(e&2){let e=G();N(+!e.page()),k(7),I(`value`,e.filter()),k(2),N(e.source().length?9:-1),k(),q(`spinning`,e.loading()),j(`aria-busy`,e.loading()),k(5),N(e.loading()&&!e.source().length?15:e.error()&&!e.source().length?16:e.source().length?e.filteredSource().length?19:18:17)}}var tI=32;function nI(e){return e.replace(/^_(?=[A-Z])/,``)}var rI=`pangular:components:directive-hosts`;function iI(){try{return localStorage.getItem(rI)!==`hidden`}catch{return!0}}var aI=class e{rpc=$(null);staticReport=Q(()=>UE(this.rpc()));focus=$(null);showForm=Rv();focusHandled=Rv();command=$(null);commandHandled=Rv();canShowInjector=$(!1);showInjector=Rv();filter=O(``);loading=O(!1);error=O(!1);source=O([]);formOwners=O([]);pages=O({});chosenPageId=O(null);selectedId=O(null);destroyed=O(null);announcement=O(``);picking=O(!1);pickMessage=O(``);pickPageId=null;pickSeq=0;focusId=O(null);bridge=C(cO);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=O(new Set);showDirectiveHosts=O(iI());openKey=O(null);routerPages=O([]);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.pageId));hasControlFlow=Q(()=>{let e=this.angularPage()?.version;return!e||jE(e,`17.0`)});deferUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`deferBlocks`));forUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`forBlocks`));destroyRef=C(Ds);injector=C(Ts);host=C(Il);filterInput=Jv(`filterInput`);cdRecording=Jv(eM);pagesKnown=O(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Fv({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>RE(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(()=>_O(this.page()));canEdit=Q(()=>this.live()&&!this.native()&&!this.staticReport()&&rD(this.rpc(),`components`));devtoolsActions=Q(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=O({});cdPage=Q(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=Q(()=>this.cdPage()?.hosts??{});leaksPages=O({});leaksPage=Q(()=>{let e=this.page()?.pageId;return e?this.leaksPages()[e]??null:null});visibleRoots=Q(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:AO(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(()=>kO(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(()=>PO(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)=>{i.forEach((o,s)=>{let c=n||!t.has(o.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:c,posinset:s+1,setsize:i.length}),c&&r(o.children,a+1)})};return r(this.filtered().nodes,0),e});rowWindow=new nP({count:Q(()=>this.rows().length),estimate:tI,fixed:!0});shownRows=Q(()=>{let{start:e,end:t}=this.rowWindow.range();return this.rows().slice(e,t).map((t,n)=>({row:t,index:e+n}))});tabStop=Q(()=>{let e=this.rovingId(),t=this.shownRows();return t.some(({row:t})=>t.node.id===e)?e:t[0]?.row.node.id??null});treeEl=Jv(`treeEl`);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 sN;propFilter=O(``);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)||UM([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=nI(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(){mc(()=>{let e=this.treeEl()?.nativeElement;e&&this.rowWindow.attach(e)}),mc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Nv(()=>this.values.follow(t,e?.expanded))}),mc(()=>{let e=this.page()?.pageId??null;Nv(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),mc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),mc(()=>{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()})}),mc(()=>{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(`leaks`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.leaksPages.set(t&&typeof t==`object`?t:{})};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.leaksPages.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(nI(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:nI(e.className)}bareName(e){return nI(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=zO(r,a,n);o&&(this.focusId.set(o),Hd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=LO({...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(FO(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 jO(e)}hydrationText(e){return NO(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(rI,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);let r=this.rows().findIndex(t=>t.node.id===e);r>=0&&this.rowWindow.reveal(r),Hd(()=>{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);let n=()=>{let t=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);t?.focus(),t?.scrollIntoView({block:`nearest`})};this.rowWindow.rendered(a)?queueMicrotask(n):this.rowWindow.reveal(a,n)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,rP,5)(t.cdRecording,eM,5)(t.treeEl,iP,5)(t.propFilterInput,aP,5),e&2&&u_(4)},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`,``],[`treeEl`,``],[`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`],[1,`window-note`],[`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`],[`capability`,`deferBlocks`,`compact`,``,1,`defer`,3,`page`],[3,`report`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`supported`,`angular`],[`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`],[3,`showComponent`,`highlight`,`report`,`pageId`,`rpc`,`angular`],[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,IF,48,28)(1,eI,20,7),e&2&&N(+!t.live())},dependencies:[OO,eM,lM,aN,fN,CN,ZO,QN,hO],styles:[`[_nghost-%COMP%] {
+}`]})},tP=12,nP=900;function rP(e){for(let t=e.parentElement;t;t=t.parentElement){let e=getComputedStyle(t);if(/(auto|scroll|overlay)/.test(e.overflowY))return t}return null}var iP=class{options;injector=C(Ts);visibleTop=O(0);viewport=O(nP);rowHeight;host=null;scroller=null;detach=null;enabled;range;padTop;padBottom;constructor(e){this.options=e,this.rowHeight=O(e.estimate);let t=e.min??300;this.enabled=Q(()=>e.count()>t),this.range=Q(()=>{let t=e.count();if(!this.enabled())return{start:0,end:t};let n=this.rowHeight(),r=this.viewport(),i=Math.max(0,Math.min(this.visibleTop(),t*n-r)),a=Math.max(0,Math.min(t-1,Math.floor(i/n)-tP));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+tP))}}),this.padTop=Q(()=>this.enabled()?this.range().start*this.rowHeight():0),this.padBottom=Q(()=>this.enabled()?(e.count()-this.range().end)*this.rowHeight():0),mc(()=>{e.count(),Hd(()=>this.update(),{injector:this.injector})}),C(Ds).onDestroy(()=>this.detach?.())}get count(){return this.options.count()}rendered(e){let{start:t,end:n}=this.range();return e>=t&&e<n}attach(e){if(this.host===e)return;this.detach?.(),this.host=e,e.style.overflowAnchor=`none`,e.style.transitionProperty=`none`;let t=/(auto|scroll|overlay)/.test(getComputedStyle(e).overflowY);this.scroller=t?e:rP(e);let n=this.scroller??window,r=()=>this.update();n.addEventListener(`scroll`,r,{passive:!0}),window.addEventListener(`resize`,r),this.detach=()=>{n.removeEventListener(`scroll`,r),window.removeEventListener(`resize`,r)},this.update()}update(){let e=this.host;if(e){if(this.scroller===e)this.place(e.scrollTop,e.clientHeight);else{let t=this.scroller?this.scroller.getBoundingClientRect().top:0,n=this.scroller?this.scroller.clientHeight:window.innerHeight;this.place(t-e.getBoundingClientRect().top,n)}this.options.fixed||this.measure()}}place(e,t){this.visibleTop.set(e),this.viewport.set(t>0?t:nP)}measure(){let e=this.host?.querySelectorAll(`[data-vindex]`);if(!e||e.length<2)return;let t=e[0].getBoundingClientRect(),n=(e[e.length-1].getBoundingClientRect().bottom-t.top)/e.length;n>4&&Math.abs(n-this.rowHeight())>1&&this.rowHeight.set(n)}reveal(e,t){if(this.enabled()&&!this.rendered(e)){let t=e*this.rowHeight(),n=this.viewport(),r=Math.max(0,t-n/2);if(this.place(r,n),this.host&&this.scroller===this.host)this.host.scrollTop=r;else if(this.host){let e=this.scroller?this.scroller.getBoundingClientRect().top:0,t=this.host.getBoundingClientRect().top-e+r;this.scroller?this.scroller.scrollTop+=t:window.scrollBy(0,t)}}t&&Hd(t,{injector:this.injector})}},aP=[`filterInput`],oP=[`treeEl`],sP=[`propFilterInput`],cP=()=>[],lP=e=>({kind:`component`,id:e}),uP=(e,t)=>t.row.node.id,dP=(e,t)=>t.outlet+t.route,fP=(e,t)=>t+e,pP=(e,t)=>t.formId,mP=(e,t)=>t.name+t.index,hP=(e,t)=>t.name,gP=(e,t)=>t.token+e,_P=(e,t)=>t.id;function vP(e,t){return this.sourceKey(t)}function yP(e,t){if(e&1){let e=H();L(0,`span`,35),J(1,`Page`),R(),L(2,`app-select`,36),U(`valueChange`,function(t){return T(e),E(G(2).selectPage(t))}),R()}if(e&2){let e=G(2);k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function bP(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){return T(e),E(G(2).toggleDirectiveHosts())}),D(),L(1,`svg`,14),z(2,`path`,38)(3,`path`,39),R(),J(4,` Directive hosts `),R()}e&2&&j(`aria-pressed`,G(2).showDirectiveHosts())}function xP(e,t){if(e&1){let e=H();L(0,`button`,40),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),D(),L(1,`svg`,14),z(2,`path`,41),R(),J(3),R()}if(e&2){let e=G(2);q(`on`,e.picking()),k(3),X(` `,e.picking()?`Cancel pick`:`Pick component on page`,` `)}}function SP(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);k(),Y(e.pickMessage())}}function CP(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);k(),Y(e.truncationText())}}function wP(e,t){e&1&&(L(0,`p`,43),J(1,`The filter only searches the components the tree lists.`),R())}function TP(e,t){e&1&&(L(0,`p`,43),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function EP(e,t){if(e&1){let e=H();L(0,`div`,25)(1,`p`,42),J(2),R(),M(3,wP,2,0,`p`,43),M(4,TP,2,0,`p`,43),L(5,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`),k(),N(e.page().truncated?3:-1),k(),N(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function DP(e,t){if(e&1&&(L(0,`p`,26),J(1),R()),e&2){let e=G(2);k(),X(` `,e.rows().length,` rows. Rows render as you scroll, so the browser's find only sees the ones near view; the filter above searches them all. `)}}function OP(e,t){if(e&1){let e=H();L(0,`span`,52),U(`click`,function(t){T(e),G();let n=fv(0);return E(G(2).toggle(n.node.id,t))}),D(),L(1,`svg`,53),z(2,`path`,54),R()()}e&2&&(G(),q(`open`,fv(0).expanded))}function kP(e,t){e&1&&z(0,`span`,47)}function AP(e,t){if(e&1&&(L(0,`span`,55),J(1),R(),L(2,`span`,56),J(3),R(),L(4,`span`,24),J(5,`directive host`),R()),e&2){G();let e=fv(0),t=G(2);k(),X(`<`,e.node.tag,`>`),k(),j(`title`,e.node.directives?.join(`, `)),k(),Y(t.hostLabel(e.node))}}function jP(e,t){if(e&1&&(L(0,`span`,57),J(1),R(),L(2,`span`,58),J(3),R()),e&2){G();let e=fv(0);k(),Y(e.node.name),k(2),X(`<`,e.node.tag,`>`)}}function MP(e,t){if(e&1&&(L(0,`span`)(1,`span`,24),J(2,`Hydration: `),R(),J(3),R()),e&2){let e=t,n=G(3);M_(`hyd hyd-`+e),k(3),Y(n.hydrationText(e))}}function NP(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.route||`/`)}}function PP(e,t){if(e&1&&(L(0,`span`,50),J(1),L(2,`span`,24),J(3),R()()),e&2){let e=t;k(),X(` `,e),k(2),X(` `,e===1?`check`:`checks`,` while recording`)}}function FP(e,t){if(e&1&&(L(0,`span`,51),J(1),L(2,`span`,24),J(3),R()()),e&2){G();let e=fv(0);j(`title`,e.node.directives.join(`, `)),k(),X(` +`,e.node.directives.length,` `),k(2),X(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function IP(e,t){if(e&1){let e=H();uv(0),L(1,`div`,45),U(`click`,function(){T(e);let t=fv(0);return E(G(2).select(t.node.id))})(`focus`,function(){T(e);let t=fv(0),n=G(2);return n.focusId.set(t.node.id),E(n.highlight(t.node.id))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(2).highlight(t.node.id))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(2,OP,3,2,`span`,46)(3,kP,1,0,`span`,47),M(4,AP,6,3)(5,jP,4,2),M(6,MP,4,3,`span`,48),P(7,NP,2,1,`span`,49,dP),M(9,PP,4,2,`span`,50),M(10,FP,4,3,`span`,51),R()}if(e&2){let e,n,r=t.$implicit,i=G(2),a=dv(r.row);k(),K(`--%NS%depth`,a.depth),q(`selected`,i.selectedId()===a.node.id)(`dir-host`,a.node.kind===`directive`),j(`aria-level`,a.depth+1)(`aria-setsize`,a.setsize)(`aria-posinset`,a.posinset)(`aria-expanded`,a.hasChildren?a.expanded:null)(`aria-selected`,i.selectedId()===a.node.id)(`tabindex`,i.tabStop()===a.node.id?0:-1)(`data-vindex`,r.index)(`data-id`,a.node.id),k(),N(a.hasChildren?2:3),k(2),N(a.node.kind===`directive`?4:5),k(2),N((e=a.node.hydration)?6:-1,e),k(),F(i.routedById().get(a.node.id)??mv(20,cP)),k(2),N((n=i.cdHosts()[a.node.id])?9:-1,n),k(),N(a.node.kind!==`directive`&&a.node.directives?.length?10:-1)}}function LP(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function RP(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`button`,44),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.id,!0))}),J(2),R()()}e&2&&(k(2),X(` Show `,t.name,` `))}function zP(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`directive host`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R()(),L(8,`div`,63)(9,`h3`),J(10,` Directives `),L(11,`span`,64),J(12),R()(),L(13,`ul`,65),P(14,LP,2,1,`li`,66,fP),R()(),L(16,`div`,63)(17,`p`,67),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,RP,3,1,`div`,68),R()()),e&2){let e,n=t,r=G(2);k(5),X(`<`,n.tag,`>`),k(2),Y(r.hostLabel(n)),k(5),Y(n.directives?.length??0),k(2),F(n.directives??mv(4,cP)),k(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function BP(e,t){if(e&1&&(L(0,`p`,69),z(1,`app-source-link`,73),R()),e&2){let e=t;k(),I(`file`,e.file)(`line`,e.line)}}function VP(e,t){if(e&1){let e=H();L(0,`div`,74)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).revealInElements(t))}),J(2,`Reveal in Elements`),R(),L(3,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openSource(t))}),J(4,`Open source`),R()(),L(5,`p`,75),J(6),R()}if(e&2){let e=G(3);k(6),Y(e.actionMessage())}}function HP(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function UP(e,t){if(e&1&&(L(0,`div`,70),P(1,HP,2,1,`button`,76,pP),R()),e&2){let e=G(),t=G(3);k(),F(t.formsIn(e.file))}}function WP(e,t){e&1&&M(0,UP,3,0,`div`,70),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function GP(e,t){if(e&1){let e=H();L(0,`div`,70)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openInjector(t))}),J(2,` Show in Injectors `),L(3,`span`,24),J(4),R()()()}if(e&2){let e=G();k(4),X(`: `,e.name)}}function KP(e,t){if(e&1&&z(0,`app-store-global`,71),e&2){let e=G(),t=G(2);I(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,hv(4,lP,e.id))(`label`,e.name)}}function qP(e,t){if(e&1&&(L(0,`dt`),J(1,`Routed`),R(),L(2,`dd`,79),J(3),R()),e&2){let e=t.$implicit;k(3),Z(``,e.route||`/`,` in outlet `,e.outlet)}}function JP(e,t){if(e&1&&(L(0,`span`,11),J(1),R()),e&2){let e=G(4);k(),Z(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function YP(e,t){if(e&1){let e=H();L(0,`div`,83)(1,`p`,42),J(2),R(),L(3,`p`,43),J(4,` The filter searches names, and the nested keys of values you opened. `),R(),L(5,`button`,44),U(`click`,function(){return T(e),E(G(5).clearPropFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(5);k(2),X(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function XP(e,t){if(e&1&&(L(0,`span`,87),J(1),R()),e&2){let e=G().$implicit;k(),X(`(`,e.prop,`)`)}}function ZP(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,XP,2,1,`span`,87),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.prop===e.name?-1:3),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function QP(e,t){if(e&1&&(L(0,`ul`,84),P(1,ZP,5,9,`li`,85,hP),R()),e&2){let e=G(2);k(),F(e.inputs)}}function $P(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs.`),R())}function eF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Inputs `),L(3,`span`,64),J(4),R()(),M(5,QP,3,0,`ul`,84)(6,$P,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.inputs.length),k(),N(e.inputs.length?5:6)}}function tF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function nF(e,t){if(e&1&&(L(0,`ul`,65),P(1,tF,5,4,`li`,89,hP),R()),e&2){let e=G(2);k(),F(e.outputs)}}function rF(e,t){e&1&&(L(0,`p`,67),J(1,`No outputs.`),R())}function iF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Outputs `),L(3,`span`,64),J(4),R()(),M(5,nF,3,0,`ul`,65)(6,rF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.outputs.length),k(),N(e.outputs.length?5:6)}}function aF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function oF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,aF,2,1,`span`,92),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.kind?3:-1),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function sF(e,t){if(e&1&&(L(0,`ul`,84),P(1,oF,5,9,`li`,85,hP),R()),e&2){let e=G(2);k(),F(e.properties)}}function cF(e,t){e&1&&(L(0,`p`,67),J(1,`No other properties.`),R())}function lF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Properties `),L(3,`span`,64),J(4),R()(),M(5,sF,3,0,`ul`,84)(6,cF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.properties.length),k(),N(e.properties.length?5:6)}}function uF(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function dF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` DOM listeners `),L(3,`span`,64),J(4),R()(),L(5,`ul`,65),P(6,uF,2,1,`li`,66,Ag),R()()),e&2){let e=G(2);k(4),Y(e.listeners.length),k(2),F(e.listeners)}}function fF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),R(),z(3,`app-value-tree`,93),R()),e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2),i=G(3);k(2),Y(e.name),k(),I(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function pF(e,t){if(e&1&&(L(0,`ul`,84),P(1,fF,4,8,`li`,85,hP),R()),e&2){let e=G().$implicit;k(),F(e.inputs)}}function mF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function hF(e,t){if(e&1&&(L(0,`ul`,65),P(1,mF,5,4,`li`,89,hP),R()),e&2){let e=G().$implicit;k(),F(e.outputs)}}function gF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs or outputs.`),R())}function _F(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`)(2,`span`,79),J(3),R(),L(4,`span`,92),J(5,`directive on host`),R()(),M(6,pF,3,0,`ul`,84),M(7,hF,3,0,`ul`,65),M(8,gF,2,0,`p`,67),R()),e&2){let e=t.$implicit;k(3),Y(e.name),k(3),N(e.inputs.length?6:-1),k(),N(e.outputs.length?7:-1),k(),N(!e.inputs.length&&!e.outputs.length?8:-1)}}function vF(e,t){if(e&1&&(M(0,YP,7,1,`div`,83),M(1,eF,7,2,`div`,63),M(2,iF,7,2,`div`,63),M(3,lF,7,2,`div`,63),M(4,dF,8,1,`div`,63),P(5,_F,9,4,`div`,63,mP)),e&2){let e=t,n=G(),r=G(3);N(r.propQuery()&&!e.count?0:-1),k(),N(!r.propQuery()||e.inputs.length?1:-1),k(),N(!r.propQuery()||e.outputs.length?2:-1),k(),N(!r.propQuery()||e.properties.length?3:-1),k(),N(!r.propQuery()&&n.listeners.length?4:-1),k(),F(e.directives)}}function yF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function bF(e,t){if(e&1&&(L(0,`span`,96),J(1,`from `),L(2,`span`,79),J(3),R()()),e&2){let e=G().$implicit;k(3),Y(e.providedByName??`an injector`)}}function xF(e,t){e&1&&(L(0,`span`,97),J(1,`not provided`),R())}function SF(e,t){if(e&1&&(L(0,`li`,94)(1,`span`,95),J(2),R(),P(3,yF,2,1,`span`,92,Ag),M(5,bF,4,1,`span`,96)(6,xF,2,0,`span`,97),R()),e&2){let e=t.$implicit;k(2),Y(e.token),k(),F(e.flags),k(2),N(e.providedBy?5:6)}}function CF(e,t){if(e&1&&(L(0,`ul`,82),P(1,SF,7,2,`li`,94,gP),R()),e&2){let e=G();k(),F(e.dependencies)}}function wF(e,t){e&1&&(L(0,`p`,67),J(1,`Nothing is injected through the constructor or inject().`),R())}function TF(e,t){if(e&1){let e=H();L(0,`dl`,78)(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`,79),J(12),R(),P(13,qP,4,2,null,null,dP),R(),L(15,`div`,80)(16,`div`,5),D(),L(17,`svg`,6),z(18,`circle`,7)(19,`path`,8),R(),_s(),L(20,`input`,81,2),U(`input`,function(t){return T(e),E(G(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return T(e),E(G(3).clearPropFilter(t))}),R()(),M(22,JP,2,2,`span`,11),L(23,`p`,20),J(24),R()(),M(25,vF,7,5),L(26,`div`,63)(27,`h3`),J(28,` Injected `),L(29,`span`,64),J(30),R()(),M(31,CF,3,0,`ul`,82)(32,wF,2,0,`p`,67),R()}if(e&2){let e,n=t,r=G(),i=G(2);k(4),Y(n.changeDetection??`Unknown`),k(4),Y(n.encapsulation??`Unknown`),k(4),Y(n.path),k(),F(i.routedById().get(r.id)??mv(9,cP)),k(7),I(`value`,i.propFilter()),k(2),N(i.propQuery()?22:-1),k(2),Y(i.propFilterStatus()),k(),N((e=i.shownValues())?25:-1,e),k(5),Y(n.dependencies.length),k(),N(n.dependencies.length?31:32)}}function EF(e,t){e&1&&(L(0,`div`,72),z(1,`span`,98),L(2,`p`,43),J(3,`Reading live values from the page…`),R()())}function DF(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`component`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R(),M(8,BP,2,2,`p`,69),M(9,VP,7,1),M(10,WP,1,1),M(11,GP,5,1,`div`,70),M(12,KP,1,6,`app-store-global`,71),R(),M(13,TF,33,10)(14,EF,4,0,`div`,72),R()),e&2){let e,n,r,i=t,a=G(2);k(5),Y(i.name),k(2),X(`<`,i.tag,`>`),k(),N((e=a.whereOf(i))?8:-1,e),k(),N(a.devtoolsActions()?9:-1),k(),N((n=a.sourceFor(i))?10:-1,n),k(),N(a.canShowInjector()&&!a.staticReport()?11:-1),k(),N(!a.staticReport()&&!a.native()?12:-1),k(),N((r=a.detail())?13:14,r)}}function OF(e,t){e&1&&(L(0,`p`,42),J(1,`The selected component was destroyed`),R(),L(2,`p`,43)(3,`span`,79),J(4),R(),J(5,` is no longer on the page. Select another component to see its live values. `),R()),e&2&&(k(4),Y(t))}function kF(e,t){e&1&&(L(0,`p`,43),J(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),R())}function AF(e,t){if(e&1&&(L(0,`div`,30),M(1,OF,6,1)(2,kF,2,0,`p`,43),R()),e&2){let e,t=G(2);k(),N((e=t.destroyed())?1:2,e)}}function jF(e,t){e&1&&(L(0,`span`,92),J(1,`hydrate never`),R())}function MF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.hydration)}}function NF(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,101),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showOwner(t))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))}),L(2,`span`,57),J(3),R(),L(4,`span`,102),J(5),R(),M(6,jF,2,0,`span`,92)(7,MF,2,1,`span`,92),L(8,`span`,103),J(9),R()()()}if(e&2){let e=t.$implicit;k(),j(`aria-disabled`,e.owner?null:`true`),k(2),Y(e.owner?.name??`Unknown component`),k(),M_(`defer-state-`+e.state),k(),Y(e.state),k(),N(e.hydrateNever?6:e.hydration===`not-configured`?-1:7),k(3),Y(e.triggers.join(`, `)||`no triggers`)}}function PF(e,t){if(e&1&&(L(0,`section`,31)(1,`h2`,99),J(2,` Defer blocks `),L(3,`span`,64),J(4),R()(),L(5,`ul`,100),P(6,NF,10,7,`li`,null,_P),R()()),e&2){let e=G(2);k(4),Y(e.deferCount()),k(2),F(e.deferBlocks())}}function FF(e,t){e&1&&z(0,`app-angular-unavailable`,32),e&2&&I(`page`,G(2).angularPage())}function IF(e,t){if(e&1){let e=H();L(0,`app-hydration-section`,104),U(`overlay`,function(t){return T(e),E(G(2).setHydrationOverlay(t))})(`showNode`,function(t){return T(e),E(G(2).revealNode(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}e&2&&I(`report`,G(2).page()?.hydration)}function LF(e,t){if(e&1){let e=H();L(0,`app-cd-recording`,105),U(`showComponent`,function(t){return T(e),E(G(2).showCdComponent(t))}),R(),L(1,`app-leaks-section`,106),U(`showComponent`,function(t){return T(e),E(G(2).showLeakComponent(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}if(e&2){let e=G(2);I(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc()),k(),I(`report`,e.leaksPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`angular`,e.angularPage())}}function RF(e,t){if(e&1){let e=H();L(0,`p`,3),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`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,9,0),U(`input`,function(t){return T(e),E(G().setFilter(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().setFilter(``))}),R(),L(9,`span`,10),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,yP,3,2),L(12,`span`,11),J(13),R(),M(14,bP,5,1,`button`,12),L(15,`button`,13),U(`click`,function(){return T(e),E(G().expandAll())}),D(),L(16,`svg`,14),z(17,`path`,15)(18,`path`,16),R(),J(19,` Expand all `),R(),_s(),L(20,`button`,13),U(`click`,function(){return T(e),E(G().collapseAll())}),D(),L(21,`svg`,14),z(22,`path`,17)(23,`path`,18),R(),J(24,` Collapse all `),R(),M(25,xP,4,3,`button`,19),R(),_s(),L(26,`p`,20),J(27),R(),M(28,SP,2,1,`p`,21),M(29,CP,2,1,`p`,22),L(30,`div`,23)(31,`div`)(32,`h2`,24),J(33,`Component tree`),R(),M(34,EP,7,3,`div`,25),M(35,DP,2,1,`p`,26),L(36,`div`,27,1),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(38,IP,11,21,`div`,28,uP),R()(),M(40,zP,20,5,`section`,29)(41,DF,15,8,`section`,29)(42,AF,3,1,`div`,30),R(),M(43,PF,8,1,`section`,31),M(44,FF,1,1,`app-angular-unavailable`,32),M(45,IF,1,1,`app-hydration-section`,33),L(46,`app-for-blocks`,34),U(`showOwner`,function(t){return T(e),E(G().showForOwner(t))})(`highlight`,function(t){return T(e),E(G().highlight(t))}),R(),M(47,LF,2,7)}if(e&2){let e,t=G();k(7),I(`value`,t.filter()),k(4),N(t.pageOptions().length>1?11:-1),k(2),Y(t.countLabel()),k(),N(t.page().directiveHostCount?14:-1),k(),I(`disabled`,!!t.filter().trim()),k(5),I(`disabled`,!!t.filter().trim()),k(5),N(t.native()?-1:25),k(2),Y(t.announcement()),k(),N(t.pickMessage()?28:-1),k(),N(t.page().truncated?29:-1),k(5),N(t.rows().length?-1:34),k(),N(t.rowWindow.enabled()?35:-1),k(),K(`padding-top`,t.rowWindow.enabled()?6+t.rowWindow.padTop():null,`px`)(`padding-bottom`,t.rowWindow.enabled()?6+t.rowWindow.padBottom():null,`px`),q(`windowed`,t.rowWindow.enabled()),I(`hidden`,!t.rows().length),k(2),F(t.shownRows()),k(2),N((e=t.selectedHost())?40:(e=t.selectedNode())?41:42,e),k(3),N(t.deferBlocks().length?43:-1),k(),N(t.deferUnavailable()?44:-1),k(),N(t.native()?-1:45),k(),I(`blocks`,t.page()?.forBlocks)(`truncated`,t.page()?.forBlocksTruncated===!0)(`supported`,t.page()?.deferBlocks&&!t.page()?.forBlocks||t.forUnavailable()?!1:null)(`angular`,t.angularPage()),k(),N(!t.staticReport()&&!t.native()?47:-1)}}function zF(e,t){e&1&&(L(0,`p`,22),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 BF(e,t){e&1&&(L(0,`p`,107),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 VF(e,t){if(e&1&&J(0),e&2){let e=G(3);Z(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function HF(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 UF(e,t){if(e&1&&(L(0,`span`,109),M(1,VF,1,2)(2,HF,1,4),R()),e&2){let e=G(2);k(),N(e.filter().trim()?1:2)}}function WF(e,t){e&1&&(L(0,`div`,113),z(1,`span`,98),L(2,`p`,42),J(3,`Scanning components…`),R()())}function GF(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function KF(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function qF(e,t){if(e&1){let e=H();L(0,`div`,114)(1,`p`,42),J(2,`Could not load components`),R(),L(3,`p`,43),M(4,GF,4,0)(5,KF,1,0),R(),L(6,`button`,44),U(`click`,function(){return T(e),E(G(2).refresh())}),J(7,`Retry`),R()()}if(e&2){let e=G(2);k(4),N(e.staticReport()?4:5)}}function JF(e,t){e&1&&(L(0,`div`,115)(1,`p`,42),J(2,`No components found`),R(),L(3,`p`,43),J(4,`No @Component or @Directive was found in the source.`),R()())}function YF(e,t){if(e&1){let e=H();L(0,`div`,115)(1,`p`,42),J(2),R(),L(3,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(4,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`)}}function XF(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function ZF(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;k(3),Y(e.changeDetection??`Unknown`)}}function QF(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function $F(e,t){if(e&1&&(L(0,`div`,125)(1,`dl`,78)(2,`dt`),J(3,`Class`),R(),L(4,`dd`,79),J(5),R(),L(6,`dt`),J(7,`File`),R(),L(8,`dd`,79),z(9,`app-source-link`,73),R(),L(10,`dt`),J(11,`Standalone`),R(),L(12,`dd`),J(13),R(),M(14,ZF,4,1),L(15,`dt`),J(16,`Inputs`),R(),L(17,`dd`,79),J(18),R(),L(19,`dt`),J(20,`Outputs`),R(),L(21,`dd`,79),J(22),R()(),P(23,QF,2,1,`button`,76,pP),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(3);I(`id`,`ct-source-`+n),k(5),Y(r.bareName(t.className)),k(4),I(`file`,t.file)(`line`,t.line),k(4),Y(t.isStandalone?`Yes`:`No`),k(),N(t.kind===`component`?14:-1),k(4),Y(t.inputs.join(`, `)||`None`),k(4),Y(t.outputs.join(`, `)||`None`),k(),F(r.formsIn(t.file))}}function eI(e,t){if(e&1){let e=H();L(0,`li`,118)(1,`button`,119),U(`click`,function(){let t=T(e).$implicit,n=G(3);return E(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),L(2,`span`,120),J(3),R(),L(4,`span`,121)(5,`span`,122),J(6),R(),L(7,`span`,123),M(8,XF,1,1),J(9),R()(),D(),L(10,`svg`,124),z(11,`path`,54),R()(),M(12,$F,25,8,`div`,125),R()}if(e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`expanded`,r.openKey()===r.sourceKey(e)),k(),j(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),k(),q(`directive`,e.kind===`directive`),k(),Y(e.kind),k(3),Y(r.sourceLabel(e)),k(2),N(e.selector?8:-1),k(),Z(` `,e.file,`:`,e.line,` `),k(3),N(r.openKey()===r.sourceKey(e)?12:-1)}}function tI(e,t){if(e&1&&(L(0,`ul`,116),P(1,eI,13,12,`li`,117,vP,!0),R()),e&2){let e=G(2);k(),F(e.filteredSource())}}function nI(e,t){if(e&1){let e=H();M(0,zF,2,0,`p`,22)(1,BF,2,0,`p`,107),L(2,`div`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,108,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(9,UF,3,1,`span`,109),L(10,`button`,110),U(`click`,function(){return T(e),E(G().refresh())}),D(),L(11,`svg`,14),z(12,`path`,111)(13,`path`,112),R(),J(14,` Refresh `),R()(),M(15,WF,4,0,`div`,113)(16,qF,8,1,`div`,114)(17,JF,5,0,`div`,115)(18,YF,5,1,`div`,115)(19,tI,3,0,`ul`,116)}if(e&2){let e=G();N(+!e.page()),k(7),I(`value`,e.filter()),k(2),N(e.source().length?9:-1),k(),q(`spinning`,e.loading()),j(`aria-busy`,e.loading()),k(5),N(e.loading()&&!e.source().length?15:e.error()&&!e.source().length?16:e.source().length?e.filteredSource().length?19:18:17)}}var rI=32;function iI(e){return e.replace(/^_(?=[A-Z])/,``)}var aI=`pangular:components:directive-hosts`;function oI(){try{return localStorage.getItem(aI)!==`hidden`}catch{return!0}}var sI=class e{rpc=$(null);staticReport=Q(()=>UE(this.rpc()));focus=$(null);showForm=Rv();focusHandled=Rv();command=$(null);commandHandled=Rv();canShowInjector=$(!1);showInjector=Rv();filter=O(``);loading=O(!1);error=O(!1);source=O([]);formOwners=O([]);pages=O({});chosenPageId=O(null);selectedId=O(null);destroyed=O(null);announcement=O(``);picking=O(!1);pickMessage=O(``);pickPageId=null;pickSeq=0;focusId=O(null);bridge=C(cO);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=O(new Set);showDirectiveHosts=O(oI());openKey=O(null);routerPages=O([]);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.pageId));hasControlFlow=Q(()=>{let e=this.angularPage()?.version;return!e||jE(e,`17.0`)});deferUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`deferBlocks`));forUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`forBlocks`));destroyRef=C(Ds);injector=C(Ts);host=C(Il);filterInput=Jv(`filterInput`);cdRecording=Jv(tM);pagesKnown=O(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Fv({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>RE(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(()=>_O(this.page()));canEdit=Q(()=>this.live()&&!this.native()&&!this.staticReport()&&rD(this.rpc(),`components`));devtoolsActions=Q(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=O({});cdPage=Q(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=Q(()=>this.cdPage()?.hosts??{});leaksPages=O({});leaksPage=Q(()=>{let e=this.page()?.pageId;return e?this.leaksPages()[e]??null:null});visibleRoots=Q(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:AO(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(()=>kO(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(()=>PO(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)=>{i.forEach((o,s)=>{let c=n||!t.has(o.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:c,posinset:s+1,setsize:i.length}),c&&r(o.children,a+1)})};return r(this.filtered().nodes,0),e});rowWindow=new iP({count:Q(()=>this.rows().length),estimate:rI,fixed:!0});shownRows=Q(()=>{let{start:e,end:t}=this.rowWindow.range();return this.rows().slice(e,t).map((t,n)=>({row:t,index:e+n}))});tabStop=Q(()=>{let e=this.rovingId(),t=this.shownRows();return t.some(({row:t})=>t.node.id===e)?e:t[0]?.row.node.id??null});treeEl=Jv(`treeEl`);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 cN;propFilter=O(``);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)||WM([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=iI(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(){mc(()=>{let e=this.treeEl()?.nativeElement;e&&this.rowWindow.attach(e)}),mc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Nv(()=>this.values.follow(t,e?.expanded))}),mc(()=>{let e=this.page()?.pageId??null;Nv(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),mc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),mc(()=>{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()})}),mc(()=>{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(`leaks`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.leaksPages.set(t&&typeof t==`object`?t:{})};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.leaksPages.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(iI(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:iI(e.className)}bareName(e){return iI(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=zO(r,a,n);o&&(this.focusId.set(o),Hd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=LO({...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(FO(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 jO(e)}hydrationText(e){return NO(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(aI,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)}showLeakComponent(e){this.index().map.has(e)&&this.reveal(e,!0)}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);let r=this.rows().findIndex(t=>t.node.id===e);r>=0&&this.rowWindow.reveal(r),Hd(()=>{let n=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`),r=this.host.nativeElement.querySelector(`.toolbar`);r&&this.host.nativeElement.style.setProperty(`--ct-toolbar-clearance`,`${r.offsetHeight+8}px`),n?.scrollIntoView({block:`nearest`}),t&&n?.focus({preventScroll:!0})},{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);let n=()=>{let t=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);t?.focus(),t?.scrollIntoView({block:`nearest`})};this.rowWindow.rendered(a)?queueMicrotask(n):this.rowWindow.reveal(a,n)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,aP,5)(t.cdRecording,tM,5)(t.treeEl,oP,5)(t.propFilterInput,sP,5),e&2&&u_(4)},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`,``],[`treeEl`,``],[`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`],[1,`window-note`],[`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`],[`capability`,`deferBlocks`,`compact`,``,1,`defer`,3,`page`],[3,`report`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`supported`,`angular`],[`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`],[3,`showComponent`,`highlight`,`report`,`pageId`,`rpc`,`angular`],[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,RF,48,28)(1,nI,20,7),e&2&&N(+!t.live())},dependencies:[OO,tM,uM,oN,pN,wN,ZO,eP,hO],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -2668,6 +2672,8 @@ button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {
 
 .row[_ngcontent-%COMP%] {
   position: relative;
+  scroll-margin-top: var(--%NS%ct-toolbar-clearance, 72px);
+  scroll-margin-bottom: 8px;
   display: flex;
   align-items: center;
   gap: 6px;
@@ -3264,7 +3270,7 @@ pre[_ngcontent-%COMP%] {
 
 .inline-detail[_ngcontent-%COMP%]   .show-form[_ngcontent-%COMP%] {
   margin: 0 16px;
-}`]})};function oI(e){return e.line?`${e.file}:${e.line}`:e.file}function sI(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 cI=HE;function lI(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var uI=`Could not reach the page.`;async function dI(e,t,n){return await cI(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function fI(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var pI=()=>[],mI=(e,t)=>t[0],hI=(e,t)=>t.input;function gI(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();k(3),Y(e.browserUrl)}}function _I(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);k(),Y(e.navigationOff)}}function vI(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 T(e),E(G(2).abort())}),J(8,` Abort `),V()(),M(9,_I,2,1,`p`,12)}if(e&2){let e=t,n=G(2);k(5),Y(e.url),k(),X(` (#`,e.id,`)`),k(),qg(`disabled`,!n.navigationAllowed()),j(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),k(2),N(n.navigationAllowed()?-1:9)}}function yI(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);k(),Y(e.message())}}function bI(e,t){if(e&1&&(B(0,`dt`),J(1,`Document title`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.title)}}function xI(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();k(4),Y(Cv(5,1,e.queryParams))}}function SI(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();k(4),Y(e.fragment)}}function CI(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),X(`, `,e.nesting)}}function wI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.outlet)}}function TI(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function EI(e,t){if(e&1&&(B(0,`div`,16),J(1),V()),e&2){let e=G().$implicit;k(),Z(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function DI(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.component)}}function OI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function kI(e,t){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function AI(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,kI,2,0,`span`,15),V()),e&2){let e=t.$implicit,n=G().$implicit;k(2),Z(``,e[0],`: `,Cv(3,3,e[1])),k(2),N(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function jI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function MI(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(k(),Y(t))}function NI(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,MI,2,1,`span`,15),V()),e&2){let e,n=t.$implicit,r=G().$implicit;k(2),Z(``,n[0],`: `,Cv(3,3,n[1])),k(2),N((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function PI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function FI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Y(e)}}function II(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function LI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function RI(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,CI,2,1,`span`,14),M(4,wI,2,1,`span`,15),M(5,TI,2,0,`span`,15),M(6,EI,2,2,`div`,16),V(),B(7,`td`),M(8,DI,2,1,`code`,17)(9,OI,4,0),V(),B(10,`td`),P(11,AI,5,5,`div`,18,mI,!1,jI,4,0),V(),B(14,`td`),P(15,NI,5,5,`div`,19,mI,!1,PI,4,0),V(),B(18,`td`),P(19,FI,2,1,`span`,15,Ag),P(21,II,2,1,`span`,15,Ag),M(23,LI,4,0),V()()),e&2){let e=t.$implicit,n=G(2);k(),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.label,` `),k(),N(e.nesting?3:-1),k(),N(e.route.outlet===`primary`?-1:4),k(),N(e.route.lazy?5:-1),k(),N(e.route.title?6:-1),k(2),N(e.route.component?8:9),k(3),F(n.entries(e.route.params)),k(4),F(n.entries(e.route.data)),k(4),F(n.guardList(e.route)),k(2),F(e.route.resolvers??mv(11,pI)),k(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function zI(e,t){if(e&1){let e=H();B(0,`button`,26),W(`click`,function(){T(e);let t=G(2).$implicit,n=G(3);return E(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;k(3),X(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function BI(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,zI,4,1,`button`,25)),e&2){let e=G().$implicit,t=G(3);k(),Y(e.outlet.component??`?`),k(3),Y(e.outlet.route??`?`),k(),N(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function VI(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function HI(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function UI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Z(`input `,e.input,` ← `,e.source)}}function WI(e,t){if(e&1&&(B(0,`span`,24),J(1,`routerOutletData `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;k(3),Y(e.outlet.data)}}function GI(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,BI,6,3)(4,VI,2,0,`span`,23),M(5,HI,2,0,`span`,15),P(6,UI,2,2,`span`,15,hI),M(8,WI,4,1,`span`,24),V()),e&2){let e=t.$implicit,n=G(3);K(`padding-left`,10+e.depth*16,`px`),k(2),Y(e.outlet.outlet),k(),N(e.outlet.activated?3:4),k(2),N(e.outlet.detached?5:-1),k(),F(n.boundInputs(e.outlet)),k(2),N(e.outlet.data===void 0?-1:8)}}function KI(e,t){if(e&1&&(B(0,`h3`),J(1,`Outlets`),V(),B(2,`ul`,21),P(3,GI,9,6,`li`,22,kg),V()),e&2){let e=G(2);k(3),F(e.outletRows())}}function qI(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,gI,5,1,`p`,3),M(6,vI,10,5),M(7,yI,2,1,`p`,4),B(8,`dl`,5),M(9,bI,4,1),M(10,xI,6,3),M(11,SI,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,RI,24,12,`tr`,null,kg),V()()(),M(31,KI,5,0)),e&2){let e,n=t,r=G();k(4),Y(n.url),k(),N(n.urlDrift&&n.browserUrl?5:-1),k(),N((e=n.pending)?6:-1,e),k(),N(r.message()?7:-1),k(2),N(n.title?9:-1),k(),N(r.hasKeys(n.queryParams)?10:-1),k(),N(n.fragment?11:-1),k(18),F(r.rows()),k(2),N(r.outletRows().length?31:-1)}}function JI(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 YI=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);componentsOn=Q(()=>nD(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 dI(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=A({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,qI,32,8)(1,JI,8,0,`div`,0),e&2){let e;N((e=t.page().snapshot)?0:1,e)}},dependencies:[gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function cI(e){return e.line?`${e.file}:${e.line}`:e.file}function lI(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 uI=HE;function dI(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var fI=`Could not reach the page.`;async function pI(e,t,n){return await uI(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function mI(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var hI=()=>[],gI=(e,t)=>t[0],_I=(e,t)=>t.input;function vI(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();k(3),Y(e.browserUrl)}}function yI(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);k(),Y(e.navigationOff)}}function bI(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 T(e),E(G(2).abort())}),J(8,` Abort `),V()(),M(9,yI,2,1,`p`,12)}if(e&2){let e=t,n=G(2);k(5),Y(e.url),k(),X(` (#`,e.id,`)`),k(),qg(`disabled`,!n.navigationAllowed()),j(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),k(2),N(n.navigationAllowed()?-1:9)}}function xI(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);k(),Y(e.message())}}function SI(e,t){if(e&1&&(B(0,`dt`),J(1,`Document title`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.title)}}function CI(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();k(4),Y(Cv(5,1,e.queryParams))}}function wI(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();k(4),Y(e.fragment)}}function TI(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),X(`, `,e.nesting)}}function EI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.outlet)}}function DI(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function OI(e,t){if(e&1&&(B(0,`div`,16),J(1),V()),e&2){let e=G().$implicit;k(),Z(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function kI(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.component)}}function AI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function jI(e,t){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function MI(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,jI,2,0,`span`,15),V()),e&2){let e=t.$implicit,n=G().$implicit;k(2),Z(``,e[0],`: `,Cv(3,3,e[1])),k(2),N(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function NI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function PI(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(k(),Y(t))}function FI(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,PI,2,1,`span`,15),V()),e&2){let e,n=t.$implicit,r=G().$implicit;k(2),Z(``,n[0],`: `,Cv(3,3,n[1])),k(2),N((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function II(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function LI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Y(e)}}function RI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function zI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function BI(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,TI,2,1,`span`,14),M(4,EI,2,1,`span`,15),M(5,DI,2,0,`span`,15),M(6,OI,2,2,`div`,16),V(),B(7,`td`),M(8,kI,2,1,`code`,17)(9,AI,4,0),V(),B(10,`td`),P(11,MI,5,5,`div`,18,gI,!1,NI,4,0),V(),B(14,`td`),P(15,FI,5,5,`div`,19,gI,!1,II,4,0),V(),B(18,`td`),P(19,LI,2,1,`span`,15,Ag),P(21,RI,2,1,`span`,15,Ag),M(23,zI,4,0),V()()),e&2){let e=t.$implicit,n=G(2);k(),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.label,` `),k(),N(e.nesting?3:-1),k(),N(e.route.outlet===`primary`?-1:4),k(),N(e.route.lazy?5:-1),k(),N(e.route.title?6:-1),k(2),N(e.route.component?8:9),k(3),F(n.entries(e.route.params)),k(4),F(n.entries(e.route.data)),k(4),F(n.guardList(e.route)),k(2),F(e.route.resolvers??mv(11,hI)),k(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function VI(e,t){if(e&1){let e=H();B(0,`button`,26),W(`click`,function(){T(e);let t=G(2).$implicit,n=G(3);return E(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;k(3),X(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function HI(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,VI,4,1,`button`,25)),e&2){let e=G().$implicit,t=G(3);k(),Y(e.outlet.component??`?`),k(3),Y(e.outlet.route??`?`),k(),N(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function UI(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function WI(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function GI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Z(`input `,e.input,` ← `,e.source)}}function KI(e,t){if(e&1&&(B(0,`span`,24),J(1,`routerOutletData `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;k(3),Y(e.outlet.data)}}function qI(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,HI,6,3)(4,UI,2,0,`span`,23),M(5,WI,2,0,`span`,15),P(6,GI,2,2,`span`,15,_I),M(8,KI,4,1,`span`,24),V()),e&2){let e=t.$implicit,n=G(3);K(`padding-left`,10+e.depth*16,`px`),k(2),Y(e.outlet.outlet),k(),N(e.outlet.activated?3:4),k(2),N(e.outlet.detached?5:-1),k(),F(n.boundInputs(e.outlet)),k(2),N(e.outlet.data===void 0?-1:8)}}function JI(e,t){if(e&1&&(B(0,`h3`),J(1,`Outlets`),V(),B(2,`ul`,21),P(3,qI,9,6,`li`,22,kg),V()),e&2){let e=G(2);k(3),F(e.outletRows())}}function YI(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,vI,5,1,`p`,3),M(6,bI,10,5),M(7,xI,2,1,`p`,4),B(8,`dl`,5),M(9,SI,4,1),M(10,CI,6,3),M(11,wI,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,BI,24,12,`tr`,null,kg),V()()(),M(31,JI,5,0)),e&2){let e,n=t,r=G();k(4),Y(n.url),k(),N(n.urlDrift&&n.browserUrl?5:-1),k(),N((e=n.pending)?6:-1,e),k(),N(r.message()?7:-1),k(2),N(n.title?9:-1),k(),N(r.hasKeys(n.queryParams)?10:-1),k(),N(n.fragment?11:-1),k(18),F(r.rows()),k(2),N(r.outletRows().length?31:-1)}}function XI(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 ZI=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);componentsOn=Q(()=>nD(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 pI(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=A({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,YI,32,8)(1,XI,8,0,`div`,0),e&2){let e;N((e=t.page().snapshot)?0:1,e)}},dependencies:[gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -3697,7 +3703,7 @@ h3[_ngcontent-%COMP%] {
   display: block;
   color: var(--%NS%text-2);
   font-size: 12px;
-}`]})};function XI(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().error,` error(s)`)}}function ZI(e,t){if(e&1&&(B(0,`span`,9),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().warning,` warning(s)`)}}function QI(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().info,` info`)}}function $I(e,t){if(e&1&&(B(0,`span`,3),M(1,XI,2,1,`span`,8),M(2,ZI,2,1,`span`,9),M(3,QI,2,1,`span`,10),V()),e&2){let e=G();k(),N(e.counts().error?1:-1),k(),N(e.counts().warning?2:-1),k(),N(e.counts().info?3:-1)}}function eL(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 T(e),E(G().run())}),J(6,`Retry`),V()()}}function tL(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function nL(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 rL(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function iL(e,t){e&1&&J(0,` No page with a router is connected. `)}function aL(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,nL,1,0)(5,rL,1,0)(6,iL,1,0),V()()),e&2){let e;k(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function oL(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),k(2),j(`data-tone`,n.severityTone(e.severity)),k(),Y(e.severity),k(2),Y(e.rule),k(2),Y(e.route),k(2),Y(e.message),k(5),X(``,e.fix,` `),k(2),X(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function sL(e,t){if(e&1&&(B(0,`ul`,7),P(1,oL,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),k(),F(e.findings())}}function cL(e,t){e&1&&(B(0,`div`,6)(1,`span`,19),D(),B(2,`svg`,20),Vg(3,`path`,21),V()(),_s(),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 lL=class e{page=$.required();rpc=$(null);result=O(null);failed=O(!1);checking=O(!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(){mc(()=>{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 cI(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=A({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,$I,4,3,`span`,3),V(),M(6,eL,7,0,`div`,4)(7,tL,2,0,`p`,5)(8,aL,7,1,`div`,6)(9,sL,3,1,`ul`,7)(10,cL,8,0,`div`,6)),e&2){let e;k(),j(`aria-busy`,t.checking()),k(),X(` `,t.checking()?`Checking…`:`Check again`,` `),k(3),N(t.result()?.checked&&t.findings().length?5:-1),k(),N(t.failed()?6:t.result()?(e=t.notChecked())?8:t.findings().length?9:10:7,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function QI(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().error,` error(s)`)}}function $I(e,t){if(e&1&&(B(0,`span`,9),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().warning,` warning(s)`)}}function eL(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().info,` info`)}}function tL(e,t){if(e&1&&(B(0,`span`,3),M(1,QI,2,1,`span`,8),M(2,$I,2,1,`span`,9),M(3,eL,2,1,`span`,10),V()),e&2){let e=G();k(),N(e.counts().error?1:-1),k(),N(e.counts().warning?2:-1),k(),N(e.counts().info?3:-1)}}function nL(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 T(e),E(G().run())}),J(6,`Retry`),V()()}}function rL(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function iL(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 aL(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function oL(e,t){e&1&&J(0,` No page with a router is connected. `)}function sL(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,iL,1,0)(5,aL,1,0)(6,oL,1,0),V()()),e&2){let e;k(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function cL(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),k(2),j(`data-tone`,n.severityTone(e.severity)),k(),Y(e.severity),k(2),Y(e.rule),k(2),Y(e.route),k(2),Y(e.message),k(5),X(``,e.fix,` `),k(2),X(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function lL(e,t){if(e&1&&(B(0,`ul`,7),P(1,cL,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),k(),F(e.findings())}}function uL(e,t){e&1&&(B(0,`div`,6)(1,`span`,19),D(),B(2,`svg`,20),Vg(3,`path`,21),V()(),_s(),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 dL=class e{page=$.required();rpc=$(null);result=O(null);failed=O(!1);checking=O(!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(){mc(()=>{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 uI(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=A({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,tL,4,3,`span`,3),V(),M(6,nL,7,0,`div`,4)(7,rL,2,0,`p`,5)(8,sL,7,1,`div`,6)(9,lL,3,1,`ul`,7)(10,uL,8,0,`div`,6)),e&2){let e;k(),j(`aria-busy`,t.checking()),k(),X(` `,t.checking()?`Checking…`:`Check again`,` `),k(3),N(t.result()?.checked&&t.findings().length?5:-1),k(),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;
@@ -4119,7 +4125,7 @@ h3[_ngcontent-%COMP%] {
 
 .fix[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {
   font-size: 12px;
-}`]})},uL=(e,t)=>t.name,dL=(e,t)=>t[0];function fL(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 pL(e,t){if(e&1&&(B(0,`dt`),J(1,`Angular`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.angularVersion)}}function mL(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();k(4),Y(e.baseHref)}}function hL(e,t){if(e&1&&(B(0,`dt`),J(1,`Hydration`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),X(``,e.hydrated,` component(s) hydrated from server HTML`)}}function gL(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;k(3),Y(e.name),k(3),Y(e.value),k(2),j(`data-tone`,e.set?`warn`:``),k(),Y(e.set?`set`:`default`)}}function _L(e,t){if(e&1&&(B(0,`li`)(1,`span`,7),J(2),V()()),e&2){let e=t.$implicit;k(),j(`data-tone`,e[1]===`off`?``:`good`),k(),Z(``,e[0],`: `,e[1])}}function vL(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,_L,3,3,`li`,null,dL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.features))}}function yL(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;k(),Y(e[0]),k(3),Y(e[1])}}function bL(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,yL,5,2,null,null,dL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.strategies))}}function xL(e,t){if(e&1&&(M(0,fL,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,pL,4,1),M(7,mL,5,1),M(8,hL,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,gL,10,4,`tr`,null,uL),V()()(),M(24,vL,5,0),M(25,bL,5,0)),e&2){let e=t,n=G();N(e.mode===`events-only`?0:-1),k(5),Z(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),k(),N(e.angularVersion?6:-1),k(),N(e.baseHref?7:-1),k(),N(e.hydrated?8:-1),k(14),F(e.options),k(2),N(n.entries(e.features).length?24:-1),k(),N(n.entries(e.strategies).length?25:-1)}}function SL(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 CL=class e{page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,xL,26,8)(1,SL,5,0,`div`,0),e&2){let e;N((e=t.page().setup)?0:1,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},fL=(e,t)=>t.name,pL=(e,t)=>t[0];function mL(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 hL(e,t){if(e&1&&(B(0,`dt`),J(1,`Angular`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.angularVersion)}}function gL(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();k(4),Y(e.baseHref)}}function _L(e,t){if(e&1&&(B(0,`dt`),J(1,`Hydration`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),X(``,e.hydrated,` component(s) hydrated from server HTML`)}}function vL(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;k(3),Y(e.name),k(3),Y(e.value),k(2),j(`data-tone`,e.set?`warn`:``),k(),Y(e.set?`set`:`default`)}}function yL(e,t){if(e&1&&(B(0,`li`)(1,`span`,7),J(2),V()()),e&2){let e=t.$implicit;k(),j(`data-tone`,e[1]===`off`?``:`good`),k(),Z(``,e[0],`: `,e[1])}}function bL(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,yL,3,3,`li`,null,pL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.features))}}function xL(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;k(),Y(e[0]),k(3),Y(e[1])}}function SL(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,xL,5,2,null,null,pL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.strategies))}}function CL(e,t){if(e&1&&(M(0,mL,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,hL,4,1),M(7,gL,5,1),M(8,_L,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,vL,10,4,`tr`,null,fL),V()()(),M(24,bL,5,0),M(25,SL,5,0)),e&2){let e=t,n=G();N(e.mode===`events-only`?0:-1),k(5),Z(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),k(),N(e.angularVersion?6:-1),k(),N(e.baseHref?7:-1),k(),N(e.hydrated?8:-1),k(14),F(e.options),k(2),N(n.entries(e.features).length?24:-1),k(),N(n.entries(e.strategies).length?25:-1)}}function wL(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 TL=class e{page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,CL,26,8)(1,wL,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;
@@ -4450,7 +4456,7 @@ h3[_ngcontent-%COMP%] {
 
 .facts[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
-}`]})},wL=(e,t)=>t.id,TL=(e,t)=>t.phase;function EL(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function DL(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function OL(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function kL(e,t){if(e&1&&(M(0,OL,4,0),L(1,`code`),J(2),R()),e&2){let e=t.$implicit,n=t.$index;N(n===0?-1:0),k(2),Y(e)}}function AL(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);k(2),Y(e.from),k(6),Y(e.to),k(),X(`: `,n.hopCause(e),` `)}}function jL(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,kL,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,AL,10,3,`li`,null,kg),R(),L(9,`p`,17),J(10),R()()),e&2){let e=t.$implicit,n=G(2);k(3),Y(n.loopTitle(e)),k(),F(e.cycle),k(3),F(e.hops),k(3),Y(n.loopMeta(e))}}function ML(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,jL,11,2,`div`,13,kg),R()),e&2){let e=G();k(2),X(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),k(),F(e.loops())}}function NL(e,t){if(e&1&&(L(0,`span`),z(1,`i`),J(2),R()),e&2){let e=t.$implicit,n=G(2);k(),K(`background`,n.color(e)),k(),Y(e)}}function PL(e,t){if(e&1&&(L(0,`time`),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),Y(t.time(e.startedAt))}}function FL(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;k(5),Y(e.finalUrl)}}function IL(e,t){if(e&1&&(L(0,`span`,30),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function LL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.phases?.total,`ms`)}}function RL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.endedAt-e.startedAt,`ms`)}}function zL(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function BL(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);k(3),Z(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function VL(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 HL(e,t){if(e&1&&(L(0,`div`,33),P(1,VL,1,5,`span`,39,TL),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),k(),F(t.bars(e))}}function UL(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;k(4),Y(e.from)}}function WL(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;k(3),Z(``,e.caller,` (`,e.trigger,`)`)}}function GL(e,t){if(e&1&&(L(0,`dt`),J(1,`Extras`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.extras?.join(`, `))}}function KL(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;k(3),X(`#`,e.redirectedFrom)}}function qL(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);k(3),Y(e.from),k(3),Y(e.to),k(),X(`, `,n.hopCause(e),` `)}}function JL(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,qL,8,3,`div`,null,kg),R()),e&2){let e=t,n=G().$implicit,r=G(2);k(3),X(` `,e.cycle.join(` → `),` `),k(),F(r.hopsOf(e,n))}}function YL(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;k(4),Y(e.redirectTo),k(),X(` (`,e.redirectKind,`) `)}}function XL(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);k(3),Z(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function ZL(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);k(2),Y(e.guard),k(),X(` `,e.kind,` on `),k(2),Y(e.route),k(2),q(`bad`,n.isBad(e.result)),k(),Y(e.result),k(),X(` (`,e.ms,`ms) `)}}function QL(e,t){if(e&1&&(L(0,`dt`),J(1,`Runs`),R(),L(2,`dd`),P(3,ZL,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;k(3),F(e.runs)}}function $L(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function eR(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,$L,1,1),J(4),R()),e&2){let e=G().$implicit;k(3),N(e.checked.deactivate.length?3:-1),k(),X(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function tR(e,t){if(e&1&&(L(0,`dt`),J(1,`Resolvers`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.resolvers?.names?.join(`, `))}}function nR(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;k(3),Y(e.lazyLoaded?.join(`, `))}}function rR(e,t){if(e&1&&(L(0,`dt`),J(1,`Reused`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function iR(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Z(``,e.requests.count,` request(s): `,e.requests.urls.join(`, `))}}function aR(e,t){if(e&1&&(L(0,`dt`),J(1,`Scroll`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.scroll)}}function oR(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;k(3),Y(e.title)}}function sR(e,t){if(e&1&&(L(0,`dt`),J(1,`Warnings`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.warnings?.join(` · `))}}function cR(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);k(3),Y(t.reasonText(e))}}function lR(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;k(3),Y(e.errorCode)}}function uR(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;k(3),Y(e.errorHandler)}}function dR(e,t){if(e&1&&(L(0,`dt`),J(1,`Earlier`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(``,e.earlier,` navigation(s) before Pangular Inspector connected`)}}function fR(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 pR(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,PL,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,FL,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,IL,2,1,`span`,30)(12,LL,2,1,`span`,31)(13,RL,2,1,`span`,31),M(14,zL,2,0,`span`,32),M(15,BL,4,2,`span`,15),R()(),M(16,HL,3,1,`div`,33),L(17,`dl`,34),M(18,UL,5,1),M(19,WL,4,2),M(20,GL,4,1),M(21,KL,4,1),M(22,JL,6,1),M(23,YL,6,2),M(24,XL,4,2),M(25,QL,5,0),M(26,eR,5,2),M(27,tR,4,1),M(28,nR,4,1),M(29,rR,4,1),M(30,iR,4,2),M(31,aR,4,1),M(32,oR,4,1),M(33,sR,4,1),M(34,cR,4,1),M(35,lR,4,1),M(36,uR,4,1),M(37,dR,4,1),R(),L(38,`div`,35)(39,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).replay(t))}),J(40,` Replay `),R(),L(41,`button`,37),U(`click`,function(){let t=T(e).$implicit;return E(G(2).copy(t))}),J(42,` Copy repro `),R(),M(43,fR,2,2,`p`,38),R()()}if(e&2){let e,n,r=t.$implicit,i=G(2);q(`in-loop`,!!i.loopOf(r)),k(2),N(r.beforeConnect?-1:2),k(2),X(`#`,r.id),k(2),Y(r.url),k(),N(r.finalUrl&&r.finalUrl!==r.url?7:-1),k(2),j(`data-tone`,i.tone(r.outcome)),k(),Y(r.outcome),k(),N(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),k(3),N(r.probe?14:-1),k(),N((e=i.loopOf(r))?15:-1,e),k(),N(i.bars(r).length?16:-1),k(2),N(r.from?18:-1),k(),N(r.caller?19:-1),k(),N(r.extras?.length?20:-1),k(),N(r.redirectedFrom===void 0?-1:21),k(),N((n=i.loopOf(r))?22:-1,n),k(),N(r.redirectTo?23:-1),k(),N(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),k(),N(r.runs?.length?25:-1),k(),N(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),k(),N(r.resolvers?.names?.length?27:-1),k(),N(r.lazyLoaded?.length?28:-1),k(),N(r.reused?.length?29:-1),k(),N(r.requests?30:-1),k(),N(r.scroll?31:-1),k(),N(r.title?32:-1),k(),N(r.warnings?.length?33:-1),k(),N(r.reason||r.code?34:-1),k(),N(r.errorCode?35:-1),k(),N(r.errorHandler?36:-1),k(),N(r.earlier?37:-1),k(2),I(`disabled`,!i.navigationAllowed()||!i.replayable(r)),j(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),k(2),j(`aria-label`,`Copy repro for navigation `+r.id),k(2),N(i.replayable(r)?-1:43)}}function mR(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,NL,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,pR,44,37,`li`,24,wL),R()),e&2){let e=G();k(2),Z(``,e.items().length,` of `,e.page().navigations.length,` navigation(s)`),k(2),F(e.phases),k(3),F(e.items())}}function hR(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(){T(e);let t=G(2),n=d_(2);return t.clearFilters(),E(n.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2);k(4),X(` `,e.page().navigations.length,` navigation(s) are hidden. Clear the filters to see them. `)}}function gR(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 _R(e,t){e&1&&M(0,hR,7,1,`div`,41)(1,gR,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var vR=[`recognize`,`guards`,`resolve`,`activate`],yR={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},bR=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>nD(this.rpc()).limits.navigations);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);phases=vR;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 fI(e)}color(e){return yR[e]}bars(e){let t=e.phases?.total;return t?vR.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=QO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await dI(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 lI(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 dI(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 cI(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 VE(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=A({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,EL,2,1,`p`,8),M(16,DL,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,ML,5,1,`section`,11),M(19,mR,9,2)(20,_R,2,1)),e&2&&(k(),I(`value`,t.filter()),k(3),I(`checked`,t.onlyProblems()),k(3),I(`checked`,t.page().instrumented),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),k(3),Y(t.message()),k(),N(t.message()?15:-1),k(),N(t.navigationAllowed()?-1:16),k(),I(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),k(),N(t.loops().length?18:-1),k(),N(t.items().length?19:20))},dependencies:[rk],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},EL=(e,t)=>t.id,DL=(e,t)=>t.phase;function OL(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function kL(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function AL(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function jL(e,t){if(e&1&&(M(0,AL,4,0),L(1,`code`),J(2),R()),e&2){let e=t.$implicit,n=t.$index;N(n===0?-1:0),k(2),Y(e)}}function ML(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);k(2),Y(e.from),k(6),Y(e.to),k(),X(`: `,n.hopCause(e),` `)}}function NL(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,jL,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,ML,10,3,`li`,null,kg),R(),L(9,`p`,17),J(10),R()()),e&2){let e=t.$implicit,n=G(2);k(3),Y(n.loopTitle(e)),k(),F(e.cycle),k(3),F(e.hops),k(3),Y(n.loopMeta(e))}}function PL(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,NL,11,2,`div`,13,kg),R()),e&2){let e=G();k(2),X(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),k(),F(e.loops())}}function FL(e,t){if(e&1&&(L(0,`span`),z(1,`i`),J(2),R()),e&2){let e=t.$implicit,n=G(2);k(),K(`background`,n.color(e)),k(),Y(e)}}function IL(e,t){if(e&1&&(L(0,`time`),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),Y(t.time(e.startedAt))}}function LL(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;k(5),Y(e.finalUrl)}}function RL(e,t){if(e&1&&(L(0,`span`,30),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function zL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.phases?.total,`ms`)}}function BL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.endedAt-e.startedAt,`ms`)}}function VL(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function HL(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);k(3),Z(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function UL(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 WL(e,t){if(e&1&&(L(0,`div`,33),P(1,UL,1,5,`span`,39,DL),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),k(),F(t.bars(e))}}function GL(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;k(4),Y(e.from)}}function KL(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;k(3),Z(``,e.caller,` (`,e.trigger,`)`)}}function qL(e,t){if(e&1&&(L(0,`dt`),J(1,`Extras`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.extras?.join(`, `))}}function JL(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;k(3),X(`#`,e.redirectedFrom)}}function YL(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);k(3),Y(e.from),k(3),Y(e.to),k(),X(`, `,n.hopCause(e),` `)}}function XL(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,YL,8,3,`div`,null,kg),R()),e&2){let e=t,n=G().$implicit,r=G(2);k(3),X(` `,e.cycle.join(` → `),` `),k(),F(r.hopsOf(e,n))}}function ZL(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;k(4),Y(e.redirectTo),k(),X(` (`,e.redirectKind,`) `)}}function QL(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);k(3),Z(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function $L(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);k(2),Y(e.guard),k(),X(` `,e.kind,` on `),k(2),Y(e.route),k(2),q(`bad`,n.isBad(e.result)),k(),Y(e.result),k(),X(` (`,e.ms,`ms) `)}}function eR(e,t){if(e&1&&(L(0,`dt`),J(1,`Runs`),R(),L(2,`dd`),P(3,$L,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;k(3),F(e.runs)}}function tR(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function nR(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,tR,1,1),J(4),R()),e&2){let e=G().$implicit;k(3),N(e.checked.deactivate.length?3:-1),k(),X(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function rR(e,t){if(e&1&&(L(0,`dt`),J(1,`Resolvers`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.resolvers?.names?.join(`, `))}}function iR(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;k(3),Y(e.lazyLoaded?.join(`, `))}}function aR(e,t){if(e&1&&(L(0,`dt`),J(1,`Reused`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function oR(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Z(``,e.requests.count,` request(s): `,e.requests.urls.join(`, `))}}function sR(e,t){if(e&1&&(L(0,`dt`),J(1,`Scroll`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.scroll)}}function cR(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;k(3),Y(e.title)}}function lR(e,t){if(e&1&&(L(0,`dt`),J(1,`Warnings`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.warnings?.join(` · `))}}function uR(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);k(3),Y(t.reasonText(e))}}function dR(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;k(3),Y(e.errorCode)}}function fR(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;k(3),Y(e.errorHandler)}}function pR(e,t){if(e&1&&(L(0,`dt`),J(1,`Earlier`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(``,e.earlier,` navigation(s) before Pangular Inspector connected`)}}function mR(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 hR(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,IL,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,LL,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,RL,2,1,`span`,30)(12,zL,2,1,`span`,31)(13,BL,2,1,`span`,31),M(14,VL,2,0,`span`,32),M(15,HL,4,2,`span`,15),R()(),M(16,WL,3,1,`div`,33),L(17,`dl`,34),M(18,GL,5,1),M(19,KL,4,2),M(20,qL,4,1),M(21,JL,4,1),M(22,XL,6,1),M(23,ZL,6,2),M(24,QL,4,2),M(25,eR,5,0),M(26,nR,5,2),M(27,rR,4,1),M(28,iR,4,1),M(29,aR,4,1),M(30,oR,4,2),M(31,sR,4,1),M(32,cR,4,1),M(33,lR,4,1),M(34,uR,4,1),M(35,dR,4,1),M(36,fR,4,1),M(37,pR,4,1),R(),L(38,`div`,35)(39,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).replay(t))}),J(40,` Replay `),R(),L(41,`button`,37),U(`click`,function(){let t=T(e).$implicit;return E(G(2).copy(t))}),J(42,` Copy repro `),R(),M(43,mR,2,2,`p`,38),R()()}if(e&2){let e,n,r=t.$implicit,i=G(2);q(`in-loop`,!!i.loopOf(r)),k(2),N(r.beforeConnect?-1:2),k(2),X(`#`,r.id),k(2),Y(r.url),k(),N(r.finalUrl&&r.finalUrl!==r.url?7:-1),k(2),j(`data-tone`,i.tone(r.outcome)),k(),Y(r.outcome),k(),N(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),k(3),N(r.probe?14:-1),k(),N((e=i.loopOf(r))?15:-1,e),k(),N(i.bars(r).length?16:-1),k(2),N(r.from?18:-1),k(),N(r.caller?19:-1),k(),N(r.extras?.length?20:-1),k(),N(r.redirectedFrom===void 0?-1:21),k(),N((n=i.loopOf(r))?22:-1,n),k(),N(r.redirectTo?23:-1),k(),N(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),k(),N(r.runs?.length?25:-1),k(),N(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),k(),N(r.resolvers?.names?.length?27:-1),k(),N(r.lazyLoaded?.length?28:-1),k(),N(r.reused?.length?29:-1),k(),N(r.requests?30:-1),k(),N(r.scroll?31:-1),k(),N(r.title?32:-1),k(),N(r.warnings?.length?33:-1),k(),N(r.reason||r.code?34:-1),k(),N(r.errorCode?35:-1),k(),N(r.errorHandler?36:-1),k(),N(r.earlier?37:-1),k(2),I(`disabled`,!i.navigationAllowed()||!i.replayable(r)),j(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),k(2),j(`aria-label`,`Copy repro for navigation `+r.id),k(2),N(i.replayable(r)?-1:43)}}function gR(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,FL,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,hR,44,37,`li`,24,EL),R()),e&2){let e=G();k(2),Z(``,e.items().length,` of `,e.page().navigations.length,` navigation(s)`),k(2),F(e.phases),k(3),F(e.items())}}function _R(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(){T(e);let t=G(2),n=d_(2);return t.clearFilters(),E(n.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2);k(4),X(` `,e.page().navigations.length,` navigation(s) are hidden. Clear the filters to see them. `)}}function vR(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 yR(e,t){e&1&&M(0,_R,7,1,`div`,41)(1,vR,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var bR=[`recognize`,`guards`,`resolve`,`activate`],xR={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},SR=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>nD(this.rpc()).limits.navigations);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);phases=bR;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 mI(e)}color(e){return xR[e]}bars(e){let t=e.phases?.total;return t?bR.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=QO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await pI(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 dI(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 pI(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 uI(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 VE(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=A({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,OL,2,1,`p`,8),M(16,kL,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,PL,5,1,`section`,11),M(19,gR,9,2)(20,yR,2,1)),e&2&&(k(),I(`value`,t.filter()),k(3),I(`checked`,t.onlyProblems()),k(3),I(`checked`,t.page().instrumented),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),k(3),Y(t.message()),k(),N(t.message()?15:-1),k(),N(t.navigationAllowed()?-1:16),k(),I(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),k(),N(t.loops().length?18:-1),k(),N(t.items().length?19:20))},dependencies:[rk],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5034,7 +5040,7 @@ time[_ngcontent-%COMP%] {
   .export[_ngcontent-%COMP%] {
     margin-left: 0;
   }
-}`]})},xR=[`urlInput`],SR=()=>[],CR=(e,t)=>t.node.id;function wR(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);k(2),Y(Cv(3,1,e.params))}}function TR(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,wR,4,3)),e&2){G();let e=fv(0),t=G();k(4),Y(t.chainText(e)),k(),N(t.hasKeys(e.params)?5:-1)}}function ER(e,t){if(e&1&&(J(0,` Nearest: `),L(1,`code`),J(2),R()),e&2){G(2);let e=fv(0);k(2),Y(e.nearest.join(`, `))}}function DR(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,ER,3,1)),e&2){G();let e=fv(0);k(3),N(e.nearest.length?3:-1)}}function OR(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function kR(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,TR,6,2)(8,DR,4,1),P(9,OR,2,1,`div`,18,Ag),R()),e&2){let e=t,n=dv(e.result);k(),j(`data-matched`,n.matched),k(4),Y(e.url),k(2),N(n.matched?7:8),k(2),F(n.notes)}}function AR(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function jR(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function MR(e,t){if(e&1&&(L(0,`span`,22),J(1),R(),J(2,`. `)),e&2){let e=G(2);k(),Y(e.countText())}}function NR(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function PR(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 FR(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,MR,3,1)(3,NR,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,PR,1,1),R()),e&2){let e,t=G();k(),X(` Generation `,t.page().generation,` · `),k(),N(t.filter()?2:3),k(3),N((e=t.page().configTruncated)?5:-1,e)}}function IR(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();k(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.`,` `),k(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 LR(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(){T(e);let t=G(),n=d_(16);return t.setFilter(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function RR(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function zR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`lazy `,e.node.lazy)}}function BR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`outlet `,e.node.outlet)}}function VR(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;k(3),I(`file`,e.at.file)(`line`,e.at.line)}}function HR(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;k(5),Y(e.node.redirectTo)}}function UR(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 WR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function GR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function KR(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function qR(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function JR(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function YR(e,t){if(e&1){let e=H();L(0,`input`,39),U(`input`,function(t){let n=T(e).$implicit,r=G(2).$implicit;return E(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 XR(e,t){if(e&1){let e=H();P(0,YR,1,5,`input`,38,Ag),L(2,`button`,7),U(`click`,function(){T(e);let t=G().$implicit,n=d_(1);return E(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)),k(2),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function ZR(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){T(e);let t=G().$implicit;return E(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 QR(e,t){if(e&1&&(L(0,`tr`,34)(1,`td`,40)(2,`p`,41),J(3),R()()()),e&2){let e=G(3);k(3),Y(e.rowResult()?.text)}}function $R(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,RR,2,0,`span`,28),M(5,zR,2,1,`span`,28),M(6,BR,2,1,`span`,28),M(7,VR,4,2,`span`,29),R(),L(8,`td`),M(9,HR,6,1,`span`,30)(10,UR,1,1),R(),L(11,`td`),P(12,WR,2,1,`span`,28,kg),P(14,GR,2,1,`span`,28,Ag),M(16,KR,4,0),R(),L(17,`td`),M(18,qR,1,1)(19,JR,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,XR,4,3),M(23,ZR,2,1,`button`,33),R()()(),M(24,QR,4,1,`tr`,34)),e&2){let e=t.$implicit,n=G(2);q(`active`,n.isActive(e.node)),k(2),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.node.fullPath,` `),k(),N(n.isActive(e.node)?4:-1),k(),N(e.node.lazy?5:-1),k(),N(e.node.outlet?6:-1),k(),N(e.at?7:-1),k(2),N(e.node.redirectTo===void 0?10:9),k(3),F(n.guardList(e.node)),k(2),F(e.node.resolvers??mv(15,SR)),k(2),N(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),k(2),N(e.node.title?18:19),k(4),N(n.canNavigate(e.node)?22:-1),k(),N(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),k(),N(n.rowResult()?.id===e.node.id?24:-1)}}function ez(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,$R,25,16,null,null,CR),R()()()),e&2){let e=G();k(16),F(e.rows())}}function tz(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var nz=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);sources=$([]);filter=O(``);testUrl=O(``);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=sI(o,t),s=i&&oI(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(()=>tz(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${tz(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 cI(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(uI))}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 dI(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 dI(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 dI(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=A({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&l_(t.urlInput,xR,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 T(e),n.preventDefault(),E(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,kR,11,4,`div`,8),M(10,AR,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,jR,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,FR,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,IR,5,2,`div`,15)(21,LR,7,0,`div`,15)(22,ez,18,0,`div`,16)}if(e&2){let e;k(3),I(`value`,t.testUrl()),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),k(2),N((e=t.match())?9:-1,e),k(),N(t.message()?10:-1),k(2),Y(t.rowResult()?.text),k(),N(t.navigationAllowed()?-1:13),k(2),I(`value`,t.filter()),k(2),N(t.page().config?17:-1),k(2),Y(t.filterAnnouncement()),k(),N(t.page().config?t.rows().length?22:21:20)}},dependencies:[lM,gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},CR=[`urlInput`],wR=()=>[],TR=(e,t)=>t.node.id;function ER(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);k(2),Y(Cv(3,1,e.params))}}function DR(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,ER,4,3)),e&2){G();let e=fv(0),t=G();k(4),Y(t.chainText(e)),k(),N(t.hasKeys(e.params)?5:-1)}}function OR(e,t){if(e&1&&(J(0,` Nearest: `),L(1,`code`),J(2),R()),e&2){G(2);let e=fv(0);k(2),Y(e.nearest.join(`, `))}}function kR(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,OR,3,1)),e&2){G();let e=fv(0);k(3),N(e.nearest.length?3:-1)}}function AR(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function jR(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,DR,6,2)(8,kR,4,1),P(9,AR,2,1,`div`,18,Ag),R()),e&2){let e=t,n=dv(e.result);k(),j(`data-matched`,n.matched),k(4),Y(e.url),k(2),N(n.matched?7:8),k(2),F(n.notes)}}function MR(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function NR(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function PR(e,t){if(e&1&&(L(0,`span`,22),J(1),R(),J(2,`. `)),e&2){let e=G(2);k(),Y(e.countText())}}function FR(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function IR(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 LR(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,PR,3,1)(3,FR,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,IR,1,1),R()),e&2){let e,t=G();k(),X(` Generation `,t.page().generation,` · `),k(),N(t.filter()?2:3),k(3),N((e=t.page().configTruncated)?5:-1,e)}}function RR(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();k(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.`,` `),k(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 zR(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(){T(e);let t=G(),n=d_(16);return t.setFilter(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function BR(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function VR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`lazy `,e.node.lazy)}}function HR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`outlet `,e.node.outlet)}}function UR(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;k(3),I(`file`,e.at.file)(`line`,e.at.line)}}function WR(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;k(5),Y(e.node.redirectTo)}}function GR(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 KR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function qR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function JR(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function YR(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function XR(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function ZR(e,t){if(e&1){let e=H();L(0,`input`,39),U(`input`,function(t){let n=T(e).$implicit,r=G(2).$implicit;return E(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 QR(e,t){if(e&1){let e=H();P(0,ZR,1,5,`input`,38,Ag),L(2,`button`,7),U(`click`,function(){T(e);let t=G().$implicit,n=d_(1);return E(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)),k(2),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function $R(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){T(e);let t=G().$implicit;return E(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 ez(e,t){if(e&1&&(L(0,`tr`,34)(1,`td`,40)(2,`p`,41),J(3),R()()()),e&2){let e=G(3);k(3),Y(e.rowResult()?.text)}}function tz(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,BR,2,0,`span`,28),M(5,VR,2,1,`span`,28),M(6,HR,2,1,`span`,28),M(7,UR,4,2,`span`,29),R(),L(8,`td`),M(9,WR,6,1,`span`,30)(10,GR,1,1),R(),L(11,`td`),P(12,KR,2,1,`span`,28,kg),P(14,qR,2,1,`span`,28,Ag),M(16,JR,4,0),R(),L(17,`td`),M(18,YR,1,1)(19,XR,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,QR,4,3),M(23,$R,2,1,`button`,33),R()()(),M(24,ez,4,1,`tr`,34)),e&2){let e=t.$implicit,n=G(2);q(`active`,n.isActive(e.node)),k(2),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.node.fullPath,` `),k(),N(n.isActive(e.node)?4:-1),k(),N(e.node.lazy?5:-1),k(),N(e.node.outlet?6:-1),k(),N(e.at?7:-1),k(2),N(e.node.redirectTo===void 0?10:9),k(3),F(n.guardList(e.node)),k(2),F(e.node.resolvers??mv(15,wR)),k(2),N(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),k(2),N(e.node.title?18:19),k(4),N(n.canNavigate(e.node)?22:-1),k(),N(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),k(),N(n.rowResult()?.id===e.node.id?24:-1)}}function nz(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,tz,25,16,null,null,TR),R()()()),e&2){let e=G();k(16),F(e.rows())}}function rz(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var iz=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);sources=$([]);filter=O(``);testUrl=O(``);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=lI(o,t),s=i&&cI(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(()=>rz(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${rz(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 uI(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(fI))}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 pI(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 pI(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 pI(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=A({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&l_(t.urlInput,CR,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 T(e),n.preventDefault(),E(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,jR,11,4,`div`,8),M(10,MR,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,NR,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,LR,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,RR,5,2,`div`,15)(21,zR,7,0,`div`,15)(22,nz,18,0,`div`,16)}if(e&2){let e;k(3),I(`value`,t.testUrl()),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),k(2),N((e=t.match())?9:-1,e),k(),N(t.message()?10:-1),k(2),Y(t.rowResult()?.text),k(),N(t.navigationAllowed()?-1:13),k(2),I(`value`,t.filter()),k(2),N(t.page().config?17:-1),k(2),Y(t.filterAnnouncement()),k(),N(t.page().config?t.rows().length?22:21:20)}},dependencies:[uM,gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5517,7 +5523,7 @@ tr.active[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {
   .filter[_ngcontent-%COMP%] {
     flex-basis: 100%;
   }
-}`]})},rz=(e,t)=>t.id;function iz(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 T(e),E(G(2).pageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function az(e,t){e&1&&M(0,iz,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function oz(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function sz(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function cz(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);k(),Y(e.problems()),k(2),X(`, `,e.problems(),` problem navigations`)}}function lz(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selected.set(t.id))}),J(1),M(2,cz,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),k(),X(` `,e.label,` `),k(),N(e.id===`navigations`&&n.problems()>0?2:-1)}}function uz(e,t){if(e&1){let e=H();L(0,`app-route-current`,19),U(`showComponent`,function(t){return T(e),E(G(2).showComponent.emit(t))}),R()}if(e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function dz(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 fz(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 pz(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function mz(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 hz(e,t){if(e&1){let e=H();L(0,`div`,10),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(1,lz,3,6,`button`,11,rz),R(),L(3,`div`,12),M(4,uz,1,2,`app-route-current`,13)(5,dz,1,2,`app-route-timeline`,13)(6,fz,1,3,`app-route-tree`,14)(7,pz,1,1,`app-route-setup`,15)(8,mz,1,2,`app-route-lint`,13),R()}if(e&2){let e,t=G();k(),F(t.tabs),k(2),I(`id`,`router-panel-`+t.selected()),j(`aria-labelledby`,`router-tab-`+t.selected()),k(),N((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function gz(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 _z=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],vz=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=_z;selected=O(`current`);pages=O([]);hostPageId=LE();loading=O(!0);failed=O(!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=C(Ds);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(){mc(()=>{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=A({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,az,1,1),R(),M(4,oz,7,0,`div`,1)(5,sz,2,0,`p`,2)(6,hz,9,3)(7,gz,5,0,`div`,3)),e&2){let e,n;k(3),N((e=t.page())?3:-1,e),k(),N(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[YI,lL,CL,bR,nz,OO],styles:[`[_nghost-%COMP%] {
+}`]})},az=(e,t)=>t.id;function oz(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 T(e),E(G(2).pageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function sz(e,t){e&1&&M(0,oz,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function cz(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function lz(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function uz(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);k(),Y(e.problems()),k(2),X(`, `,e.problems(),` problem navigations`)}}function dz(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selected.set(t.id))}),J(1),M(2,uz,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),k(),X(` `,e.label,` `),k(),N(e.id===`navigations`&&n.problems()>0?2:-1)}}function fz(e,t){if(e&1){let e=H();L(0,`app-route-current`,19),U(`showComponent`,function(t){return T(e),E(G(2).showComponent.emit(t))}),R()}if(e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function pz(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 mz(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 hz(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function gz(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 _z(e,t){if(e&1){let e=H();L(0,`div`,10),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(1,dz,3,6,`button`,11,az),R(),L(3,`div`,12),M(4,fz,1,2,`app-route-current`,13)(5,pz,1,2,`app-route-timeline`,13)(6,mz,1,3,`app-route-tree`,14)(7,hz,1,1,`app-route-setup`,15)(8,gz,1,2,`app-route-lint`,13),R()}if(e&2){let e,t=G();k(),F(t.tabs),k(2),I(`id`,`router-panel-`+t.selected()),j(`aria-labelledby`,`router-tab-`+t.selected()),k(),N((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function vz(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 yz=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],bz=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=yz;selected=O(`current`);pages=O([]);hostPageId=LE();loading=O(!0);failed=O(!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=C(Ds);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(){mc(()=>{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=A({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,sz,1,1),R(),M(4,cz,7,0,`div`,1)(5,lz,2,0,`p`,2)(6,_z,9,3)(7,vz,5,0,`div`,3)),e&2){let e,n;k(3),N((e=t.page())?3:-1,e),k(),N(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[ZI,dL,TL,SR,iz,OO],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 16px;
   min-width: 0;
@@ -5682,7 +5688,7 @@ h2[_ngcontent-%COMP%] {
   line-height: 16px;
   text-align: center;
   font-variant-numeric: tabular-nums;
-}`]})};function yz(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function bz(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){T(e);let t=G();return E(t.expanded.set(!t.expanded()))}),J(1),R()}if(e&2){let e=G();j(`aria-expanded`,e.expanded()),k(),X(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function xz(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function Sz(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function Cz(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,xz,4,0)(5,Sz,1,0),R()()),e&2){let e=G();k(4),N(e.staticReport()?4:5)}}function wz(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function Tz(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(){T(e);let t=G(2),n=d_(12);return t.filter.set(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function Ez(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 Dz(e,t){e&1&&M(0,Tz,7,0,`div`,16)(1,Ez,11,0,`div`,16),e&2&&N(+!G().routes().length)}function Oz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function kz(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;k(5),X(` `,e.redirectTo)}}function Az(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function jz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Mz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Nz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Pz(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function Fz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Iz(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,Oz,2,1,`span`,21),R(),L(4,`td`),M(5,kz,6,1,`span`,22)(6,Az,2,1,`code`,23)(7,jz,4,0),R(),L(8,`td`),P(9,Mz,2,1,`span`,21,kg,!1,Nz,4,0),R(),L(12,`td`),M(13,Pz,1,1)(14,Fz,4,0),R(),L(15,`td`,24),z(16,`app-source-link`,25),R()()),e&2){let e=t.$implicit,n=G(2);k(2),X(` `,e.fullPath,` `),k(),N(e.kind===`page`?-1:3),k(2),N(e.redirectTo===void 0?e.component?6:7:5),k(4),F(n.checks(e)),k(4),N(e.title?13:14),k(3),I(`file`,e.file)(`line`,e.line)}}function Lz(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,Iz,17,7,`tr`,null,kg),R()()()),e&2){let e=G();k(),rv(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),k(16),F(e.filtered())}}var Rz=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>UE(this.rpc()));routes=O([]);filter=O(``);loading=O(!1);error=O(!1);live=Jv(vz);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(){mc(()=>{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=A({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&l_(t.live,vz,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,yz,1,0),R(),M(8,bz,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,Cz,6,1,`div`,11)(16,wz,2,0,`p`,12)(17,Dz,2,1)(18,Lz,19,3),R()()),e&2&&(I(`rpc`,t.rpc())(`sources`,t.routes()),k(7),N(t.liveHasConfig()?7:-1),k(),N(t.liveHasConfig()?8:-1),k(),I(`hidden`,!t.expanded()),k(2),I(`value`,t.filter()),k(2),j(`aria-busy`,t.loading()),k(),X(` `,t.loading()?`Scanning…`:`Refresh`,` `),k(),N(t.error()?15:t.loading()&&t.routes().length===0?16:t.filtered().length===0?17:18))},dependencies:[vz,lM],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function xz(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function Sz(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){T(e);let t=G();return E(t.expanded.set(!t.expanded()))}),J(1),R()}if(e&2){let e=G();j(`aria-expanded`,e.expanded()),k(),X(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function Cz(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function wz(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function Tz(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,Cz,4,0)(5,wz,1,0),R()()),e&2){let e=G();k(4),N(e.staticReport()?4:5)}}function Ez(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function Dz(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(){T(e);let t=G(2),n=d_(12);return t.filter.set(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function Oz(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 kz(e,t){e&1&&M(0,Dz,7,0,`div`,16)(1,Oz,11,0,`div`,16),e&2&&N(+!G().routes().length)}function Az(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function jz(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;k(5),X(` `,e.redirectTo)}}function Mz(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function Nz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Pz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Fz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Iz(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function Lz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Rz(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,Az,2,1,`span`,21),R(),L(4,`td`),M(5,jz,6,1,`span`,22)(6,Mz,2,1,`code`,23)(7,Nz,4,0),R(),L(8,`td`),P(9,Pz,2,1,`span`,21,kg,!1,Fz,4,0),R(),L(12,`td`),M(13,Iz,1,1)(14,Lz,4,0),R(),L(15,`td`,24),z(16,`app-source-link`,25),R()()),e&2){let e=t.$implicit,n=G(2);k(2),X(` `,e.fullPath,` `),k(),N(e.kind===`page`?-1:3),k(2),N(e.redirectTo===void 0?e.component?6:7:5),k(4),F(n.checks(e)),k(4),N(e.title?13:14),k(3),I(`file`,e.file)(`line`,e.line)}}function zz(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,Rz,17,7,`tr`,null,kg),R()()()),e&2){let e=G();k(),rv(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),k(16),F(e.filtered())}}var Bz=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>UE(this.rpc()));routes=O([]);filter=O(``);loading=O(!1);error=O(!1);live=Jv(bz);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(){mc(()=>{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=A({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&l_(t.live,bz,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,xz,1,0),R(),M(8,Sz,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,Tz,6,1,`div`,11)(16,Ez,2,0,`p`,12)(17,kz,2,1)(18,zz,19,3),R()()),e&2&&(I(`rpc`,t.rpc())(`sources`,t.routes()),k(7),N(t.liveHasConfig()?7:-1),k(),N(t.liveHasConfig()?8:-1),k(),I(`hidden`,!t.expanded()),k(2),I(`value`,t.filter()),k(2),j(`aria-busy`,t.loading()),k(),X(` `,t.loading()?`Scanning…`:`Refresh`,` `),k(),N(t.error()?15:t.loading()&&t.routes().length===0?16:t.filtered().length===0?17:18))},dependencies:[bz,uM],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -6063,7 +6069,7 @@ h2[_ngcontent-%COMP%] {
   font-family: var(--%NS%font-mono);
   font-size: 12px;
   overflow-wrap: anywhere;
-}`]})},zz=[`ArrowDown`,`ArrowUp`,`Home`,`End`],Bz=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,Vz=class e{appRovingList=$(``);rovingWindow=$(null);host=C(Il).nativeElement;current=null;focusInside=!1;constructor(){let e=C(Ds);Hd(()=>{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(Bz))??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(!zz.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=this.rovingWindow();if(i?.enabled()&&(e.key===`Home`||e.key===`End`)){e.preventDefault();let t=e.key===`Home`?0:i.count-1,n=()=>{let e=this.host.querySelector(`[data-vindex="${t}"]`);(e?.matches(this.appRovingList())?e:e?.querySelector(this.appRovingList()))?.focus()};i.rendered(t)?n():i.reveal(t,n);return}let a={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[a].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`],rovingWindow:[1,`rovingWindow`]}})},Hz=56,Uz=12,Wz=8,Gz=4;function Kz(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 qz(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 Jz(e,t){let{producers:n,consumers:r}=Kz(e,t),i=qz(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<Gz;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:Wz+e*224,y:Wz+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-Hz,height:16+Math.max(1,f)*56-Uz}}function Yz(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 Xz(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}=Yz(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 Zz(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 Qz=(e,t)=>t.producer+`>`+t.consumer,$z=(e,t)=>t.id;function eB(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=t,n=G();k(),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 tB(e,t){if(e&1&&(D(),Vg(0,`path`,11)),e&2){let e=t.$implicit;M_(G().edgeTone(e)),j(`d`,e.path)}}function nB(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function rB(e,t){if(e&1){let e=H();B(0,`button`,12),W(`click`,function(){let t=T(e).$implicit;return E(G().pick(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G().focused.set(t.id))})(`keydown`,function(t){let n=T(e).$implicit;return E(G().onKey(t,n.id))}),B(1,`span`,13),Vg(2,`span`,14),J(3),M(4,nB,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),k(2),K(`background`,n.colorOf(e.id)),k(),X(` `,n.byId().get(e.id)?.kind,` `),k(),N(n.watched().has(e.id)?4:-1),k(2),Y(n.labelOf(e.id))}}var iB=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),aB=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=Rv();host=C(Il).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(()=>Xz(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(()=>Jz(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?Yz(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=O(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(!iB.has(e.key))return;e.preventDefault();let n=Zz(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=A({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,eB,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),D(),B(12,`svg`,8),P(13,tB,1,3,`:svg:path`,9,Qz),V(),P(15,rB,7,20,`button`,10,$z),V()()),e&2){let e;qg(`id`,t.helpId),k(9),N((e=t.capped())?9:-1,e),k(),j(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),k(),K(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),k(),j(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),k(),F(t.layout().edges),k(2),F(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
+}`]})},Vz=[`ArrowDown`,`ArrowUp`,`Home`,`End`],Hz=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,Uz=class e{appRovingList=$(``);rovingWindow=$(null);host=C(Il).nativeElement;current=null;focusInside=!1;constructor(){let e=C(Ds);Hd(()=>{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(Hz))??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(!Vz.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=this.rovingWindow();if(i?.enabled()&&(e.key===`Home`||e.key===`End`)){e.preventDefault();let t=e.key===`Home`?0:i.count-1,n=()=>{let e=this.host.querySelector(`[data-vindex="${t}"]`);(e?.matches(this.appRovingList())?e:e?.querySelector(this.appRovingList()))?.focus()};i.rendered(t)?n():i.reveal(t,n);return}let a={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[a].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`],rovingWindow:[1,`rovingWindow`]}})},Wz=56,Gz=12,Kz=8,qz=4;function Jz(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 Yz(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 Xz(e,t){let{producers:n,consumers:r}=Jz(e,t),i=Yz(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<qz;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:Kz+e*224,y:Kz+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-Wz,height:16+Math.max(1,f)*56-Gz}}function Zz(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 Qz(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}=Zz(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 $z(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 eB=(e,t)=>t.producer+`>`+t.consumer,tB=(e,t)=>t.id;function nB(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=t,n=G();k(),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 rB(e,t){if(e&1&&(D(),Vg(0,`path`,11)),e&2){let e=t.$implicit;M_(G().edgeTone(e)),j(`d`,e.path)}}function iB(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function aB(e,t){if(e&1){let e=H();B(0,`button`,12),W(`click`,function(){let t=T(e).$implicit;return E(G().pick(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G().focused.set(t.id))})(`keydown`,function(t){let n=T(e).$implicit;return E(G().onKey(t,n.id))}),B(1,`span`,13),Vg(2,`span`,14),J(3),M(4,iB,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),k(2),K(`background`,n.colorOf(e.id)),k(),X(` `,n.byId().get(e.id)?.kind,` `),k(),N(n.watched().has(e.id)?4:-1),k(2),Y(n.labelOf(e.id))}}var oB=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),sB=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=Rv();host=C(Il).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(()=>Qz(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(()=>Xz(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?Zz(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=O(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(!oB.has(e.key))return;e.preventDefault();let n=$z(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=A({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,nB,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),D(),B(12,`svg`,8),P(13,rB,1,3,`:svg:path`,9,eB),V(),P(15,aB,7,20,`button`,10,tB),V()()),e&2){let e;qg(`id`,t.helpId),k(9),N((e=t.capped())?9:-1,e),k(),j(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),k(),K(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),k(),j(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),k(),F(t.layout().edges),k(2),F(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -6244,7 +6250,7 @@ svg[_ngcontent-%COMP%] {
    .gnode[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},oB=[`filterInput`],sB=e=>({id:e,label:`Status history`}),cB=e=>({id:e,label:`Value history`}),lB=(e,t)=>t.kind,uB=(e,t)=>t.name+t.file+t.line,dB=(e,t)=>t.epoch,fB=(e,t)=>t.id,pB=(e,t)=>t.id+`:`+t.change.epoch;function mB(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,18),J(2,`Page`),R(),L(3,`app-select`,19),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function hB(e,t){if(e&1){let e=H();L(0,`div`,5)(1,`span`,20),J(2,`Graph of`),R(),L(3,`app-select`,21),U(`valueChange`,function(t){return T(e),E(G().pickComponent(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.componentOptions())(`value`,e.pickerValue())}}function gB(e,t){if(e&1&&(L(0,`span`,24),J(1),R()),e&2){let e=G(2);k(),Y(e.sourceNote(e.graph().source))}}function _B(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,23),J(4),R(),M(5,gB,2,1,`span`,24),R()),e&2){let e=t,n=G();k(2),Y(e.name),k(2),Y(e.path),k(),N(n.graph().source?5:-1)}}function vB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,24),J(4,`environment injector`),R()()),e&2){let e=G();k(2),Y(e.injectorLabel(t))}}function yB(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 bB(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 xB(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 SB(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function CB(e,t){if(e&1&&(L(0,`app-angular-unavailable`,10),J(1,` This list comes from a source scan. `),R()),e&2){let e=G();I(`page`,e.angularPage())(`missing`,e.unsupported())}}function wB(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 TB(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Z(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function EB(e,t){if(e&1){let e=H();L(0,`button`,25),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,28),L(2,`span`,29),J(3),R(),L(4,`span`,26),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(e.kind),k(2),Y(e.count)}}function DB(e,t){if(e&1){let e=H();L(0,`div`,11)(1,`button`,25),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,26),J(4),R()(),P(5,EB,6,7,`button`,27,lB),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.kindTotal()),k(),F(e.kindChips())}}function OB(e,t){e&1&&(L(0,`div`,12),z(1,`span`,30),L(2,`p`,31),J(3,`Scanning source for signals…`),R()())}function kB(e,t){if(e&1){let e=H();L(0,`div`,32)(1,`p`,31),J(2,`Couldn't load signals`),R(),L(3,`p`,33),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=G();q(`compact`,e.sourceSignals().length>0),k(5),j(`aria-disabled`,e.retrying()||null),k(),X(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function AB(e,t){e&1&&(L(0,`div`,14)(1,`p`,31),J(2,`No signals found.`),R(),L(3,`p`,33),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 jB(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit;k(3),X(`in <`,e.component,`>`)}}function MB(e,t){if(e&1&&(L(0,`div`,37)(1,`div`,39)(2,`span`,40),J(3),R(),L(4,`span`,41),J(5),R()(),L(6,`div`,42),z(7,`app-source-link`,43),M(8,jB,4,1),R()()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.name),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.component?8:-1)}}function NB(e,t){if(e&1){let e=H();L(0,`div`,38)(1,`p`,31),J(2,`No signals match.`),R(),L(3,`p`,33),J(4,`Try a different name or kind.`),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(6,`Clear filters`),R()()}}function PB(e,t){if(e&1&&(L(0,`p`,35),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,36),P(3,MB,9,7,`div`,37,uB,!1,NB,7,0,`div`,38),R()),e&2){let e=G();k(3),F(e.filteredSourceSignals())}}function FB(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.missed,` earlier not captured`)}}function IB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function LB(e,t){if(e&1&&(L(0,`ol`,51),P(1,IB,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.stack)}}function RB(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,49),J(6),R(),L(7,`span`),J(8),R(),M(9,FB,2,1,`span`,50),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,LB,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,8,e.at,`HH:mm:ss.SSS`)),k(2),M_(`source-`+e.source),k(),Y(n.sourceLabel(e.source)),k(2),X(`epoch `,e.epoch),k(),N(e.missed?9:-1),k(2),Y(Cv(12,11,e.value)),k(2),N(e.stack?.length?13:-1)}}function zB(e,t){if(e&1&&(L(0,`h4`,45),J(1),R(),L(2,`p`,46),J(3),R(),L(4,`ol`,47),P(5,RB,14,13,`li`,null,dB),R()),e&2){let e=G(),t=e.id,n=e.label,r=G();I(`id`,`history-heading-`+t),k(),Y(n),k(2),Y(r.historySummary(t)),k(),j(`aria-labelledby`,`history-heading-`+t),k(),F(r.selectedHistory())}}function BB(e,t){e&1&&M(0,zB,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function VB(e,t){if(e&1){let e=H();L(0,`button`,56),U(`click`,function(){T(e);let t=G(2);return E(t.showFramework.set(!t.showFramework()))}),J(1,` Show framework signals `),L(2,`span`,26),J(3),R()()}if(e&2){let e=G(2);j(`aria-pressed`,e.showFramework()),k(3),Z(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function HB(e,t){e&1&&(L(0,`p`,58),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 UB(e,t){if(e&1){let e=H();L(0,`app-signal-graph-view`,62),U(`selected`,function(t){return T(e),E(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 WB(e,t){e&1&&(L(0,`p`,58),J(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),R())}function GB(e,t){if(e&1){let e=H();L(0,`p`,61)(1,`span`),J(2,`Selected`),R(),L(3,`span`,63),J(4),R(),L(5,`span`,44),J(6,`·`),R(),L(7,`span`),J(8),R(),L(9,`span`,44),J(10,`·`),R(),L(11,`span`),J(12),R(),L(13,`button`,64),U(`click`,function(){let t=T(e);return E(G(3).jumpTo(t))}),J(14,` Show details `),R()()}if(e&2){let e=t,n=G(3);k(4),Y(e.label??`(unnamed)`),k(4),Y(n.plural(n.getDependencies(e).length,`producer`)),k(4),Y(n.plural(n.getConsumers(e).length,`consumer`))}}function KB(e,t){if(e&1&&(L(0,`div`,59),M(1,UB,1,5,`app-signal-graph-view`,60)(2,WB,2,0,`p`,58),M(3,GB,15,3,`p`,61),R()),e&2){let e,t=G(2);k(),N(t.graphNodes().length?1:2),k(2),N((e=t.selectedNode())?3:-1,e)}}function qB(e,t){if(e&1){let e=H();L(0,`section`,15)(1,`div`,52)(2,`h2`,53),J(3,`Graph`),R(),L(4,`div`,54),M(5,VB,4,3,`button`,55),L(6,`button`,56),U(`click`,function(){return T(e),E(G().toggleStacks())}),J(7,` Record write stacks `),R(),L(8,`button`,57),U(`click`,function(){T(e);let t=G();return E(t.showGraph.set(!t.showGraph()))}),J(9),R()()(),M(10,HB,2,0,`p`,58),M(11,KB,4,2,`div`,59),R()}if(e&2){let e,t=G();k(5),N((e=t.frameworkCount())?5:-1,e),k(),j(`aria-pressed`,t.stacksOn()),k(2),j(`aria-expanded`,t.showGraph()),k(),X(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),k(),N(t.stacksOn()?10:-1),k(),N(t.showGraph()?11:-1)}}function JB(e,t){if(e&1&&(L(0,`p`,33),J(1),R()),e&2){let e=t;k(),Z(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function YB(e,t){if(e&1&&(L(0,`span`,67),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function XB(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function ZB(e,t){if(e&1){let e=H();L(0,`li`)(1,`span`,63),J(2),R(),M(3,YB,3,3,`span`,67),M(4,XB,2,2,`span`,68),L(5,`button`,64),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleWatch(t))}),J(6,` Stop watching `),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(2),Y(n.label??`(unnamed)`),k(),N(n.value===void 0?-1:3),k(),N((e=r.changeCount(n.id))?4:-1,e),k(),j(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function QB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function $B(e,t){if(e&1&&(L(0,`ol`,51),P(1,QB,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.change.stack)}}function eV(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,63),J(6),R(),L(7,`span`,49),J(8),R()(),L(9,`pre`),J(10),xv(11,`json`),R(),M(12,$B,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,7,e.change.at,`HH:mm:ss.SSS`)),k(3),Y(e.label),k(),M_(`source-`+e.change.source),k(),Y(n.sourceLabel(e.change.source)),k(2),Y(Cv(11,10,e.change.value)),k(2),N(e.change.stack?.length?12:-1)}}function tV(e,t){if(e&1&&(L(0,`h3`,69),J(1,`Recent changes`),R(),L(2,`div`,70)(3,`ol`,71),P(4,eV,13,12,`li`,null,pB),R()()),e&2){let e=G(2);k(4),F(e.watchLog())}}function nV(e,t){if(e&1&&(L(0,`section`,16)(1,`h2`,65),J(2,`Watched`),R(),M(3,JB,2,2,`p`,33),L(4,`ul`,66),P(5,ZB,7,4,`li`,null,fB),R(),M(7,tV,6,0),R()),e&2){let e,t=G();k(3),N((e=t.watchedElsewhere())?3:-1,e),k(2),F(t.watchedNodes()),k(2),N(t.watchLog().length?7:-1)}}function rV(e,t){if(e&1&&(L(0,`span`,79),J(1),R()),e&2){let e=G().$implicit;M_(`tone-`+G(2).statusTone(e.status)),k(),Y(e.status)}}function iV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function aV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.error))}}function oV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function sV(e,t){e&1&&(L(0,`p`,33),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 cV(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;k(3),Y(e.isLoading?`yes`:`no`)}}function lV(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;k(3),Y(e.statusCode)}}function uV(e,t){if(e&1&&(L(0,`dt`),J(1,`Params`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Params of `+e.name),k(),Y(Cv(5,2,e.params))}}function dV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Value of `+e.name),k(),Y(Cv(5,2,e.value))}}function fV(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Error of `+e.name),k(),Y(Cv(5,2,e.error))}}function pV(e,t){if(e&1&&(L(0,`li`)(1,`span`,84),J(2),R(),L(3,`span`,63),J(4),R()()),e&2){let e=t.$implicit,n=G(5);k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function mV(e,t){if(e&1&&(L(0,`ul`,45),P(1,pV,5,4,`li`,null,fB),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),k(),F(t.internalsOf(e))}}function hV(e,t){if(e&1){let e=H();L(0,`div`,78)(1,`h3`,80),J(2),R(),M(3,sV,11,0,`p`,33),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,cV,4,1),M(10,lV,4,1),M(11,uV,6,4),M(12,dV,6,4),M(13,fV,6,4),R(),Gg(14,81),L(15,`button`,82),U(`click`,function(){T(e);let t=G(3);return E(t.showInternals.set(!t.showInternals()))}),J(16),R(),M(17,mV,3,1,`ul`,45),R()}if(e&2){let e=G().$implicit,t=G(2),n=d_(23);I(`id`,`signal-detail-`+e.id),k(2),Y(e.name),k(),N(e.named?-1:3),k(5),Y(e.status??`unknown`),k(),N(e.isLoading===void 0?-1:9),k(),N(e.statusCode===void 0?-1:10),k(),N(e.params===void 0?-1:11),k(),N(e.value===void 0?-1:12),k(),N(e.error===void 0?-1:13),k(),I(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,hv(16,sB,e.id)),k(),j(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),k(),Z(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),k(),N(t.showInternals()?17:-1)}}function gV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4,`resource`),R(),L(5,`span`,41),J(6),R(),M(7,rV,2,3,`span`,75),M(8,iV,2,2,`span`,68),z(9,`span`,76),R(),M(10,aV,3,3,`span`,77)(11,oV,3,3,`span`,77),R(),M(12,hV,18,18,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(`resource`)),k(3),Y(n.name),k(),N(n.status?7:-1),k(),N((e=n.changes)?8:-1,e),k(2),N(n.error===void 0?n.value===void 0?-1:11:10),k(2),N(r.selectedId()===n.id?12:-1)}}function _V(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Resources`),R(),L(2,`ul`,73),P(3,gV,13,12,`li`,null,fB),R()),e&2){let e=G();k(3),F(e.filteredResources())}}function vV(e,t){e&1&&(L(0,`span`,87),J(1,`watching`),R())}function yV(e,t){e&1&&(L(0,`span`,88),J(1,`framework`),R())}function bV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function xV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function SV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Deps: `,t.getDependencies(e).length)}}function CV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Consumers: `,t.getConsumers(e).length)}}function wV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(4);k(3),j(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),k(),Y(Cv(5,2,e.selectedNode().value))}}function TV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function EV(e,t){if(e&1&&(L(0,`h4`),J(1,`Dependencies (producers)`),R(),L(2,`ul`),P(3,TV,6,5,`li`,null,fB),R()),e&2){let e=G(4);k(3),F(e.getDependencies(e.selectedNode()))}}function DV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function OV(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,DV,6,5,`li`,null,fB),R()),e&2){let e=G(4);k(3),F(e.getConsumers(e.selectedNode()))}}function kV(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e);let t=G(4);return E(t.toggleWatch(t.selectedNode()))}),J(1,` Watch `),R(),L(2,`p`,33),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 AV(e,t){e&1&&(L(0,`p`,33),J(1),R()),e&2&&(k(),Y(t))}function jV(e,t){if(e&1&&(L(0,`div`,78)(1,`h3`,80),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,wV,6,4),R(),M(13,EV,5,0),M(14,OV,5,0),M(15,kV,4,1),M(16,AV,2,1,`p`,33),Gg(17,81),R()),e&2){let e,t=G().$implicit,n=G(2),r=d_(23);I(`id`,`signal-detail-`+t.id),k(2),Y(n.selectedNode().label??n.selectedNode().id),k(5),Y(n.selectedNode().kind),k(4),Y(n.selectedNode().epoch),k(),N(n.selectedNode().value===void 0?-1:12),k(),N(n.getDependencies(n.selectedNode()).length?13:-1),k(),N(n.getConsumers(n.selectedNode()).length?14:-1),k(),N(n.isWatchable(n.selectedNode())?15:-1),k(),N((e=n.writeHint())?16:-1,e),k(),I(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,hv(11,cB,t.id))}}function MV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4),R(),L(5,`span`,41),J(6),R(),M(7,vV,2,0,`span`,87),M(8,yV,2,0,`span`,88),M(9,bV,2,2,`span`,68),z(10,`span`,76),R(),M(11,xV,3,3,`span`,77),L(12,`span`,42)(13,`span`),J(14),R(),M(15,SV,4,1),M(16,CV,4,1),R()(),M(17,jV,18,13,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(n.kind)),k(),Y(n.kind),k(2),Y(n.label??`(unnamed)`),k(),N(r.watchedIds().has(n.id)?7:-1),k(),N(n.framework?8:-1),k(),N((e=r.changeCount(n.id))?9:-1,e),k(2),N(n.value===void 0?-1:11),k(3),X(`Epoch: `,n.epoch),k(),N(r.getDependencies(n).length?15:-1),k(),N(r.getConsumers(n).length?16:-1),k(),N(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function NV(e,t){if(e&1){let e=H();L(0,`button`,34),U(`click`,function(){return T(e),E(G(3).clearFilters())}),J(1,`Clear filters`),R()}}function PV(e,t){if(e&1&&(L(0,`li`,86)(1,`p`,31),J(2),R(),L(3,`p`,33),J(4),R(),M(5,NV,2,0,`button`,91),R()),e&2){let e=G(2);k(2),X(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),k(2),X(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),k(),N(e.hasAnySignals()?5:-1)}}function FV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Signals`),R(),L(2,`ul`,85),P(3,MV,18,17,`li`,null,fB,!1,PV,6,3,`li`,86),R()),e&2){let e=G();k(3),F(e.filteredNodes())}}var IV=`follow`;function LV(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var RV=`env:`,zV=50,BV=new Set([`signal`,`computed`,`linkedSignal`]),VV=20,HV={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},UV={write:`set`,sample:`sampled`,initial:`initial`},WV={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},GV={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`},KV=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);filterInput=Jv(`filterInput`);injector=C(Ts);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=O({});graphState=O({graph:null,pages:{}});chosenPageId=O(null);announcement=O(``);graphPages=Q(()=>LV(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 RE(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=O({});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=O(!1);sourceSignals=O([]);sourceLoaded=O(!1);sourceFailed=O(!1);graphFailed=O(!1);loadFailed=Q(()=>this.sourceFailed()||this.graphFailed());retrying=O(!1);filter=O(``);resources=Q(()=>this.graph()?.resources??[]);internalIds=Q(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=O(!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=O(!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,VV)});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=O(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(GV).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:IV,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:RV+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:IV});constructor(){mc(()=>{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(LV(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!==IV?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(RV)?{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 HV[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||Hd(()=>{(!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 BV.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),Hd(()=>{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>=zV&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return WV[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return UV[e]}kindColor(e){return GV[e]??GV.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=A({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,oB,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`],[`capability`,`signalGraph`,`compact`,``,3,`page`,`missing`],[`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,mB,4,2,`div`,4),M(4,hB,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,_B,6,3,`p`,7)(8,vB,5,1,`p`,7),M(9,yB,2,0,`p`,8),L(10,`p`,9),M(11,bB,1,0)(12,xB,1,0)(13,SB,1,0),R(),M(14,CB,2,2,`app-angular-unavailable`,10),M(15,wB,2,0,`p`,8),M(16,TB,2,2,`p`,8),M(17,DB,7,4,`div`,11),M(18,OB,4,0,`div`,12),M(19,kB,7,4,`div`,13)(20,AB,14,0,`div`,14),M(21,PB,6,1),sg(22,BB,1,1,`ng-template`,null,1,Ev),M(24,qB,12,6,`section`,15),M(25,nV,8,2,`section`,16),L(26,`p`,17),J(27),R(),M(28,_V,5,0),M(29,FV,6,1)),e&2){let e,n;k(),I(`value`,t.filter()),k(2),N(t.pageOptions().length>1?3:-1),k(),N(t.componentOptions().length?4:-1),k(2),Y(t.announcement()),k(),N((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),k(2),N(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),k(2),N(t.graph()?.injector?11:t.graph()?12:13),k(3),N(t.graph()?-1:14),k(),N(t.graph()?.writeHook===!1?15:-1),k(),N((n=t.graph()?.nodeCount)?16:-1,n),k(),N(t.kindChips().length?17:-1),k(),N(!t.graph()&&!t.sourceLoaded()?18:-1),k(),N(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?19:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?20:-1),k(2),N(!t.graph()&&t.sourceSignals().length>0?21:-1),k(3),N(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?24:-1),k(),N(t.watchedNodes().length||t.watchedElsewhere()?25:-1),k(2),Y(t.jumpNote()),k(),N(t.graph()&&t.filteredResources().length?28:-1),k(),N(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?29:-1)}},dependencies:[hO,ub,Vz,OO,aB,lM,hb,gb],styles:[`[_nghost-%COMP%] {
+}`]})},cB=[`filterInput`],lB=e=>({id:e,label:`Status history`}),uB=e=>({id:e,label:`Value history`}),dB=(e,t)=>t.kind,fB=(e,t)=>t.name+t.file+t.line,pB=(e,t)=>t.epoch,mB=(e,t)=>t.id,hB=(e,t)=>t.id+`:`+t.change.epoch;function gB(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,18),J(2,`Page`),R(),L(3,`app-select`,19),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function _B(e,t){if(e&1){let e=H();L(0,`div`,5)(1,`span`,20),J(2,`Graph of`),R(),L(3,`app-select`,21),U(`valueChange`,function(t){return T(e),E(G().pickComponent(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.componentOptions())(`value`,e.pickerValue())}}function vB(e,t){if(e&1&&(L(0,`span`,24),J(1),R()),e&2){let e=G(2);k(),Y(e.sourceNote(e.graph().source))}}function yB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,23),J(4),R(),M(5,vB,2,1,`span`,24),R()),e&2){let e=t,n=G();k(2),Y(e.name),k(2),Y(e.path),k(),N(n.graph().source?5:-1)}}function bB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,24),J(4,`environment injector`),R()()),e&2){let e=G();k(2),Y(e.injectorLabel(t))}}function xB(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 SB(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 CB(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 wB(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function TB(e,t){if(e&1&&(L(0,`app-angular-unavailable`,10),J(1,` This list comes from a source scan. `),R()),e&2){let e=G();I(`page`,e.angularPage())(`missing`,e.unsupported())}}function EB(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 DB(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Z(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function OB(e,t){if(e&1){let e=H();L(0,`button`,25),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,28),L(2,`span`,29),J(3),R(),L(4,`span`,26),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(e.kind),k(2),Y(e.count)}}function kB(e,t){if(e&1){let e=H();L(0,`div`,11)(1,`button`,25),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,26),J(4),R()(),P(5,OB,6,7,`button`,27,dB),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.kindTotal()),k(),F(e.kindChips())}}function AB(e,t){e&1&&(L(0,`div`,12),z(1,`span`,30),L(2,`p`,31),J(3,`Scanning source for signals…`),R()())}function jB(e,t){if(e&1){let e=H();L(0,`div`,32)(1,`p`,31),J(2,`Couldn't load signals`),R(),L(3,`p`,33),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=G();q(`compact`,e.sourceSignals().length>0),k(5),j(`aria-disabled`,e.retrying()||null),k(),X(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function MB(e,t){e&1&&(L(0,`div`,14)(1,`p`,31),J(2,`No signals found.`),R(),L(3,`p`,33),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 NB(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit;k(3),X(`in <`,e.component,`>`)}}function PB(e,t){if(e&1&&(L(0,`div`,37)(1,`div`,39)(2,`span`,40),J(3),R(),L(4,`span`,41),J(5),R()(),L(6,`div`,42),z(7,`app-source-link`,43),M(8,NB,4,1),R()()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.name),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.component?8:-1)}}function FB(e,t){if(e&1){let e=H();L(0,`div`,38)(1,`p`,31),J(2,`No signals match.`),R(),L(3,`p`,33),J(4,`Try a different name or kind.`),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(6,`Clear filters`),R()()}}function IB(e,t){if(e&1&&(L(0,`p`,35),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,36),P(3,PB,9,7,`div`,37,fB,!1,FB,7,0,`div`,38),R()),e&2){let e=G();k(3),F(e.filteredSourceSignals())}}function LB(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.missed,` earlier not captured`)}}function RB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function zB(e,t){if(e&1&&(L(0,`ol`,51),P(1,RB,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.stack)}}function BB(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,49),J(6),R(),L(7,`span`),J(8),R(),M(9,LB,2,1,`span`,50),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,zB,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,8,e.at,`HH:mm:ss.SSS`)),k(2),M_(`source-`+e.source),k(),Y(n.sourceLabel(e.source)),k(2),X(`epoch `,e.epoch),k(),N(e.missed?9:-1),k(2),Y(Cv(12,11,e.value)),k(2),N(e.stack?.length?13:-1)}}function VB(e,t){if(e&1&&(L(0,`h4`,45),J(1),R(),L(2,`p`,46),J(3),R(),L(4,`ol`,47),P(5,BB,14,13,`li`,null,pB),R()),e&2){let e=G(),t=e.id,n=e.label,r=G();I(`id`,`history-heading-`+t),k(),Y(n),k(2),Y(r.historySummary(t)),k(),j(`aria-labelledby`,`history-heading-`+t),k(),F(r.selectedHistory())}}function HB(e,t){e&1&&M(0,VB,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function UB(e,t){if(e&1){let e=H();L(0,`button`,56),U(`click`,function(){T(e);let t=G(2);return E(t.showFramework.set(!t.showFramework()))}),J(1,` Show framework signals `),L(2,`span`,26),J(3),R()()}if(e&2){let e=G(2);j(`aria-pressed`,e.showFramework()),k(3),Z(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function WB(e,t){e&1&&(L(0,`p`,58),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 GB(e,t){if(e&1){let e=H();L(0,`app-signal-graph-view`,62),U(`selected`,function(t){return T(e),E(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 KB(e,t){e&1&&(L(0,`p`,58),J(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),R())}function qB(e,t){if(e&1){let e=H();L(0,`p`,61)(1,`span`),J(2,`Selected`),R(),L(3,`span`,63),J(4),R(),L(5,`span`,44),J(6,`·`),R(),L(7,`span`),J(8),R(),L(9,`span`,44),J(10,`·`),R(),L(11,`span`),J(12),R(),L(13,`button`,64),U(`click`,function(){let t=T(e);return E(G(3).jumpTo(t))}),J(14,` Show details `),R()()}if(e&2){let e=t,n=G(3);k(4),Y(e.label??`(unnamed)`),k(4),Y(n.plural(n.getDependencies(e).length,`producer`)),k(4),Y(n.plural(n.getConsumers(e).length,`consumer`))}}function JB(e,t){if(e&1&&(L(0,`div`,59),M(1,GB,1,5,`app-signal-graph-view`,60)(2,KB,2,0,`p`,58),M(3,qB,15,3,`p`,61),R()),e&2){let e,t=G(2);k(),N(t.graphNodes().length?1:2),k(2),N((e=t.selectedNode())?3:-1,e)}}function YB(e,t){if(e&1){let e=H();L(0,`section`,15)(1,`div`,52)(2,`h2`,53),J(3,`Graph`),R(),L(4,`div`,54),M(5,UB,4,3,`button`,55),L(6,`button`,56),U(`click`,function(){return T(e),E(G().toggleStacks())}),J(7,` Record write stacks `),R(),L(8,`button`,57),U(`click`,function(){T(e);let t=G();return E(t.showGraph.set(!t.showGraph()))}),J(9),R()()(),M(10,WB,2,0,`p`,58),M(11,JB,4,2,`div`,59),R()}if(e&2){let e,t=G();k(5),N((e=t.frameworkCount())?5:-1,e),k(),j(`aria-pressed`,t.stacksOn()),k(2),j(`aria-expanded`,t.showGraph()),k(),X(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),k(),N(t.stacksOn()?10:-1),k(),N(t.showGraph()?11:-1)}}function XB(e,t){if(e&1&&(L(0,`p`,33),J(1),R()),e&2){let e=t;k(),Z(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function ZB(e,t){if(e&1&&(L(0,`span`,67),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function QB(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function $B(e,t){if(e&1){let e=H();L(0,`li`)(1,`span`,63),J(2),R(),M(3,ZB,3,3,`span`,67),M(4,QB,2,2,`span`,68),L(5,`button`,64),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleWatch(t))}),J(6,` Stop watching `),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(2),Y(n.label??`(unnamed)`),k(),N(n.value===void 0?-1:3),k(),N((e=r.changeCount(n.id))?4:-1,e),k(),j(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function eV(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function tV(e,t){if(e&1&&(L(0,`ol`,51),P(1,eV,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.change.stack)}}function nV(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,63),J(6),R(),L(7,`span`,49),J(8),R()(),L(9,`pre`),J(10),xv(11,`json`),R(),M(12,tV,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,7,e.change.at,`HH:mm:ss.SSS`)),k(3),Y(e.label),k(),M_(`source-`+e.change.source),k(),Y(n.sourceLabel(e.change.source)),k(2),Y(Cv(11,10,e.change.value)),k(2),N(e.change.stack?.length?12:-1)}}function rV(e,t){if(e&1&&(L(0,`h3`,69),J(1,`Recent changes`),R(),L(2,`div`,70)(3,`ol`,71),P(4,nV,13,12,`li`,null,hB),R()()),e&2){let e=G(2);k(4),F(e.watchLog())}}function iV(e,t){if(e&1&&(L(0,`section`,16)(1,`h2`,65),J(2,`Watched`),R(),M(3,XB,2,2,`p`,33),L(4,`ul`,66),P(5,$B,7,4,`li`,null,mB),R(),M(7,rV,6,0),R()),e&2){let e,t=G();k(3),N((e=t.watchedElsewhere())?3:-1,e),k(2),F(t.watchedNodes()),k(2),N(t.watchLog().length?7:-1)}}function aV(e,t){if(e&1&&(L(0,`span`,79),J(1),R()),e&2){let e=G().$implicit;M_(`tone-`+G(2).statusTone(e.status)),k(),Y(e.status)}}function oV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function sV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.error))}}function cV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function lV(e,t){e&1&&(L(0,`p`,33),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 uV(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;k(3),Y(e.isLoading?`yes`:`no`)}}function dV(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;k(3),Y(e.statusCode)}}function fV(e,t){if(e&1&&(L(0,`dt`),J(1,`Params`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Params of `+e.name),k(),Y(Cv(5,2,e.params))}}function pV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Value of `+e.name),k(),Y(Cv(5,2,e.value))}}function mV(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Error of `+e.name),k(),Y(Cv(5,2,e.error))}}function hV(e,t){if(e&1&&(L(0,`li`)(1,`span`,84),J(2),R(),L(3,`span`,63),J(4),R()()),e&2){let e=t.$implicit,n=G(5);k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function gV(e,t){if(e&1&&(L(0,`ul`,45),P(1,hV,5,4,`li`,null,mB),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),k(),F(t.internalsOf(e))}}function _V(e,t){if(e&1){let e=H();L(0,`div`,78)(1,`h3`,80),J(2),R(),M(3,lV,11,0,`p`,33),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,uV,4,1),M(10,dV,4,1),M(11,fV,6,4),M(12,pV,6,4),M(13,mV,6,4),R(),Gg(14,81),L(15,`button`,82),U(`click`,function(){T(e);let t=G(3);return E(t.showInternals.set(!t.showInternals()))}),J(16),R(),M(17,gV,3,1,`ul`,45),R()}if(e&2){let e=G().$implicit,t=G(2),n=d_(23);I(`id`,`signal-detail-`+e.id),k(2),Y(e.name),k(),N(e.named?-1:3),k(5),Y(e.status??`unknown`),k(),N(e.isLoading===void 0?-1:9),k(),N(e.statusCode===void 0?-1:10),k(),N(e.params===void 0?-1:11),k(),N(e.value===void 0?-1:12),k(),N(e.error===void 0?-1:13),k(),I(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,hv(16,lB,e.id)),k(),j(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),k(),Z(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),k(),N(t.showInternals()?17:-1)}}function vV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4,`resource`),R(),L(5,`span`,41),J(6),R(),M(7,aV,2,3,`span`,75),M(8,oV,2,2,`span`,68),z(9,`span`,76),R(),M(10,sV,3,3,`span`,77)(11,cV,3,3,`span`,77),R(),M(12,_V,18,18,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(`resource`)),k(3),Y(n.name),k(),N(n.status?7:-1),k(),N((e=n.changes)?8:-1,e),k(2),N(n.error===void 0?n.value===void 0?-1:11:10),k(2),N(r.selectedId()===n.id?12:-1)}}function yV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Resources`),R(),L(2,`ul`,73),P(3,vV,13,12,`li`,null,mB),R()),e&2){let e=G();k(3),F(e.filteredResources())}}function bV(e,t){e&1&&(L(0,`span`,87),J(1,`watching`),R())}function xV(e,t){e&1&&(L(0,`span`,88),J(1,`framework`),R())}function SV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function CV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function wV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Deps: `,t.getDependencies(e).length)}}function TV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Consumers: `,t.getConsumers(e).length)}}function EV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(4);k(3),j(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),k(),Y(Cv(5,2,e.selectedNode().value))}}function DV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function OV(e,t){if(e&1&&(L(0,`h4`),J(1,`Dependencies (producers)`),R(),L(2,`ul`),P(3,DV,6,5,`li`,null,mB),R()),e&2){let e=G(4);k(3),F(e.getDependencies(e.selectedNode()))}}function kV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function AV(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,kV,6,5,`li`,null,mB),R()),e&2){let e=G(4);k(3),F(e.getConsumers(e.selectedNode()))}}function jV(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e);let t=G(4);return E(t.toggleWatch(t.selectedNode()))}),J(1,` Watch `),R(),L(2,`p`,33),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 MV(e,t){e&1&&(L(0,`p`,33),J(1),R()),e&2&&(k(),Y(t))}function NV(e,t){if(e&1&&(L(0,`div`,78)(1,`h3`,80),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,EV,6,4),R(),M(13,OV,5,0),M(14,AV,5,0),M(15,jV,4,1),M(16,MV,2,1,`p`,33),Gg(17,81),R()),e&2){let e,t=G().$implicit,n=G(2),r=d_(23);I(`id`,`signal-detail-`+t.id),k(2),Y(n.selectedNode().label??n.selectedNode().id),k(5),Y(n.selectedNode().kind),k(4),Y(n.selectedNode().epoch),k(),N(n.selectedNode().value===void 0?-1:12),k(),N(n.getDependencies(n.selectedNode()).length?13:-1),k(),N(n.getConsumers(n.selectedNode()).length?14:-1),k(),N(n.isWatchable(n.selectedNode())?15:-1),k(),N((e=n.writeHint())?16:-1,e),k(),I(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,hv(11,uB,t.id))}}function PV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4),R(),L(5,`span`,41),J(6),R(),M(7,bV,2,0,`span`,87),M(8,xV,2,0,`span`,88),M(9,SV,2,2,`span`,68),z(10,`span`,76),R(),M(11,CV,3,3,`span`,77),L(12,`span`,42)(13,`span`),J(14),R(),M(15,wV,4,1),M(16,TV,4,1),R()(),M(17,NV,18,13,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(n.kind)),k(),Y(n.kind),k(2),Y(n.label??`(unnamed)`),k(),N(r.watchedIds().has(n.id)?7:-1),k(),N(n.framework?8:-1),k(),N((e=r.changeCount(n.id))?9:-1,e),k(2),N(n.value===void 0?-1:11),k(3),X(`Epoch: `,n.epoch),k(),N(r.getDependencies(n).length?15:-1),k(),N(r.getConsumers(n).length?16:-1),k(),N(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function FV(e,t){if(e&1){let e=H();L(0,`button`,34),U(`click`,function(){return T(e),E(G(3).clearFilters())}),J(1,`Clear filters`),R()}}function IV(e,t){if(e&1&&(L(0,`li`,86)(1,`p`,31),J(2),R(),L(3,`p`,33),J(4),R(),M(5,FV,2,0,`button`,91),R()),e&2){let e=G(2);k(2),X(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),k(2),X(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),k(),N(e.hasAnySignals()?5:-1)}}function LV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Signals`),R(),L(2,`ul`,85),P(3,PV,18,17,`li`,null,mB,!1,IV,6,3,`li`,86),R()),e&2){let e=G();k(3),F(e.filteredNodes())}}var RV=`follow`;function zV(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var BV=`env:`,VV=50,HV=new Set([`signal`,`computed`,`linkedSignal`]),UV=20,WV={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},GV={write:`set`,sample:`sampled`,initial:`initial`},KV={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},qV={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`},JV=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);filterInput=Jv(`filterInput`);injector=C(Ts);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=O({});graphState=O({graph:null,pages:{}});chosenPageId=O(null);announcement=O(``);graphPages=Q(()=>zV(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 RE(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=O({});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=O(!1);sourceSignals=O([]);sourceLoaded=O(!1);sourceFailed=O(!1);graphFailed=O(!1);loadFailed=Q(()=>this.sourceFailed()||this.graphFailed());retrying=O(!1);filter=O(``);resources=Q(()=>this.graph()?.resources??[]);internalIds=Q(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=O(!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=O(!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,UV)});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=O(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(qV).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:RV,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:BV+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:RV});constructor(){mc(()=>{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(zV(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!==RV?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(BV)?{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 WV[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||Hd(()=>{(!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 HV.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),Hd(()=>{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>=VV&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return KV[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return GV[e]}kindColor(e){return qV[e]??qV.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=A({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,cB,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`],[`capability`,`signalGraph`,`compact`,``,3,`page`,`missing`],[`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,gB,4,2,`div`,4),M(4,_B,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,yB,6,3,`p`,7)(8,bB,5,1,`p`,7),M(9,xB,2,0,`p`,8),L(10,`p`,9),M(11,SB,1,0)(12,CB,1,0)(13,wB,1,0),R(),M(14,TB,2,2,`app-angular-unavailable`,10),M(15,EB,2,0,`p`,8),M(16,DB,2,2,`p`,8),M(17,kB,7,4,`div`,11),M(18,AB,4,0,`div`,12),M(19,jB,7,4,`div`,13)(20,MB,14,0,`div`,14),M(21,IB,6,1),sg(22,HB,1,1,`ng-template`,null,1,Ev),M(24,YB,12,6,`section`,15),M(25,iV,8,2,`section`,16),L(26,`p`,17),J(27),R(),M(28,yV,5,0),M(29,LV,6,1)),e&2){let e,n;k(),I(`value`,t.filter()),k(2),N(t.pageOptions().length>1?3:-1),k(),N(t.componentOptions().length?4:-1),k(2),Y(t.announcement()),k(),N((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),k(2),N(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),k(2),N(t.graph()?.injector?11:t.graph()?12:13),k(3),N(t.graph()?-1:14),k(),N(t.graph()?.writeHook===!1?15:-1),k(),N((n=t.graph()?.nodeCount)?16:-1,n),k(),N(t.kindChips().length?17:-1),k(),N(!t.graph()&&!t.sourceLoaded()?18:-1),k(),N(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?19:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?20:-1),k(2),N(!t.graph()&&t.sourceSignals().length>0?21:-1),k(3),N(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?24:-1),k(),N(t.watchedNodes().length||t.watchedElsewhere()?25:-1),k(2),Y(t.jumpNote()),k(),N(t.graph()&&t.filteredResources().length?28:-1),k(),N(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?29:-1)}},dependencies:[hO,ub,Uz,OO,sB,uM,hb,gb],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
   color: var(--%NS%text);
@@ -7201,7 +7207,7 @@ button.node-card[_ngcontent-%COMP%] {
   dd[_ngcontent-%COMP%]    + dt[_ngcontent-%COMP%] {
     margin-top: 8px;
   }
-}`]})},qV=`pangular-pref`;function JV(e){try{let t=localStorage.getItem(`${qV}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function YV(e,t){try{localStorage.setItem(`${qV}:${e}`,String(t))}catch{}}var XV=[`queryInput`],ZV=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),QV=()=>({compact:!1}),$V=()=>({compact:!0}),eH=(e,t)=>t.node.injector.id,tH=(e,t)=>t.id,nH=(e,t)=>t.from+t.token+e,rH=(e,t)=>t.token+e,iH=(e,t)=>t.type,aH=(e,t)=>t.token+t.file+t.line;function oH(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 T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=t.compact,n=G();q(`compact`,e),k(2),X(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),k(3),j(`aria-disabled`,n.retrying()||null),k(),X(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function sH(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 T(e),E(G(2).selectPage(t))}),R()()}if(e&2){let e=G(2);k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function cH(e,t){e&1&&M(0,sH,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function lH(e,t){if(e&1){let e=H();L(0,`label`,24)(1,`input`,25),U(`change`,function(){T(e);let t=G(2);return E(t.componentsOnly.set(!t.componentsOnly()))}),R(),J(2,` Components only `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.componentsOnly())}}function uH(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G(2);k(),Y(e.frameworkHiddenText())}}function dH(e,t){e&1&&(L(0,`span`,27),J(1),R()),e&2&&(k(),X(`Change detection: `,t))}function fH(e,t){e&1&&(L(0,`p`,28),D(),L(1,`svg`,37),z(2,`circle`,38)(3,`path`,39),R(),_s(),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 pH(e,t){if(e&1){let e=H();L(0,`button`,43),U(`click`,function(){let t=T(e).$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),L(4,`span`,46),J(5),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),K(`background`,n.tone(e.kind)),k(2),Y(e.label),k(2),Y(e.tokens)}}function mH(e,t){e&1&&(L(0,`span`,42),J(1),R()),e&2&&(k(),X(`+`,t,` more`))}function hH(e,t){if(e&1&&(L(0,`div`,29)(1,`span`,40),J(2,`Provided by`),R(),P(3,pH,6,4,`button`,41,tH),M(5,mH,2,1,`span`,42),R()),e&2){let e,t=G(2);k(3),F(t.providedBy()),k(2),N((e=t.providedByMore())?5:-1,e)}}function gH(e,t){if(e&1){let e=H();L(0,`div`,30),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(2).clearQuery())}),J(3,`Clear search`),R()()}if(e&2){let e=G(2);k(),X(` Nothing here matches “`,e.query().trim(),`”. `)}}function _H(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function vH(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function yH(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function bH(e,t){e&1&&J(0,` Try a different search. `)}function xH(e,t){if(e&1&&(L(0,`div`,32)(1,`p`,7),J(2,`No injectors to show`),R(),L(3,`p`,8),M(4,_H,1,0)(5,vH,1,0)(6,yH,1,0)(7,bH,1,0),R()()),e&2){let e=G(2);k(4),N(e.hideFramework()&&e.frameworkHiddenCount().injectors>0?4:e.onlyProviding()?5:e.componentsOnly()&&e.view()===`element`?6:7)}}function SH(e,t){if(e&1){let e=H();L(0,`span`,58),U(`click`,function(t){T(e);let n=G().$implicit;return E(G(2).toggle(n.node.injector.id,t))}),D(),L(1,`svg`,59),z(2,`path`,60),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function CH(e,t){e&1&&z(0,`span`,50)}function wH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.component)}}function TH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.directives.join(`, `))}}function EH(e,t){if(e&1&&(L(0,`span`,56),D(),L(1,`svg`,37),z(2,`path`,61),R(),_s(),L(3,`span`,52),J(4,`injects`),R(),J(5),R()),e&2){let e=G().$implicit;j(`title`,e.node.dependencies.length+` injected`),k(5),X(` `,e.node.dependencies.length,` `)}}function DH(e,t){if(e&1&&(L(0,`span`,57),D(),L(1,`svg`,37),z(2,`path`,62),R(),_s(),L(3,`span`,52),J(4,`provides`),R(),J(5),R()),e&2){let e=t;j(`title`,e+` provided`),k(5),X(` `,e,` `)}}function OH(e,t){if(e&1){let e=H();L(0,`div`,48),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.node.injector.id))})(`focus`,function(){let t=T(e).$implicit,n=G(2);return n.focusId.set(t.node.injector.id),E(n.highlight(t.node))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.node))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,SH,3,2,`span`,49)(2,CH,1,0,`span`,50),L(3,`span`,51),J(4),R(),L(5,`span`,52),J(6),R(),L(7,`span`,53),J(8),R(),M(9,wH,2,1,`span`,54)(10,TH,2,1,`span`,54),L(11,`span`,55),M(12,EH,6,2,`span`,56),M(13,DH,6,2,`span`,57),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),k(),N(n.hasChildren?1:2),k(2),K(`--%NS%tone`,r.tone(r.kind(n.node))),j(`title`,r.kind(n.node)),k(),Y(r.kind(n.node)[0].toUpperCase()),k(2),Y(r.kind(n.node)),k(2),Y(r.label(n.node)),k(),N(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),k(3),N((n.node.dependencies?.length??0)>0?12:-1),k(),N((e=r.providerCount(n.node))?13:-1,e)}}function kH(e,t){if(e&1){let e=H();L(0,`button`,9),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.node.injector.id))}),J(1),R()}if(e&2){let e=G(3);k(),X(` Show `,e.label(t.node),` `)}}function AH(e,t){if(e&1&&(L(0,`section`,35)(1,`header`,63)(2,`h2`,64),J(3),R()(),L(4,`div`,65)(5,`p`,8),J(6,` This injector is no longer on the page. Its component or directive was destroyed. `),R(),M(7,kH,2,1,`button`,66),R()()),e&2){let e,n=G(2);k(3),Y(t),k(4),N((e=n.rows()[0])?7:-1,e)}}function jH(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),k(),Y(e)}}function MH(e,t){if(e&1&&(L(0,`ul`,68),P(1,jH,2,3,`li`,77,Ag),R()),e&2){let e=G();k(),F(e.injector.directives)}}function NH(e,t){if(e&1){let e=H();L(0,`button`,78),U(`click`,function(){let t=T(e);return E(G(3).openComponent(t))}),J(1,` Show in Components `),L(2,`span`,52),J(3),R()()}if(e&2){let e=G();k(3),X(`: `,e.injector.component)}}function PH(e,t){if(e&1&&(L(0,`span`,79),z(1,`span`,44),J(2,` Null injector `),L(3,`span`,81),J(4,`throws NullInjectorError`),R()()),e&2){let e=G(4);k(),K(`background`,e.tone(`null`))}}function FH(e,t){if(e&1&&(L(0,`span`,83),J(1),L(2,`span`,52),J(3),R()()),e&2){let e=G(2).$implicit;k(),X(` `,e.providers,` `),k(2),Y(e.providers===1?`provider`:`providers`)}}function IH(e,t){if(e&1){let e=H();L(0,`button`,82),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),M(4,FH,4,2,`span`,83),R()}if(e&2){let e=G().$implicit,t=G(3);k(),K(`background`,t.tone(e.kind)),k(2),Y(e.label),k(),N(e.providers?4:-1)}}function LH(e,t){if(e&1&&(L(0,`li`),M(1,PH,5,2,`span`,79)(2,IH,5,4,`button`,80),R()),e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`current`,n===0),k(),N(e.id===r.nullId?1:2)}}function RH(e,t){e&1&&(L(0,`p`,71),J(1,`Only services this injector has already created are listed.`),R())}function zH(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function BH(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`for `,e.from)}}function VH(e,t){if(e&1){let e=H();L(0,`button`,94),U(`click`,function(){let t=T(e);return E(G(6).reveal(t))}),z(1,`span`,44),J(2,` from `),L(3,`span`,45),J(4),R()()}if(e&2){let e=t,n=G(6);k(),K(`background`,n.tone(n.kindById(e))),k(3),Y(n.labelById(e))}}function HH(e,t){e&1&&(L(0,`span`,92),J(1,`optional, not provided`),R())}function UH(e,t){e&1&&(L(0,`span`,93),J(1,`not provided anywhere`),R())}function WH(e,t){if(e&1&&(L(0,`li`,86)(1,`div`,87)(2,`span`,88),J(3),R(),P(4,zH,2,1,`span`,89,Ag),R(),L(6,`div`,90),M(7,BH,2,1,`span`),M(8,VH,5,3,`button`,91)(9,HH,2,0,`span`,92)(10,UH,2,0,`span`,93),R()()),e&2){let e,n=t.$implicit,r=G(3);q(`hit`,G(2).matches(n.token)),k(3),Y(n.token),k(),F(n.flags),k(3),N(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),k(),N((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function GH(e,t){if(e&1&&(L(0,`ul`,84),P(1,WH,11,5,`li`,85,nH),R()),e&2){let e=G(2);k(),F(e.dependencies)}}function KH(e,t){e&1&&(L(0,`p`,76),J(1,`Nothing is injected through the constructor or inject().`),R())}function qH(e,t){e&1&&(L(0,`p`,76),J(1,`No service created here has injected anything yet.`),R())}function JH(e,t){if(e&1&&(L(0,`div`,70)(1,`h3`),J(2),L(3,`span`,17),J(4),R()(),M(5,RH,2,0,`p`,71),M(6,GH,3,0,`ul`,84)(7,KH,2,0,`p`,76)(8,qH,2,0,`p`,76),R()),e&2){let e=G();k(2),X(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),k(2),Y(e.dependencies?.length??0),k(),N(e.injector.type===`element`?-1:5),k(),N(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function YH(e,t){if(e&1){let e=H();L(0,`p`,74),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(3).setHideFramework(!1))}),J(3,` Show them `),R()()}if(e&2){let e=t;k(),Z(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function XH(e,t){e&1&&(L(0,`span`,89),J(1,`viewProviders`),R())}function ZH(e,t){e&1&&(L(0,`span`,89),J(1,`multi`),R())}function QH(e,t){e&1&&(L(0,`span`,89),J(1,`Angular`),R())}function $H(e,t){if(e&1&&(L(0,`div`,90),J(1),R()),e&2){let e=G(2).$implicit;k(),X(`via `,e.importPath.join(` › `))}}function eU(e,t){if(e&1&&(L(0,`li`,96)(1,`div`,87)(2,`span`,88),J(3),R(),L(4,`span`,97),J(5),R(),M(6,XH,2,0,`span`,89),M(7,ZH,2,0,`span`,89),M(8,QH,2,0,`span`,89),R(),M(9,$H,2,1,`div`,90),z(10,`app-store-global`,98),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2),i=G(2);q(`hit`,i.matches(t.token)),k(3),Y(t.token),k(2),Y(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),k(),N(t.isViewProvider?6:-1),k(),N(t.multi?7:-1),k(),N(t.framework?8:-1),k(),N(t.importPath?.length?9:-1),k(),I(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,gv(13,ZV,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function tU(e,t){if(e&1&&M(0,eU,11,17,`li`,95),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function nU(e,t){if(e&1&&(L(0,`ul`,75),P(1,tU,1,1,null,null,rH),R()),e&2){let e=G();k(),F(e.providers)}}function rU(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function iU(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function aU(e,t){if(e&1&&(L(0,`p`,76),M(1,rU,1,0)(2,iU,1,0),R()),e&2){let e=G();k(),N(e.injector.type===`element`?1:2)}}function oU(e,t){if(e&1&&(L(0,`section`,36)(1,`header`,63)(2,`span`,67),J(3),R(),L(4,`h2`,64),J(5),R(),M(6,MH,3,0,`ul`,68),M(7,NH,4,1,`button`,69),R(),L(8,`div`,70)(9,`h3`),J(10,`Lookup path`),R(),L(11,`p`,71),J(12,`Angular asks these injectors in order until one has the token.`),R(),L(13,`ol`,72),P(14,LH,3,3,`li`,73,tH),R()(),M(16,JH,9,4,`div`,70),L(17,`div`,70)(18,`h3`),J(19,` Provides `),L(20,`span`,17),J(21),R()(),M(22,YH,4,2,`p`,74),M(23,nU,3,0,`ul`,75)(24,aU,3,1,`p`,76),R()()),e&2){let e,n,r=t,i=G(2);k(2),K(`--%NS%tone`,i.tone(i.kind(r))),k(),Y(i.kind(r)),k(2),Y(i.label(r)),k(),N(r.injector.directives?.length?6:-1),k(),N((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),k(7),F(i.path()),k(2),N(r.injector.type===`element`||r.dependencies?16:-1),k(5),Y(i.providerCount(r)),k(),N((n=i.hiddenProviders(r))?22:-1,n),k(),N(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function sU(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,`app-angular-unavailable`,14),J(3,` This tree shows the element injectors the page reports, with providers and environment injectors only where its Angular exposes them. `),R(),L(4,`div`,15)(5,`div`,16)(6,`button`,9),U(`click`,function(){return T(e),E(G().setView(`element`))}),J(7,` Elements `),L(8,`span`,17),J(9),R()(),L(10,`button`,9),U(`click`,function(){return T(e),E(G().setView(`environment`))}),J(11,` Environment `),L(12,`span`,17),J(13),R()()(),L(14,`div`,18),D(),L(15,`svg`,19),z(16,`circle`,20)(17,`path`,21),R(),_s(),L(18,`input`,22,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(20,23),M(21,lH,3,1,`label`,24),L(22,`label`,24)(23,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.onlyProviding.set(!t.onlyProviding()))}),R(),J(24,` With providers `),R(),L(25,`label`,24)(26,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.setHideFramework(!t.hideFramework()))}),R(),J(27,` Hide framework `),R(),M(28,uH,2,1,`span`,26),M(29,dH,2,1,`span`,27),R(),M(30,fH,8,0,`p`,28),M(31,hH,6,1,`div`,29)(32,gH,4,1,`div`,30),L(33,`div`,31),M(34,xH,8,1,`div`,32),L(35,`div`,33),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(36,OH,14,19,`div`,34,eH),R(),M(38,AH,8,2,`section`,35)(39,oU,25,10,`section`,36),R()}if(e&2){let e,t,n=G(),r=d_(5);k(2),I(`page`,n.angularPage()),k(4),q(`active`,n.view()===`element`),j(`aria-pressed`,n.view()===`element`),k(3),Y(n.elementCount()),k(),q(`active`,n.view()===`environment`),j(`aria-pressed`,n.view()===`environment`),k(3),Y(n.environmentCount()),k(5),I(`value`,n.query()),k(2),I(`ngTemplateOutlet`,r),k(),N(n.view()===`element`?21:-1),k(2),I(`checked`,n.onlyProviding()),k(3),I(`checked`,n.hideFramework()),k(2),N(n.hideFramework()?28:-1),k(),N((e=n.zone())?29:-1,e),k(),N(n.truncated()?30:-1),k(),N(n.providedBy().length?31:n.query().trim()&&!n.rows().length?32:-1),k(3),N(n.rows().length?-1:34),k(),I(`hidden`,!n.rows().length),j(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),k(),F(n.rows()),k(2),N((t=n.gone())?38:(t=n.selected())?39:-1,t)}}function cU(e,t){e&1&&(L(0,`div`,4),z(1,`span`,99),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function lU(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,QV)))}function uU(e,t){if(e&1&&(L(0,`div`,15),Gg(1,23),R()),e&2){G(2);let e=d_(5);k(),I(`ngTemplateOutlet`,e)}}function dU(e,t){e&1&&(M(0,uU,2,1,`div`,15),L(1,`div`,32)(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 fU(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,$V)))}function pU(e,t){if(e&1){let e=H();L(0,`div`,32)(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 T(e),E(G(2).clearQuery())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No providers match “`,e.query(),`”`)}}function mU(e,t){if(e&1&&(L(0,`span`,110),J(1),R()),e&2){let e=G().$implicit;k(),X(`providedIn: `,e.providedIn)}}function hU(e,t){if(e&1&&(L(0,`span`,113),J(1),R()),e&2){let e=G().$implicit;k(),X(`as `,e.source)}}function gU(e,t){if(e&1&&(L(0,`li`,107)(1,`div`,108)(2,`span`,109),J(3),R(),M(4,mU,2,1,`span`,110),R(),L(5,`div`,111),z(6,`app-source-link`,112),M(7,hU,2,1,`span`,113),R()()),e&2){let e=t.$implicit;k(3),Y(e.token),k(),N(e.providedIn?4:-1),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function _U(e,t){if(e&1&&(L(0,`section`,104)(1,`h2`),J(2),L(3,`span`,105),J(4),R()(),L(5,`ul`,106),P(6,gU,8,5,`li`,107,aH),R()()),e&2){let e=t.$implicit;k(2),X(` `,e.label,` `),k(2),Y(e.items.length),k(2),F(e.items)}}function vU(e,t){if(e&1&&(L(0,`div`,103),P(1,_U,8,2,`section`,104,iH),R()),e&2){let e=G(2);k(),F(e.groupedProviders())}}function yU(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`div`,18),D(),L(2,`svg`,19),z(3,`circle`,20)(4,`path`,21),R(),_s(),L(5,`input`,100,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(7,23),L(8,`span`,101),J(9),R()(),M(10,fU,1,3,`ng-container`,5),L(11,`p`,28),D(),L(12,`svg`,37),z(13,`circle`,38)(14,`path`,39),R(),_s(),L(15,`span`)(16,`strong`),J(17,`DI from source scan (static analysis).`),R(),J(18,` Connect the overlay to a development build to see the live injector tree. `),R()(),z(19,`app-angular-unavailable`,102),M(20,pU,7,1,`div`,32)(21,vU,3,0,`div`,103)}if(e&2){let e=G(),t=d_(5);k(5),I(`value`,e.query()),k(2),I(`ngTemplateOutlet`,t),k(2),Z(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),k(),N(e.loadFailed()?10:-1),k(9),I(`page`,e.angularPage()),k(),N(e.groupedProviders().length===0?20:21)}}var bU=`inj-null`,xU=`injectors.hideFramework`,SU=12,CU=600,wU={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function TU(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function EU(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function DU(e){return Array.isArray(e)}var OU=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=C(Ts);nullId=bU;hostPage=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()||this.hostPage));treeState=O(null);pageTitles=O({});chosenPageId=O(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 RE(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 DU(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return DU(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?GD(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=O([]);loaded=O(!1);treeFailed=O(!1);sourceFailed=O(!1);loadFailed=Q(()=>this.treeFailed()||this.sourceFailed());retrying=O(!1);host=C(Il);view=O(`element`);query=O(``);queryInput=Jv(`queryInput`);onlyProviding=O(!1);componentsOnly=O(!0);hideFramework=O(JV(xU)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=O(``);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(bU)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?EU(n):e===bU?`Null injector`:`Not listed`,kind:n?TU(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:EU(n),kind:TU(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,SU));providedByMore=Q(()=>Math.max(0,this.providerHits().length-SU));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=C(Ds);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){mc(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)},CU);e(()=>clearTimeout(n))}),mc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),mc(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(()=>{})}),mc(()=>{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 ${EU(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),YV(xU,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||Hd(()=>{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 EU(e)}kind(e){return TU(e)}tone(e){return wU[e]??wU.null}kindById(e){let t=this.index().map.get(e);return t?TU(t):`null`}labelById(e){let t=this.index().map.get(e);return t?EU(t):e===bU?`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?EU(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),Hd(()=>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=A({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&l_(t.queryInput,XV,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`],[`capability`,`injectorMetadata`,`compact`,``,3,`page`],[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`],[`capability`,`debugApi`,`compact`,``,3,`page`],[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,oH,7,5,`ng-template`,null,0,Ev)(4,cH,1,1,`ng-template`,null,1,Ev),M(6,sU,40,22)(7,cU,4,0,`div`,4)(8,lU,1,3,`ng-container`,5)(9,dU,6,1)(10,yU,22,7)),e&2&&(k(),Y(t.announcement()),k(5),N(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[hO,ub,OO,lM,fN],styles:[`[_nghost-%COMP%] {
+}`]})},YV=`pangular-pref`;function XV(e){try{let t=localStorage.getItem(`${YV}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function ZV(e,t){try{localStorage.setItem(`${YV}:${e}`,String(t))}catch{}}var QV=[`queryInput`],$V=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),eH=()=>({compact:!1}),tH=()=>({compact:!0}),nH=(e,t)=>t.node.injector.id,rH=(e,t)=>t.id,iH=(e,t)=>t.from+t.token+e,aH=(e,t)=>t.token+e,oH=(e,t)=>t.type,sH=(e,t)=>t.token+t.file+t.line;function cH(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 T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=t.compact,n=G();q(`compact`,e),k(2),X(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),k(3),j(`aria-disabled`,n.retrying()||null),k(),X(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function lH(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 T(e),E(G(2).selectPage(t))}),R()()}if(e&2){let e=G(2);k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function uH(e,t){e&1&&M(0,lH,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function dH(e,t){if(e&1){let e=H();L(0,`label`,24)(1,`input`,25),U(`change`,function(){T(e);let t=G(2);return E(t.componentsOnly.set(!t.componentsOnly()))}),R(),J(2,` Components only `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.componentsOnly())}}function fH(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G(2);k(),Y(e.frameworkHiddenText())}}function pH(e,t){e&1&&(L(0,`span`,27),J(1),R()),e&2&&(k(),X(`Change detection: `,t))}function mH(e,t){e&1&&(L(0,`p`,28),D(),L(1,`svg`,37),z(2,`circle`,38)(3,`path`,39),R(),_s(),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 hH(e,t){if(e&1){let e=H();L(0,`button`,43),U(`click`,function(){let t=T(e).$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),L(4,`span`,46),J(5),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),K(`background`,n.tone(e.kind)),k(2),Y(e.label),k(2),Y(e.tokens)}}function gH(e,t){e&1&&(L(0,`span`,42),J(1),R()),e&2&&(k(),X(`+`,t,` more`))}function _H(e,t){if(e&1&&(L(0,`div`,29)(1,`span`,40),J(2,`Provided by`),R(),P(3,hH,6,4,`button`,41,rH),M(5,gH,2,1,`span`,42),R()),e&2){let e,t=G(2);k(3),F(t.providedBy()),k(2),N((e=t.providedByMore())?5:-1,e)}}function vH(e,t){if(e&1){let e=H();L(0,`div`,30),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(2).clearQuery())}),J(3,`Clear search`),R()()}if(e&2){let e=G(2);k(),X(` Nothing here matches “`,e.query().trim(),`”. `)}}function yH(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function bH(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function xH(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function SH(e,t){e&1&&J(0,` Try a different search. `)}function CH(e,t){if(e&1&&(L(0,`div`,32)(1,`p`,7),J(2,`No injectors to show`),R(),L(3,`p`,8),M(4,yH,1,0)(5,bH,1,0)(6,xH,1,0)(7,SH,1,0),R()()),e&2){let e=G(2);k(4),N(e.hideFramework()&&e.frameworkHiddenCount().injectors>0?4:e.onlyProviding()?5:e.componentsOnly()&&e.view()===`element`?6:7)}}function wH(e,t){if(e&1){let e=H();L(0,`span`,58),U(`click`,function(t){T(e);let n=G().$implicit;return E(G(2).toggle(n.node.injector.id,t))}),D(),L(1,`svg`,59),z(2,`path`,60),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function TH(e,t){e&1&&z(0,`span`,50)}function EH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.component)}}function DH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.directives.join(`, `))}}function OH(e,t){if(e&1&&(L(0,`span`,56),D(),L(1,`svg`,37),z(2,`path`,61),R(),_s(),L(3,`span`,52),J(4,`injects`),R(),J(5),R()),e&2){let e=G().$implicit;j(`title`,e.node.dependencies.length+` injected`),k(5),X(` `,e.node.dependencies.length,` `)}}function kH(e,t){if(e&1&&(L(0,`span`,57),D(),L(1,`svg`,37),z(2,`path`,62),R(),_s(),L(3,`span`,52),J(4,`provides`),R(),J(5),R()),e&2){let e=t;j(`title`,e+` provided`),k(5),X(` `,e,` `)}}function AH(e,t){if(e&1){let e=H();L(0,`div`,48),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.node.injector.id))})(`focus`,function(){let t=T(e).$implicit,n=G(2);return n.focusId.set(t.node.injector.id),E(n.highlight(t.node))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.node))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,wH,3,2,`span`,49)(2,TH,1,0,`span`,50),L(3,`span`,51),J(4),R(),L(5,`span`,52),J(6),R(),L(7,`span`,53),J(8),R(),M(9,EH,2,1,`span`,54)(10,DH,2,1,`span`,54),L(11,`span`,55),M(12,OH,6,2,`span`,56),M(13,kH,6,2,`span`,57),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),k(),N(n.hasChildren?1:2),k(2),K(`--%NS%tone`,r.tone(r.kind(n.node))),j(`title`,r.kind(n.node)),k(),Y(r.kind(n.node)[0].toUpperCase()),k(2),Y(r.kind(n.node)),k(2),Y(r.label(n.node)),k(),N(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),k(3),N((n.node.dependencies?.length??0)>0?12:-1),k(),N((e=r.providerCount(n.node))?13:-1,e)}}function jH(e,t){if(e&1){let e=H();L(0,`button`,9),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.node.injector.id))}),J(1),R()}if(e&2){let e=G(3);k(),X(` Show `,e.label(t.node),` `)}}function MH(e,t){if(e&1&&(L(0,`section`,35)(1,`header`,63)(2,`h2`,64),J(3),R()(),L(4,`div`,65)(5,`p`,8),J(6,` This injector is no longer on the page. Its component or directive was destroyed. `),R(),M(7,jH,2,1,`button`,66),R()()),e&2){let e,n=G(2);k(3),Y(t),k(4),N((e=n.rows()[0])?7:-1,e)}}function NH(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),k(),Y(e)}}function PH(e,t){if(e&1&&(L(0,`ul`,68),P(1,NH,2,3,`li`,77,Ag),R()),e&2){let e=G();k(),F(e.injector.directives)}}function FH(e,t){if(e&1){let e=H();L(0,`button`,78),U(`click`,function(){let t=T(e);return E(G(3).openComponent(t))}),J(1,` Show in Components `),L(2,`span`,52),J(3),R()()}if(e&2){let e=G();k(3),X(`: `,e.injector.component)}}function IH(e,t){if(e&1&&(L(0,`span`,79),z(1,`span`,44),J(2,` Null injector `),L(3,`span`,81),J(4,`throws NullInjectorError`),R()()),e&2){let e=G(4);k(),K(`background`,e.tone(`null`))}}function LH(e,t){if(e&1&&(L(0,`span`,83),J(1),L(2,`span`,52),J(3),R()()),e&2){let e=G(2).$implicit;k(),X(` `,e.providers,` `),k(2),Y(e.providers===1?`provider`:`providers`)}}function RH(e,t){if(e&1){let e=H();L(0,`button`,82),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),M(4,LH,4,2,`span`,83),R()}if(e&2){let e=G().$implicit,t=G(3);k(),K(`background`,t.tone(e.kind)),k(2),Y(e.label),k(),N(e.providers?4:-1)}}function zH(e,t){if(e&1&&(L(0,`li`),M(1,IH,5,2,`span`,79)(2,RH,5,4,`button`,80),R()),e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`current`,n===0),k(),N(e.id===r.nullId?1:2)}}function BH(e,t){e&1&&(L(0,`p`,71),J(1,`Only services this injector has already created are listed.`),R())}function VH(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function HH(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`for `,e.from)}}function UH(e,t){if(e&1){let e=H();L(0,`button`,94),U(`click`,function(){let t=T(e);return E(G(6).reveal(t))}),z(1,`span`,44),J(2,` from `),L(3,`span`,45),J(4),R()()}if(e&2){let e=t,n=G(6);k(),K(`background`,n.tone(n.kindById(e))),k(3),Y(n.labelById(e))}}function WH(e,t){e&1&&(L(0,`span`,92),J(1,`optional, not provided`),R())}function GH(e,t){e&1&&(L(0,`span`,93),J(1,`not provided anywhere`),R())}function KH(e,t){if(e&1&&(L(0,`li`,86)(1,`div`,87)(2,`span`,88),J(3),R(),P(4,VH,2,1,`span`,89,Ag),R(),L(6,`div`,90),M(7,HH,2,1,`span`),M(8,UH,5,3,`button`,91)(9,WH,2,0,`span`,92)(10,GH,2,0,`span`,93),R()()),e&2){let e,n=t.$implicit,r=G(3);q(`hit`,G(2).matches(n.token)),k(3),Y(n.token),k(),F(n.flags),k(3),N(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),k(),N((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function qH(e,t){if(e&1&&(L(0,`ul`,84),P(1,KH,11,5,`li`,85,iH),R()),e&2){let e=G(2);k(),F(e.dependencies)}}function JH(e,t){e&1&&(L(0,`p`,76),J(1,`Nothing is injected through the constructor or inject().`),R())}function YH(e,t){e&1&&(L(0,`p`,76),J(1,`No service created here has injected anything yet.`),R())}function XH(e,t){if(e&1&&(L(0,`div`,70)(1,`h3`),J(2),L(3,`span`,17),J(4),R()(),M(5,BH,2,0,`p`,71),M(6,qH,3,0,`ul`,84)(7,JH,2,0,`p`,76)(8,YH,2,0,`p`,76),R()),e&2){let e=G();k(2),X(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),k(2),Y(e.dependencies?.length??0),k(),N(e.injector.type===`element`?-1:5),k(),N(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function ZH(e,t){if(e&1){let e=H();L(0,`p`,74),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(3).setHideFramework(!1))}),J(3,` Show them `),R()()}if(e&2){let e=t;k(),Z(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function QH(e,t){e&1&&(L(0,`span`,89),J(1,`viewProviders`),R())}function $H(e,t){e&1&&(L(0,`span`,89),J(1,`multi`),R())}function eU(e,t){e&1&&(L(0,`span`,89),J(1,`Angular`),R())}function tU(e,t){if(e&1&&(L(0,`div`,90),J(1),R()),e&2){let e=G(2).$implicit;k(),X(`via `,e.importPath.join(` › `))}}function nU(e,t){if(e&1&&(L(0,`li`,96)(1,`div`,87)(2,`span`,88),J(3),R(),L(4,`span`,97),J(5),R(),M(6,QH,2,0,`span`,89),M(7,$H,2,0,`span`,89),M(8,eU,2,0,`span`,89),R(),M(9,tU,2,1,`div`,90),z(10,`app-store-global`,98),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2),i=G(2);q(`hit`,i.matches(t.token)),k(3),Y(t.token),k(2),Y(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),k(),N(t.isViewProvider?6:-1),k(),N(t.multi?7:-1),k(),N(t.framework?8:-1),k(),N(t.importPath?.length?9:-1),k(),I(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,gv(13,$V,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function rU(e,t){if(e&1&&M(0,nU,11,17,`li`,95),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function iU(e,t){if(e&1&&(L(0,`ul`,75),P(1,rU,1,1,null,null,aH),R()),e&2){let e=G();k(),F(e.providers)}}function aU(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function oU(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function sU(e,t){if(e&1&&(L(0,`p`,76),M(1,aU,1,0)(2,oU,1,0),R()),e&2){let e=G();k(),N(e.injector.type===`element`?1:2)}}function cU(e,t){if(e&1&&(L(0,`section`,36)(1,`header`,63)(2,`span`,67),J(3),R(),L(4,`h2`,64),J(5),R(),M(6,PH,3,0,`ul`,68),M(7,FH,4,1,`button`,69),R(),L(8,`div`,70)(9,`h3`),J(10,`Lookup path`),R(),L(11,`p`,71),J(12,`Angular asks these injectors in order until one has the token.`),R(),L(13,`ol`,72),P(14,zH,3,3,`li`,73,rH),R()(),M(16,XH,9,4,`div`,70),L(17,`div`,70)(18,`h3`),J(19,` Provides `),L(20,`span`,17),J(21),R()(),M(22,ZH,4,2,`p`,74),M(23,iU,3,0,`ul`,75)(24,sU,3,1,`p`,76),R()()),e&2){let e,n,r=t,i=G(2);k(2),K(`--%NS%tone`,i.tone(i.kind(r))),k(),Y(i.kind(r)),k(2),Y(i.label(r)),k(),N(r.injector.directives?.length?6:-1),k(),N((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),k(7),F(i.path()),k(2),N(r.injector.type===`element`||r.dependencies?16:-1),k(5),Y(i.providerCount(r)),k(),N((n=i.hiddenProviders(r))?22:-1,n),k(),N(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function lU(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,`app-angular-unavailable`,14),J(3,` This tree shows the element injectors the page reports, with providers and environment injectors only where its Angular exposes them. `),R(),L(4,`div`,15)(5,`div`,16)(6,`button`,9),U(`click`,function(){return T(e),E(G().setView(`element`))}),J(7,` Elements `),L(8,`span`,17),J(9),R()(),L(10,`button`,9),U(`click`,function(){return T(e),E(G().setView(`environment`))}),J(11,` Environment `),L(12,`span`,17),J(13),R()()(),L(14,`div`,18),D(),L(15,`svg`,19),z(16,`circle`,20)(17,`path`,21),R(),_s(),L(18,`input`,22,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(20,23),M(21,dH,3,1,`label`,24),L(22,`label`,24)(23,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.onlyProviding.set(!t.onlyProviding()))}),R(),J(24,` With providers `),R(),L(25,`label`,24)(26,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.setHideFramework(!t.hideFramework()))}),R(),J(27,` Hide framework `),R(),M(28,fH,2,1,`span`,26),M(29,pH,2,1,`span`,27),R(),M(30,mH,8,0,`p`,28),M(31,_H,6,1,`div`,29)(32,vH,4,1,`div`,30),L(33,`div`,31),M(34,CH,8,1,`div`,32),L(35,`div`,33),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(36,AH,14,19,`div`,34,nH),R(),M(38,MH,8,2,`section`,35)(39,cU,25,10,`section`,36),R()}if(e&2){let e,t,n=G(),r=d_(5);k(2),I(`page`,n.angularPage()),k(4),q(`active`,n.view()===`element`),j(`aria-pressed`,n.view()===`element`),k(3),Y(n.elementCount()),k(),q(`active`,n.view()===`environment`),j(`aria-pressed`,n.view()===`environment`),k(3),Y(n.environmentCount()),k(5),I(`value`,n.query()),k(2),I(`ngTemplateOutlet`,r),k(),N(n.view()===`element`?21:-1),k(2),I(`checked`,n.onlyProviding()),k(3),I(`checked`,n.hideFramework()),k(2),N(n.hideFramework()?28:-1),k(),N((e=n.zone())?29:-1,e),k(),N(n.truncated()?30:-1),k(),N(n.providedBy().length?31:n.query().trim()&&!n.rows().length?32:-1),k(3),N(n.rows().length?-1:34),k(),I(`hidden`,!n.rows().length),j(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),k(),F(n.rows()),k(2),N((t=n.gone())?38:(t=n.selected())?39:-1,t)}}function uU(e,t){e&1&&(L(0,`div`,4),z(1,`span`,99),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function dU(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,eH)))}function fU(e,t){if(e&1&&(L(0,`div`,15),Gg(1,23),R()),e&2){G(2);let e=d_(5);k(),I(`ngTemplateOutlet`,e)}}function pU(e,t){e&1&&(M(0,fU,2,1,`div`,15),L(1,`div`,32)(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 mU(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,tH)))}function hU(e,t){if(e&1){let e=H();L(0,`div`,32)(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 T(e),E(G(2).clearQuery())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No providers match “`,e.query(),`”`)}}function gU(e,t){if(e&1&&(L(0,`span`,110),J(1),R()),e&2){let e=G().$implicit;k(),X(`providedIn: `,e.providedIn)}}function _U(e,t){if(e&1&&(L(0,`span`,113),J(1),R()),e&2){let e=G().$implicit;k(),X(`as `,e.source)}}function vU(e,t){if(e&1&&(L(0,`li`,107)(1,`div`,108)(2,`span`,109),J(3),R(),M(4,gU,2,1,`span`,110),R(),L(5,`div`,111),z(6,`app-source-link`,112),M(7,_U,2,1,`span`,113),R()()),e&2){let e=t.$implicit;k(3),Y(e.token),k(),N(e.providedIn?4:-1),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function yU(e,t){if(e&1&&(L(0,`section`,104)(1,`h2`),J(2),L(3,`span`,105),J(4),R()(),L(5,`ul`,106),P(6,vU,8,5,`li`,107,sH),R()()),e&2){let e=t.$implicit;k(2),X(` `,e.label,` `),k(2),Y(e.items.length),k(2),F(e.items)}}function bU(e,t){if(e&1&&(L(0,`div`,103),P(1,yU,8,2,`section`,104,oH),R()),e&2){let e=G(2);k(),F(e.groupedProviders())}}function xU(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`div`,18),D(),L(2,`svg`,19),z(3,`circle`,20)(4,`path`,21),R(),_s(),L(5,`input`,100,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(7,23),L(8,`span`,101),J(9),R()(),M(10,mU,1,3,`ng-container`,5),L(11,`p`,28),D(),L(12,`svg`,37),z(13,`circle`,38)(14,`path`,39),R(),_s(),L(15,`span`)(16,`strong`),J(17,`DI from source scan (static analysis).`),R(),J(18,` Connect the overlay to a development build to see the live injector tree. `),R()(),z(19,`app-angular-unavailable`,102),M(20,hU,7,1,`div`,32)(21,bU,3,0,`div`,103)}if(e&2){let e=G(),t=d_(5);k(5),I(`value`,e.query()),k(2),I(`ngTemplateOutlet`,t),k(2),Z(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),k(),N(e.loadFailed()?10:-1),k(9),I(`page`,e.angularPage()),k(),N(e.groupedProviders().length===0?20:21)}}var SU=`inj-null`,CU=`injectors.hideFramework`,wU=12,TU=600,EU={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function DU(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function OU(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function kU(e){return Array.isArray(e)}var AU=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=C(Ts);nullId=SU;hostPage=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()||this.hostPage));treeState=O(null);pageTitles=O({});chosenPageId=O(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 RE(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 kU(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return kU(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?GD(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=O([]);loaded=O(!1);treeFailed=O(!1);sourceFailed=O(!1);loadFailed=Q(()=>this.treeFailed()||this.sourceFailed());retrying=O(!1);host=C(Il);view=O(`element`);query=O(``);queryInput=Jv(`queryInput`);onlyProviding=O(!1);componentsOnly=O(!0);hideFramework=O(XV(CU)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=O(``);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(SU)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?OU(n):e===SU?`Null injector`:`Not listed`,kind:n?DU(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:OU(n),kind:DU(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,wU));providedByMore=Q(()=>Math.max(0,this.providerHits().length-wU));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=C(Ds);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){mc(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)},TU);e(()=>clearTimeout(n))}),mc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),mc(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(()=>{})}),mc(()=>{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 ${OU(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),ZV(CU,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||Hd(()=>{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 OU(e)}kind(e){return DU(e)}tone(e){return EU[e]??EU.null}kindById(e){let t=this.index().map.get(e);return t?DU(t):`null`}labelById(e){let t=this.index().map.get(e);return t?OU(t):e===SU?`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?OU(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),Hd(()=>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=A({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&l_(t.queryInput,QV,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`],[`capability`,`injectorMetadata`,`compact`,``,3,`page`],[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`],[`capability`,`debugApi`,`compact`,``,3,`page`],[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,cH,7,5,`ng-template`,null,0,Ev)(4,uH,1,1,`ng-template`,null,1,Ev),M(6,lU,40,22)(7,uU,4,0,`div`,4)(8,dU,1,3,`ng-container`,5)(9,pU,6,1)(10,xU,22,7)),e&2&&(k(),Y(t.announcement()),k(5),N(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[hO,ub,OO,uM,pN],styles:[`[_nghost-%COMP%] {
   --%NS%directive: #7cb4ff;
   display: block;
   color: var(--%NS%text);
@@ -8153,11 +8159,11 @@ button[_ngcontent-%COMP%] {
 
 .provider-meta[_ngcontent-%COMP%]   .as[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
-}`]})},kU=1e3;function AU(e){return`${e>=1e3?`${kU}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function jU(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 MU(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 NU=`@type`,PU=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function FU(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&NU in e&&PU.has(e[NU])}function IU(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function LU(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+LU(e,n)).join(`,
-`)}\n${t}]`:`[]`;if(FU(e)){let r=e;switch(r[NU]){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}${LU(e,n)} => ${LU(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+LU(e,n)).join(`,
-`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[NU])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${IU(e)}: ${LU(t,n)}`).join(`,
-`)}\n${t}}`:`{}`}function RU(e,t=120){let n=LU(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var zU=[`eventDetailHeading`],BU=[`cancelButton`],VU=[`restoreButton`],HU=[`stateTree`],UU=[`filterInput`],WU=[`latestButton`],GU=[`logList`],KU=[`eventsList`],qU=e=>({kind:`ngrx`,storeId:e}),JU=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),YU=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),XU=(e,t)=>t.id,ZU=(e,t)=>t.entry.seq,QU=(e,t)=>t.key,$U=(e,t)=>t.name,eW=(e,t)=>t.idsKey,tW=(e,t)=>t.path,nW=(e,t)=>t.kind,rW=(e,t)=>t.name+t.file+t.line;function iW(e,t){if(e&1){let e=H();L(0,`span`,27),J(1,`Page`),R(),L(2,`app-select`,28),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()}if(e&2){let e=G();k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function aW(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.liveStores().length)}}function oW(e,t){if(e&1){let e=H();L(0,`div`,17)(1,`p`,29),J(2,`Could not load the live store state.`),R(),L(3,`p`,30),J(4,`Check that the dev server with Pangular Inspector is still running.`),R(),L(5,`button`,31),U(`click`,function(){return T(e),E(G().retry())}),J(6,`Retry`),R()()}}function sW(e,t){e&1&&(L(0,`div`,18)(1,`p`,29),J(2,`Loading…`),R()())}function cW(e,t){e&1&&(L(0,`div`,19)(1,`p`,29),J(2,`No page is reporting NgRx state yet.`),R(),L(3,`p`,30),J(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),R()())}function lW(e,t){e&1&&(L(0,`p`,29),J(1,`No signal store instance on this page yet.`),R(),L(2,`p`,30),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 uW(e,t){e&1&&(L(0,`p`,29),J(1,`The @ngrx/store Store was not found on this page.`),R(),L(2,`p`,30),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 dW(e,t){e&1&&(L(0,`p`,29),J(1,`This page has no NgRx store.`),R(),L(2,`p`,30),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 fW(e,t){if(e&1&&(L(0,`app-angular-unavailable`,32),J(1,` The overlay finds stores through the injectors, so stores it can't reach from a component are not listed. `),R(),L(2,`div`,19),M(3,lW,7,0)(4,uW,10,0)(5,dW,16,0),R()),e&2){let e=G();I(`page`,e.angularPage()),k(3),N(e.usesSignals()?3:e.usesClassic()?4:5)}}function pW(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectStore(t.id))}),L(2,`span`,37),z(3,`span`,38),L(4,`span`,39),J(5),R()(),L(6,`span`,40),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);k(),q(`selected`,e.id===n.store()?.id),j(`aria-pressed`,e.id===n.store()?.id),k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.label),k(2),iv(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.changeCount(e.id),` `,n.changeCount(e.id)===1?`change`:`changes`,` `)}}function mW(e,t){e&1&&(L(0,`li`,34),J(1,`No stores match this filter.`),R())}function hW(e,t){e&1&&z(0,`app-source-link`,44),e&2&&I(`file`,t)}function gW(e,t){if(e&1&&(L(0,`span`,43),J(1),R()),e&2){let e=G();k(),Y(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function _W(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function vW(e,t){if(e&1&&(L(0,`p`,45),J(1,` Referenced by `),P(2,_W,3,2,null,null,Ag),R()),e&2){let e=G();k(2),F(e.signal.references)}}function yW(e,t){if(e&1&&(L(0,`p`,63),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function bW(e,t){if(e&1){let e=H();L(0,`div`,46)(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`,62,4),U(`click`,function(){return T(e),E(G(3).backToLatest())}),J(7,` Back to latest `),R(),M(8,yW,2,1,`p`,63),R()}if(e&2){let e=G(3);k(5),I(`disabled`,e.busy()||!e.canRestore()),j(`aria-describedby`,e.canRestore()?null:`store-latest-off`),k(3),N(e.canRestore()?-1:8)}}function xW(e,t){if(e&1&&(L(0,`dt`),J(1),R(),L(2,`dd`)(3,`code`,71),J(4),R()()),e&2){let e=t.$implicit;k(),Y(e.key),k(2),I(`title`,e.full),k(),Y(e.value)}}function SW(e,t){if(e&1&&(L(0,`dl`,66),P(1,xW,5,3,null,null,QU),R()),e&2){let e=G(4);k(),F(e.computedEntries())}}function CW(e,t){e&1&&(L(0,`p`,67),J(1,`No computed signals.`),R())}function wW(e,t){e&1&&(L(0,`span`,73),J(1,`signalMethod`),R())}function TW(e,t){e&1&&(L(0,`span`,73),J(1,`rxMethod`),R())}function EW(e,t){if(e&1&&(L(0,`li`,72),J(1),M(2,wW,2,0,`span`,73)(3,TW,2,0,`span`,73),L(4,`span`,74),J(5),R()()),e&2){let e=t.$implicit,n=G(5);k(),X(` `,e.name,` `),k(),N(e.signalMethod?2:e.rx?3:-1),k(3),rv(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function DW(e,t){if(e&1&&(L(0,`ul`,69),P(1,EW,6,5,`li`,72,$U),R()),e&2){let e=G();k(),F(e.methods)}}function OW(e,t){e&1&&(L(0,`p`,67),J(1,`No methods.`),R())}function kW(e,t){if(e&1&&(L(0,`li`,72),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function AW(e,t){if(e&1&&(L(0,`li`,81),J(1),R()),e&2){let e=G().$implicit;I(`title`,G(5).entityOverflowTitle(e.ids,e.count)),k(),X(` +`,e.count-30,` more `)}}function jW(e,t){if(e&1&&(L(0,`code`,71),J(1),R()),e&2){let e=G(2).$implicit,t=G(5);I(`title`,t.prettyText(e.selected)),k(),Y(t.shortText(e.selected))}}function MW(e,t){e&1&&(L(0,`span`,67),J(1,`None selected`),R())}function NW(e,t){if(e&1&&(L(0,`dl`,66)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,jW,2,2,`code`,71)(5,MW,2,0,`span`,67),R()()),e&2){let e=G().$implicit;k(4),N(e.selected===void 0?5:4)}}function PW(e,t){if(e&1&&(L(0,`div`,77)(1,`div`,78)(2,`span`,72),J(3),R(),L(4,`span`,79),J(5),R()(),L(6,`ul`,80),P(7,kW,2,1,`li`,72,Ag),M(9,AW,2,2,`li`,81),R(),M(10,NW,6,1,`dl`,66),R()),e&2){let e=t.$implicit,n=G(5);k(3),Y(e.collection??`entities`),k(2),Z(``,e.count,` `,e.count===1?`entity`:`entities`),k(),j(`aria-label`,(e.collection??`entities`)+` ids`),k(),F(n.entityIds(e.ids)),k(2),N(e.count>30?9:-1),k(),N(e.selectedId===void 0?-1:10)}}function FW(e,t){if(e&1&&(L(0,`section`,70)(1,`h4`,75),J(2,`Entities`),R(),L(3,`div`,76),P(4,PW,11,6,`div`,77,eW),R()()),e&2){let e=G();k(4),F(e.entities)}}function IW(e,t){if(e&1&&(L(0,`section`,64)(1,`h4`,65),J(2,`Computed`),R(),M(3,SW,3,0,`dl`,66)(4,CW,2,0,`p`,67),L(5,`h4`,68),J(6,`Methods`),R(),M(7,DW,3,0,`ul`,69)(8,OW,2,0,`p`,67),R(),M(9,FW,6,0,`section`,70)),e&2){let e=t,n=G(3);k(3),N(n.computedEntries().length?3:4),k(4),N(e.methods.length?7:8),k(2),N(e.entities?.length?9:-1)}}function LW(e,t){if(e&1&&(L(0,`span`,86),J(1),R()),e&2){let e=t;I(`title`,`Caused by `+G(4).kindLabel(`event`)+`: `+e.type),k(),Y(e.type)}}function RW(e,t){if(e&1&&(L(0,`span`,73),J(1),R()),e&2){G();let e=fv(0);k(),Y(e.origin)}}function zW(e,t){if(e&1&&J(0),e&2){G();let e=fv(0);X(` · `,G(3).formatDuration(e.durationMs),` `)}}function BW(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,82),U(`click`,function(){T(e);let t=fv(0);return E(G(3).selectChange(t.seq))}),L(3,`span`,83),J(4),R(),L(5,`span`,84)(6,`span`,85),J(7),R(),M(8,LW,2,2,`span`,86),R(),L(9,`span`,87),M(10,RW,2,1,`span`,73),J(11),M(12,zW,1,1),R()()()}if(e&2){let e,n=t.$implicit,r=G(3),i=dv(n.entry);k(),j(`data-vindex`,n.index)(`aria-setsize`,r.logWindow.enabled()?r.storeLog().length:null)(`aria-posinset`,r.logWindow.enabled()?n.index+1:null),k(),q(`selected`,i.seq===r.selectedChangeSeq()),j(`aria-pressed`,i.seq===r.selectedChangeSeq())(`aria-controls`,i.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),k(2),X(`#`,i.seq),k(2),I(`title`,i.type),k(),Y(i.type),k(),N((e=i.causedByEvent)?8:-1,e),k(2),N(i.origin?10:-1),k(),Z(` `,r.changesLabel(i),` · `,r.formatTime(i.timestamp),` `),k(),N(i.durationMs===void 0?-1:12)}}function VW(e,t){e&1&&J(0,` No entries match this filter. `)}function HW(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function UW(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function WW(e,t){if(e&1&&(L(0,`li`,34),M(1,VW,1,0)(2,HW,1,0)(3,UW,1,0),R()),e&2){let e=G(),t=G(2);k(),N(t.filter()?1:e.classic?2:3)}}function GW(e,t){if(e&1&&(L(0,`div`,60),Gg(1,88),R()),e&2){G(3);let e=d_(21);k(),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,JU,t))}}function KW(e,t){if(e&1&&z(0,`option`,93),e&2){let e=t.$implicit;I(`value`,e)}}function qW(e,t){if(e&1&&(L(0,`p`,99),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function JW(e,t){if(e&1){let e=H();L(0,`section`,61)(1,`h4`,89),J(2,`Dispatch an action`),R(),L(3,`form`,90),U(`submit`,function(t){return T(e),E(G(3).dispatchAction(t))}),L(4,`label`)(5,`span`),J(6,`Type`),R(),L(7,`input`,91),U(`input`,function(t){return T(e),E(G(3).dispatchType.set(t.target.value))}),R()(),L(8,`datalist`,92),P(9,KW,1,1,`option`,93,Ag),R(),L(11,`label`)(12,`span`),J(13,`Payload `),L(14,`span`,94),J(15,`(JSON object, optional)`),R()(),L(16,`textarea`,95),U(`input`,function(t){return T(e),E(G(3).dispatchPayload.set(t.target.value))}),R()(),L(17,`p`,96),J(18),R(),L(19,`div`,97)(20,`button`,98),J(21,` Dispatch `),R()(),M(22,qW,2,1,`p`,99),R()()}if(e&2){let e=G(3);k(7),I(`value`,e.dispatchType()),k(2),F(e.actionTypes()),k(7),I(`value`,e.dispatchPayload()),j(`aria-invalid`,e.payloadError()?`true`:null),k(2),Y(e.payloadError()),k(2),I(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),j(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),k(2),N(e.canRestore()?-1:22)}}function YW(e,t){if(e&1){let e=H();L(0,`div`,35)(1,`div`,41)(2,`h3`),J(3),R(),L(4,`div`,42)(5,`span`,43),J(6),R(),L(7,`span`,43),J(8),R(),M(9,hW,1,1,`app-source-link`,44),M(10,gW,2,1,`span`,43),R(),M(11,vW,4,0,`p`,45),R(),M(12,bW,9,3,`div`,46),L(13,`div`,47)(14,`section`,48)(15,`div`,49)(16,`h4`,50),J(17,`State`),R(),L(18,`div`,51),z(19,`app-store-global`,52),L(20,`button`,53),U(`click`,function(){return T(e),E(G(2).copyState())}),J(21,` Copy `),R()()(),L(22,`pre`,54,2),J(24),R()(),M(25,IW,10,3),R(),L(26,`section`,55)(27,`h4`,56),J(28),L(29,`span`,16),J(30),R()(),z(31,`app-limit-note`,57),L(32,`div`,58)(33,`ul`,59,3),P(35,BW,13,16,`li`,null,ZU,!1,WW,4,1,`li`,34),R(),M(38,GW,2,4,`div`,60),R()(),M(39,JW,23,7,`section`,61),R()}if(e&2){let e,n,r,i=t,a=G(2);k(3),Y(i.label),k(3),Y(a.kindLabel(i.kind)),k(2),X(`scope: `,i.scope),k(),N((e=i.signal?.declaredIn)?9:-1,e),k(),N(i.classic?10:-1),k(),N(i.signal?.references?.length?11:-1),k(),N(i.classic?.paused?12:-1),k(7),I(`rpc`,a.rpc())(`pageId`,a.page()?.pageId)(`target`,hv(26,qU,i.id))(`label`,i.label+` state`),k(5),Y(a.stateText()),k(),N((n=i.signal)?25:-1,n),k(3),X(` `,i.classic?`Action log`:`Change log`,` `),k(2),Y(a.storeLog().length),k(),I(`dropped`,a.page()?.dropped??0)(`max`,a.maxLog()),k(2),K(`padding-top`,a.logWindow.enabled()?2+a.logWindow.padTop():null,`px`)(`padding-bottom`,a.logWindow.enabled()?2+a.logWindow.padBottom():null,`px`),I(`rovingWindow`,a.logWindow),j(`aria-label`,i.classic?`Actions`:`Changes`),k(2),F(a.shownLog()),k(3),N((r=a.changeEntry())?38:-1,r),k(),N(i.classic?39:-1)}}function XW(e,t){if(e&1&&(L(0,`div`,20)(1,`ul`,33),P(2,pW,8,10,`li`,null,XU,!1,mW,2,0,`li`,34),R(),M(5,YW,40,28,`div`,35),R()),e&2){let e,t=G();k(2),F(t.filteredStores()),k(3),N((e=t.store())?5:-1,e)}}function ZW(e,t){if(e&1&&(L(0,`code`,106),J(1),R()),e&2){G();let e=fv(0),t=G(2);I(`title`,t.prettyText(e.payload)),k(),Y(t.shortText(e.payload))}}function QW(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,104),U(`click`,function(){T(e);let t=fv(0);return E(G(2).selectEvent(t.seq))}),z(3,`span`,38),L(4,`span`,105),J(5),R(),M(6,ZW,2,2,`code`,106),L(7,`span`,107),J(8),R()()()}if(e&2){let e=t.$implicit,n=G(2),r=dv(e.entry);k(),j(`data-vindex`,e.index)(`aria-setsize`,n.eventWindow.enabled()?n.pageEvents().length:null)(`aria-posinset`,n.eventWindow.enabled()?e.index+1:null),k(),q(`selected`,r.seq===n.selectedEventSeq()),j(`aria-pressed`,r.seq===n.selectedEventSeq())(`aria-controls`,r.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),k(),K(`background`,n.kindColor(`event`)),k(),I(`title`,r.eventType??r.type),k(),Y(r.eventType??r.type),k(),N(r.payload===void 0?-1:6),k(2),Y(n.formatTime(r.timestamp))}}function $W(e,t){e&1&&(L(0,`li`,34),J(1,`No events match this filter.`),R())}function eG(e,t){if(e&1&&(L(0,`div`,103,6),Gg(2,88),R()),e&2){G(2);let e=d_(21);k(2),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,YU,t))}}function tG(e,t){if(e&1&&(L(0,`section`,22)(1,`div`,14)(2,`h2`,100),J(3,`Events`),R(),L(4,`span`,16),J(5),R()(),L(6,`p`,101),J(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),R(),L(8,`ul`,102,5),P(10,QW,9,14,`li`,null,ZU,!1,$W,2,0,`li`,34),R(),M(13,eG,3,4,`div`,103),R()),e&2){let e,t=G();k(5),Y(t.pageEvents().length),k(3),K(`padding-top`,t.eventWindow.enabled()?6+t.eventWindow.padTop():null,`px`)(`padding-bottom`,t.eventWindow.enabled()?6+t.eventWindow.padBottom():null,`px`),I(`rovingWindow`,t.eventWindow),k(2),F(t.shownEvents()),k(3),N((e=t.eventEntry())?13:-1,e)}}function nG(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();k(3),Y(t.originText(e.origin))}}function rG(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();k(3),Y(t.formatDuration(e.durationMs))}}function iG(e,t){if(e&1&&(L(0,`dt`),J(1,`Action`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.action))}}function aG(e,t){if(e&1&&(L(0,`dt`),J(1,`Arguments`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.args))}}function oG(e,t){if(e&1&&(L(0,`dt`),J(1,`Payload`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.payload))}}function sG(e,t){if(e&1&&(L(0,`pre`,112),J(1),R()),e&2){let e=G(),t=G(2);k(),Y(t.prettyText(e.payload))}}function cG(e,t){if(e&1&&(L(0,`dt`),J(1,`Caused by event`),R(),L(2,`dd`)(3,`code`,113),J(4),R(),M(5,sG,2,1,`pre`,112),R()),e&2){let e=t;k(4),Y(e.type),k(),N(e.payload===void 0?-1:5)}}function lG(e,t){if(e&1){let e=H();L(0,`button`,117),U(`click`,function(){T(e);let t=G(2).selected;return E(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 uG(e,t){if(e&1&&(L(0,`code`,123),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.before))}}function dG(e,t){e&1&&(L(0,`span`,125),J(1,`→`),R(),L(2,`span`,126),J(3,`became`),R())}function fG(e,t){if(e&1&&(L(0,`code`,124),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.after))}}function pG(e,t){if(e&1&&(L(0,`li`)(1,`span`,120),J(2),R(),L(3,`code`,121),J(4),R(),L(5,`span`,122),M(6,uG,2,1,`code`,123),M(7,dG,4,0),M(8,fG,2,1,`code`,124),R()()),e&2){let e=t.$implicit,n=G(4);M_(`diff-row `+e.op),k(2),Y(n.opLabel(e.op)),k(2),Y(e.path),k(2),N(e.op===`add`?-1:6),k(),N(e.op===`change`?7:-1),k(),N(e.op===`remove`?-1:8)}}function mG(e,t){if(e&1&&(L(0,`p`,67),J(1),R()),e&2){let e=G(3).selected,t=G();k(),Y(t.moreChanges(e.diffTruncated))}}function hG(e,t){if(e&1&&(L(0,`ul`,118),P(1,pG,9,7,`li`,119,tW),R(),M(3,mG,2,1,`p`,67)),e&2){let e=G(2).selected;k(),F(e.diff),k(2),N(e.diffTruncated?3:-1)}}function gG(e,t){e&1&&(L(0,`p`,67),J(1,`The state did not change.`),R())}function _G(e,t){if(e&1&&(L(0,`div`,114)(1,`div`,115),J(2,`State diff`),R(),M(3,lG,2,1,`button`,116),R(),M(4,hG,4,1)(5,gG,2,0,`p`,67)),e&2){let e=G(),t=e.selected,n=e.headingLevel;k(),j(`aria-level`,n+1),k(2),N(t.diff.length?3:-1),k(),N(t.diff.length?4:5)}}function vG(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 yG(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 bG(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 xG(e,t){if(e&1&&M(0,yG,1,2)(1,bG,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function SG(e,t){if(e&1){let e=H();L(0,`div`,127),U(`keydown.escape`,function(t){return T(e),E(G(2).cancelRestore(t))}),L(1,`p`,128),M(2,vG,1,1)(3,xG,2,1),R(),L(4,`div`,97)(5,`button`,62),U(`click`,function(){T(e);let t=G().selected;return E(G().restore(t.seq,t.source===`store`))}),J(6,` Restore `),R(),L(7,`button`,31,7),U(`click`,function(){return T(e),E(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`),k(),I(`id`,n+`-confirm-text`),k(),N(t.source===`store`?2:3),k(3),I(`disabled`,r.busy())}}function CG(e,t){if(e&1){let e=H();L(0,`button`,133,8),U(`click`,function(){T(e);let t=G(2).selected;return E(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 wG(e,t){if(e&1){let e=H();L(0,`button`,134),U(`click`,function(){T(e);let t=G(2).selected;return E(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 TG(e,t){if(e&1&&(L(0,`p`,132),J(1),R()),e&2){let e=G(2).idPrefix,t=G();I(`id`,e+`-writes-off`),k(),Y(t.restoreOff)}}function EG(e,t){if(e&1&&(L(0,`div`,129),M(1,CG,3,2,`button`,130),M(2,wG,2,2,`button`,131),R(),M(3,TG,2,2,`p`,132)),e&2){let e=G().selected,t=G();k(),N(e.restorable?1:-1),k(),N(t.canAgain(e)?2:-1),k(),N(t.canRestore()?-1:3)}}function DG(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 OG(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 kG(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 AG(e,t){if(e&1&&(L(0,`p`,111),M(1,DG,4,0)(2,OG,10,0)(3,kG,4,0),R()),e&2){let e=G().selected;k(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function jG(e,t){if(e&1&&(L(0,`section`,108)(1,`div`,109),J(2),R(),L(3,`dl`,66)(4,`dt`),J(5,`Time`),R(),L(6,`dd`),J(7),R(),M(8,nG,4,1),M(9,rG,4,1),M(10,iG,5,1),M(11,aG,5,1),M(12,oG,5,1),M(13,cG,6,2),R(),M(14,_G,6,3),M(15,SG,10,4,`div`,110),M(16,EG,4,3),M(17,AG,4,1,`p`,111),R()),e&2){let e,n=t.selected,r=t.headingLevel,i=t.idPrefix,a=G();j(`aria-labelledby`,i+`-entry-heading`),k(),I(`id`,i+`-entry-heading`),j(`aria-level`,r),k(),Z(` #`,n.seq,` `,n.type,` `),k(5),Y(a.formatTime(n.timestamp)),k(),N(n.origin?8:-1),k(),N(n.durationMs===void 0?-1:9),k(),N(n.action===void 0?-1:10),k(),N(n.args?.length?11:-1),k(),N(n.source===`event`&&n.payload!==void 0?12:-1),k(),N((e=n.causedByEvent)?13:-1,e),k(),N(n.source===`event`?-1:14),k(),N(n.restorable&&a.confirmSeq()===n.seq?15:-1),k(),N(a.confirmSeq()!==n.seq&&(n.restorable||a.canAgain(n))?16:-1),k(),N(!n.restorable&&n.source===`store`?17:-1)}}function MG(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.sourceEntries().length)}}function NG(e,t){e&1&&(L(0,`div`,25),z(1,`span`,135),L(2,`p`,29),J(3,`Scanning source for NgRx declarations…`),R()())}function PG(e,t){e&1&&(L(0,`div`,26)(1,`p`,29),J(2,`No NgRx declarations found in source.`),R(),L(3,`p`,30),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 FG(e,t){if(e&1){let e=H();L(0,`button`,137),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,38),L(2,`span`,142),J(3),R(),L(4,`span`,138),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(n.kindLabel(e.kind)),k(2),Y(e.count)}}function IG(e,t){if(e&1&&(L(0,`p`,147),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function LG(e,t){if(e&1&&(L(0,`li`,141)(1,`div`,143),z(2,`span`,38),L(3,`span`,144),J(4),R(),L(5,`span`,43),J(6),R()(),L(7,`div`,145),z(8,`app-source-link`,146),R(),M(9,IG,2,1,`p`,147),R()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.name),k(2),Y(n.kindLabel(e.kind)),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.detail?9:-1)}}function RG(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25)(2,`p`,29),J(3,`No declarations match.`),R(),L(4,`button`,31),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(5,`Clear filters`),R()()()}}function zG(e,t){if(e&1){let e=H();L(0,`div`,136)(1,`button`,137),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,138),J(4),R()(),P(5,FG,6,7,`button`,139,nW),R(),L(7,`ul`,140),P(8,LG,10,7,`li`,141,rW,!1,RG,6,0,`li`),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.sourceEntries().length),k(),F(e.groupedEntries()),k(3),F(e.filteredEntries())}}var BG={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)`},VG={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`},HG={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function UG(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 WG=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),GG=class e{rpc=$(null);canRestore=Q(()=>rD(this.rpc(),`ngrx`));restoreOff=bE(`ngrx`);filter=O(``);kind=O(null);sourceEntries=O([]);sourceLoaded=O(!1);pages=O([]);failed=O(!1);stateLoaded=O(!1);selectedPageId=O(null);hostPageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.hostPageId));maxLog=Q(()=>nD(this.rpc()).limits.changeLog);selectedStoreId=O(null);focusEventSeq=O(null);eventDetailHeading=Jv(`eventDetailHeading`);busy=O(!1);focusLatest=O(!1);focusConfirm=O(null);cancelButton=Jv(`cancelButton`);restoreButton=Jv(`restoreButton`);stateTree=Jv(`stateTree`);filterInput=Jv(`filterInput`);latestButton=Jv(`latestButton`);message=O(``);destroyRef=C(Ds);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?MU(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?LU(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:RU(t,160),full:LU(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()});logWindow=new nP({count:Q(()=>this.storeLog().length),estimate:56});shownLog=Q(()=>KG(this.storeLog(),this.logWindow));eventWindow=new nP({count:Q(()=>this.pageEvents().length),estimate:36});shownEvents=Q(()=>KG(this.pageEvents(),this.eventWindow));logList=Jv(`logList`);eventsList=Jv(`eventsList`);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=O(``);dispatchPayload=O(``);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(()=>UG(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=UG(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=>WG.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(){mc(()=>{let e=this.logList()?.nativeElement;e&&this.logWindow.attach(e)}),mc(()=>{let e=this.eventsList()?.nativeElement;e&&this.eventWindow.attach(e)}),mc(()=>{let e=this.rpc();e&&this.load(e)}),dy(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),mc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),dy(()=>{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),VE(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(LU(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 VE(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 VE(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 VE(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 BG[e]??`var(--text-3)`}kindLabel(e){return VG[e]??e}originText(e){return HG[e]??e}changesLabel=jU;moreChanges=AU;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return LU(e)}shortText(e){return RU(e)}formatTime=QO;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=A({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&l_(t.eventDetailHeading,zU,5)(t.cancelButton,BU,5)(t.restoreButton,VU,5)(t.stateTree,HU,5)(t.filterInput,UU,5)(t.latestButton,WU,5)(t.logList,GU,5)(t.eventsList,KU,5),e&2&&u_(8)},inputs:{rpc:[1,`rpc`]},decls:30,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`logList`,``],[`latestButton`,``],[`eventsList`,``],[`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`],[`capability`,`injectorProviders`,`compact`,``,3,`page`],[`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`,3,`rovingWindow`],[`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`,3,`rovingWindow`],[`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`,9)(1,`input`,10,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,iW,3,2),L(4,`span`,11),z(5,`span`,12),J(6),R()(),L(7,`section`,13)(8,`div`,14)(9,`h2`,15),J(10,`Live stores`),R(),M(11,aW,2,1,`span`,16),R(),M(12,oW,7,0,`div`,17)(13,sW,3,0,`div`,18)(14,cW,5,0,`div`,19)(15,fW,6,2)(16,XW,6,2,`div`,20),L(17,`p`,21),J(18),R()(),M(19,tG,14,8,`section`,22),sg(20,jG,18,16,`ng-template`,null,1,Ev),L(22,`section`,23)(23,`div`,14)(24,`h2`,24),J(25,`Source declarations`),R(),M(26,MG,2,1,`span`,16),R(),M(27,NG,4,0,`div`,25)(28,PG,29,0,`div`,26)(29,zG,11,5),R()),e&2&&(k(),I(`value`,t.filter()),k(2),N(t.pages().length>1?3:-1),k(),q(`on`,!!t.page()),k(2),X(` `,t.page()?`Live`:`No page connected`,` `),k(5),N(t.liveStores().length?11:-1),k(),N(t.failed()?12:t.stateLoaded()?t.page()?t.liveStores().length?16:15:14:13),k(6),Y(t.message()),k(),N(t.hasEvents()?19:-1),k(7),N(t.sourceEntries().length?26:-1),k(),N(t.sourceLoaded()?t.sourceEntries().length===0?28:29:27))},dependencies:[hO,rk,Vz,OO,ub,lM,fN],styles:[`[_nghost-%COMP%] {
+}`]})},jU=1e3;function MU(e){return`${e>=1e3?`${jU}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function NU(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 PU(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 FU=`@type`,IU=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function LU(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&FU in e&&IU.has(e[FU])}function RU(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function zU(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+zU(e,n)).join(`,
+`)}\n${t}]`:`[]`;if(LU(e)){let r=e;switch(r[FU]){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}${zU(e,n)} => ${zU(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+zU(e,n)).join(`,
+`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[FU])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${RU(e)}: ${zU(t,n)}`).join(`,
+`)}\n${t}}`:`{}`}function BU(e,t=120){let n=zU(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var VU=[`eventDetailHeading`],HU=[`cancelButton`],UU=[`restoreButton`],WU=[`stateTree`],GU=[`filterInput`],KU=[`latestButton`],qU=[`logList`],JU=[`eventsList`],YU=e=>({kind:`ngrx`,storeId:e}),XU=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),ZU=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),QU=(e,t)=>t.id,$U=(e,t)=>t.entry.seq,eW=(e,t)=>t.key,tW=(e,t)=>t.name,nW=(e,t)=>t.idsKey,rW=(e,t)=>t.path,iW=(e,t)=>t.kind,aW=(e,t)=>t.name+t.file+t.line;function oW(e,t){if(e&1){let e=H();L(0,`span`,27),J(1,`Page`),R(),L(2,`app-select`,28),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()}if(e&2){let e=G();k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function sW(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.liveStores().length)}}function cW(e,t){if(e&1){let e=H();L(0,`div`,17)(1,`p`,29),J(2,`Could not load the live store state.`),R(),L(3,`p`,30),J(4,`Check that the dev server with Pangular Inspector is still running.`),R(),L(5,`button`,31),U(`click`,function(){return T(e),E(G().retry())}),J(6,`Retry`),R()()}}function lW(e,t){e&1&&(L(0,`div`,18)(1,`p`,29),J(2,`Loading…`),R()())}function uW(e,t){e&1&&(L(0,`div`,19)(1,`p`,29),J(2,`No page is reporting NgRx state yet.`),R(),L(3,`p`,30),J(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),R()())}function dW(e,t){e&1&&(L(0,`p`,29),J(1,`No signal store instance on this page yet.`),R(),L(2,`p`,30),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 fW(e,t){e&1&&(L(0,`p`,29),J(1,`The @ngrx/store Store was not found on this page.`),R(),L(2,`p`,30),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 pW(e,t){e&1&&(L(0,`p`,29),J(1,`This page has no NgRx store.`),R(),L(2,`p`,30),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 mW(e,t){if(e&1&&(L(0,`app-angular-unavailable`,32),J(1,` The overlay finds stores through the injectors, so stores it can't reach from a component are not listed. `),R(),L(2,`div`,19),M(3,dW,7,0)(4,fW,10,0)(5,pW,16,0),R()),e&2){let e=G();I(`page`,e.angularPage()),k(3),N(e.usesSignals()?3:e.usesClassic()?4:5)}}function hW(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectStore(t.id))}),L(2,`span`,37),z(3,`span`,38),L(4,`span`,39),J(5),R()(),L(6,`span`,40),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);k(),q(`selected`,e.id===n.store()?.id),j(`aria-pressed`,e.id===n.store()?.id),k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.label),k(2),iv(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.changeCount(e.id),` `,n.changeCount(e.id)===1?`change`:`changes`,` `)}}function gW(e,t){e&1&&(L(0,`li`,34),J(1,`No stores match this filter.`),R())}function _W(e,t){e&1&&z(0,`app-source-link`,44),e&2&&I(`file`,t)}function vW(e,t){if(e&1&&(L(0,`span`,43),J(1),R()),e&2){let e=G();k(),Y(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function yW(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function bW(e,t){if(e&1&&(L(0,`p`,45),J(1,` Referenced by `),P(2,yW,3,2,null,null,Ag),R()),e&2){let e=G();k(2),F(e.signal.references)}}function xW(e,t){if(e&1&&(L(0,`p`,63),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function SW(e,t){if(e&1){let e=H();L(0,`div`,46)(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`,62,4),U(`click`,function(){return T(e),E(G(3).backToLatest())}),J(7,` Back to latest `),R(),M(8,xW,2,1,`p`,63),R()}if(e&2){let e=G(3);k(5),I(`disabled`,e.busy()||!e.canRestore()),j(`aria-describedby`,e.canRestore()?null:`store-latest-off`),k(3),N(e.canRestore()?-1:8)}}function CW(e,t){if(e&1&&(L(0,`dt`),J(1),R(),L(2,`dd`)(3,`code`,71),J(4),R()()),e&2){let e=t.$implicit;k(),Y(e.key),k(2),I(`title`,e.full),k(),Y(e.value)}}function wW(e,t){if(e&1&&(L(0,`dl`,66),P(1,CW,5,3,null,null,eW),R()),e&2){let e=G(4);k(),F(e.computedEntries())}}function TW(e,t){e&1&&(L(0,`p`,67),J(1,`No computed signals.`),R())}function EW(e,t){e&1&&(L(0,`span`,73),J(1,`signalMethod`),R())}function DW(e,t){e&1&&(L(0,`span`,73),J(1,`rxMethod`),R())}function OW(e,t){if(e&1&&(L(0,`li`,72),J(1),M(2,EW,2,0,`span`,73)(3,DW,2,0,`span`,73),L(4,`span`,74),J(5),R()()),e&2){let e=t.$implicit,n=G(5);k(),X(` `,e.name,` `),k(),N(e.signalMethod?2:e.rx?3:-1),k(3),rv(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function kW(e,t){if(e&1&&(L(0,`ul`,69),P(1,OW,6,5,`li`,72,tW),R()),e&2){let e=G();k(),F(e.methods)}}function AW(e,t){e&1&&(L(0,`p`,67),J(1,`No methods.`),R())}function jW(e,t){if(e&1&&(L(0,`li`,72),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function MW(e,t){if(e&1&&(L(0,`li`,81),J(1),R()),e&2){let e=G().$implicit;I(`title`,G(5).entityOverflowTitle(e.ids,e.count)),k(),X(` +`,e.count-30,` more `)}}function NW(e,t){if(e&1&&(L(0,`code`,71),J(1),R()),e&2){let e=G(2).$implicit,t=G(5);I(`title`,t.prettyText(e.selected)),k(),Y(t.shortText(e.selected))}}function PW(e,t){e&1&&(L(0,`span`,67),J(1,`None selected`),R())}function FW(e,t){if(e&1&&(L(0,`dl`,66)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,NW,2,2,`code`,71)(5,PW,2,0,`span`,67),R()()),e&2){let e=G().$implicit;k(4),N(e.selected===void 0?5:4)}}function IW(e,t){if(e&1&&(L(0,`div`,77)(1,`div`,78)(2,`span`,72),J(3),R(),L(4,`span`,79),J(5),R()(),L(6,`ul`,80),P(7,jW,2,1,`li`,72,Ag),M(9,MW,2,2,`li`,81),R(),M(10,FW,6,1,`dl`,66),R()),e&2){let e=t.$implicit,n=G(5);k(3),Y(e.collection??`entities`),k(2),Z(``,e.count,` `,e.count===1?`entity`:`entities`),k(),j(`aria-label`,(e.collection??`entities`)+` ids`),k(),F(n.entityIds(e.ids)),k(2),N(e.count>30?9:-1),k(),N(e.selectedId===void 0?-1:10)}}function LW(e,t){if(e&1&&(L(0,`section`,70)(1,`h4`,75),J(2,`Entities`),R(),L(3,`div`,76),P(4,IW,11,6,`div`,77,nW),R()()),e&2){let e=G();k(4),F(e.entities)}}function RW(e,t){if(e&1&&(L(0,`section`,64)(1,`h4`,65),J(2,`Computed`),R(),M(3,wW,3,0,`dl`,66)(4,TW,2,0,`p`,67),L(5,`h4`,68),J(6,`Methods`),R(),M(7,kW,3,0,`ul`,69)(8,AW,2,0,`p`,67),R(),M(9,LW,6,0,`section`,70)),e&2){let e=t,n=G(3);k(3),N(n.computedEntries().length?3:4),k(4),N(e.methods.length?7:8),k(2),N(e.entities?.length?9:-1)}}function zW(e,t){if(e&1&&(L(0,`span`,86),J(1),R()),e&2){let e=t;I(`title`,`Caused by `+G(4).kindLabel(`event`)+`: `+e.type),k(),Y(e.type)}}function BW(e,t){if(e&1&&(L(0,`span`,73),J(1),R()),e&2){G();let e=fv(0);k(),Y(e.origin)}}function VW(e,t){if(e&1&&J(0),e&2){G();let e=fv(0);X(` · `,G(3).formatDuration(e.durationMs),` `)}}function HW(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,82),U(`click`,function(){T(e);let t=fv(0);return E(G(3).selectChange(t.seq))}),L(3,`span`,83),J(4),R(),L(5,`span`,84)(6,`span`,85),J(7),R(),M(8,zW,2,2,`span`,86),R(),L(9,`span`,87),M(10,BW,2,1,`span`,73),J(11),M(12,VW,1,1),R()()()}if(e&2){let e,n=t.$implicit,r=G(3),i=dv(n.entry);k(),j(`data-vindex`,n.index)(`aria-setsize`,r.logWindow.enabled()?r.storeLog().length:null)(`aria-posinset`,r.logWindow.enabled()?n.index+1:null),k(),q(`selected`,i.seq===r.selectedChangeSeq()),j(`aria-pressed`,i.seq===r.selectedChangeSeq())(`aria-controls`,i.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),k(2),X(`#`,i.seq),k(2),I(`title`,i.type),k(),Y(i.type),k(),N((e=i.causedByEvent)?8:-1,e),k(2),N(i.origin?10:-1),k(),Z(` `,r.changesLabel(i),` · `,r.formatTime(i.timestamp),` `),k(),N(i.durationMs===void 0?-1:12)}}function UW(e,t){e&1&&J(0,` No entries match this filter. `)}function WW(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function GW(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function KW(e,t){if(e&1&&(L(0,`li`,34),M(1,UW,1,0)(2,WW,1,0)(3,GW,1,0),R()),e&2){let e=G(),t=G(2);k(),N(t.filter()?1:e.classic?2:3)}}function qW(e,t){if(e&1&&(L(0,`div`,60),Gg(1,88),R()),e&2){G(3);let e=d_(21);k(),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,XU,t))}}function JW(e,t){if(e&1&&z(0,`option`,93),e&2){let e=t.$implicit;I(`value`,e)}}function YW(e,t){if(e&1&&(L(0,`p`,99),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function XW(e,t){if(e&1){let e=H();L(0,`section`,61)(1,`h4`,89),J(2,`Dispatch an action`),R(),L(3,`form`,90),U(`submit`,function(t){return T(e),E(G(3).dispatchAction(t))}),L(4,`label`)(5,`span`),J(6,`Type`),R(),L(7,`input`,91),U(`input`,function(t){return T(e),E(G(3).dispatchType.set(t.target.value))}),R()(),L(8,`datalist`,92),P(9,JW,1,1,`option`,93,Ag),R(),L(11,`label`)(12,`span`),J(13,`Payload `),L(14,`span`,94),J(15,`(JSON object, optional)`),R()(),L(16,`textarea`,95),U(`input`,function(t){return T(e),E(G(3).dispatchPayload.set(t.target.value))}),R()(),L(17,`p`,96),J(18),R(),L(19,`div`,97)(20,`button`,98),J(21,` Dispatch `),R()(),M(22,YW,2,1,`p`,99),R()()}if(e&2){let e=G(3);k(7),I(`value`,e.dispatchType()),k(2),F(e.actionTypes()),k(7),I(`value`,e.dispatchPayload()),j(`aria-invalid`,e.payloadError()?`true`:null),k(2),Y(e.payloadError()),k(2),I(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),j(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),k(2),N(e.canRestore()?-1:22)}}function ZW(e,t){if(e&1){let e=H();L(0,`div`,35)(1,`div`,41)(2,`h3`),J(3),R(),L(4,`div`,42)(5,`span`,43),J(6),R(),L(7,`span`,43),J(8),R(),M(9,_W,1,1,`app-source-link`,44),M(10,vW,2,1,`span`,43),R(),M(11,bW,4,0,`p`,45),R(),M(12,SW,9,3,`div`,46),L(13,`div`,47)(14,`section`,48)(15,`div`,49)(16,`h4`,50),J(17,`State`),R(),L(18,`div`,51),z(19,`app-store-global`,52),L(20,`button`,53),U(`click`,function(){return T(e),E(G(2).copyState())}),J(21,` Copy `),R()()(),L(22,`pre`,54,2),J(24),R()(),M(25,RW,10,3),R(),L(26,`section`,55)(27,`h4`,56),J(28),L(29,`span`,16),J(30),R()(),z(31,`app-limit-note`,57),L(32,`div`,58)(33,`ul`,59,3),P(35,HW,13,16,`li`,null,$U,!1,KW,4,1,`li`,34),R(),M(38,qW,2,4,`div`,60),R()(),M(39,XW,23,7,`section`,61),R()}if(e&2){let e,n,r,i=t,a=G(2);k(3),Y(i.label),k(3),Y(a.kindLabel(i.kind)),k(2),X(`scope: `,i.scope),k(),N((e=i.signal?.declaredIn)?9:-1,e),k(),N(i.classic?10:-1),k(),N(i.signal?.references?.length?11:-1),k(),N(i.classic?.paused?12:-1),k(7),I(`rpc`,a.rpc())(`pageId`,a.page()?.pageId)(`target`,hv(26,YU,i.id))(`label`,i.label+` state`),k(5),Y(a.stateText()),k(),N((n=i.signal)?25:-1,n),k(3),X(` `,i.classic?`Action log`:`Change log`,` `),k(2),Y(a.storeLog().length),k(),I(`dropped`,a.page()?.dropped??0)(`max`,a.maxLog()),k(2),K(`padding-top`,a.logWindow.enabled()?2+a.logWindow.padTop():null,`px`)(`padding-bottom`,a.logWindow.enabled()?2+a.logWindow.padBottom():null,`px`),I(`rovingWindow`,a.logWindow),j(`aria-label`,i.classic?`Actions`:`Changes`),k(2),F(a.shownLog()),k(3),N((r=a.changeEntry())?38:-1,r),k(),N(i.classic?39:-1)}}function QW(e,t){if(e&1&&(L(0,`div`,20)(1,`ul`,33),P(2,hW,8,10,`li`,null,QU,!1,gW,2,0,`li`,34),R(),M(5,ZW,40,28,`div`,35),R()),e&2){let e,t=G();k(2),F(t.filteredStores()),k(3),N((e=t.store())?5:-1,e)}}function $W(e,t){if(e&1&&(L(0,`code`,106),J(1),R()),e&2){G();let e=fv(0),t=G(2);I(`title`,t.prettyText(e.payload)),k(),Y(t.shortText(e.payload))}}function eG(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,104),U(`click`,function(){T(e);let t=fv(0);return E(G(2).selectEvent(t.seq))}),z(3,`span`,38),L(4,`span`,105),J(5),R(),M(6,$W,2,2,`code`,106),L(7,`span`,107),J(8),R()()()}if(e&2){let e=t.$implicit,n=G(2),r=dv(e.entry);k(),j(`data-vindex`,e.index)(`aria-setsize`,n.eventWindow.enabled()?n.pageEvents().length:null)(`aria-posinset`,n.eventWindow.enabled()?e.index+1:null),k(),q(`selected`,r.seq===n.selectedEventSeq()),j(`aria-pressed`,r.seq===n.selectedEventSeq())(`aria-controls`,r.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),k(),K(`background`,n.kindColor(`event`)),k(),I(`title`,r.eventType??r.type),k(),Y(r.eventType??r.type),k(),N(r.payload===void 0?-1:6),k(2),Y(n.formatTime(r.timestamp))}}function tG(e,t){e&1&&(L(0,`li`,34),J(1,`No events match this filter.`),R())}function nG(e,t){if(e&1&&(L(0,`div`,103,6),Gg(2,88),R()),e&2){G(2);let e=d_(21);k(2),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,ZU,t))}}function rG(e,t){if(e&1&&(L(0,`section`,22)(1,`div`,14)(2,`h2`,100),J(3,`Events`),R(),L(4,`span`,16),J(5),R()(),L(6,`p`,101),J(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),R(),L(8,`ul`,102,5),P(10,eG,9,14,`li`,null,$U,!1,tG,2,0,`li`,34),R(),M(13,nG,3,4,`div`,103),R()),e&2){let e,t=G();k(5),Y(t.pageEvents().length),k(3),K(`padding-top`,t.eventWindow.enabled()?6+t.eventWindow.padTop():null,`px`)(`padding-bottom`,t.eventWindow.enabled()?6+t.eventWindow.padBottom():null,`px`),I(`rovingWindow`,t.eventWindow),k(2),F(t.shownEvents()),k(3),N((e=t.eventEntry())?13:-1,e)}}function iG(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();k(3),Y(t.originText(e.origin))}}function aG(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();k(3),Y(t.formatDuration(e.durationMs))}}function oG(e,t){if(e&1&&(L(0,`dt`),J(1,`Action`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.action))}}function sG(e,t){if(e&1&&(L(0,`dt`),J(1,`Arguments`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.args))}}function cG(e,t){if(e&1&&(L(0,`dt`),J(1,`Payload`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.payload))}}function lG(e,t){if(e&1&&(L(0,`pre`,112),J(1),R()),e&2){let e=G(),t=G(2);k(),Y(t.prettyText(e.payload))}}function uG(e,t){if(e&1&&(L(0,`dt`),J(1,`Caused by event`),R(),L(2,`dd`)(3,`code`,113),J(4),R(),M(5,lG,2,1,`pre`,112),R()),e&2){let e=t;k(4),Y(e.type),k(),N(e.payload===void 0?-1:5)}}function dG(e,t){if(e&1){let e=H();L(0,`button`,117),U(`click`,function(){T(e);let t=G(2).selected;return E(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 fG(e,t){if(e&1&&(L(0,`code`,123),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.before))}}function pG(e,t){e&1&&(L(0,`span`,125),J(1,`→`),R(),L(2,`span`,126),J(3,`became`),R())}function mG(e,t){if(e&1&&(L(0,`code`,124),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.after))}}function hG(e,t){if(e&1&&(L(0,`li`)(1,`span`,120),J(2),R(),L(3,`code`,121),J(4),R(),L(5,`span`,122),M(6,fG,2,1,`code`,123),M(7,pG,4,0),M(8,mG,2,1,`code`,124),R()()),e&2){let e=t.$implicit,n=G(4);M_(`diff-row `+e.op),k(2),Y(n.opLabel(e.op)),k(2),Y(e.path),k(2),N(e.op===`add`?-1:6),k(),N(e.op===`change`?7:-1),k(),N(e.op===`remove`?-1:8)}}function gG(e,t){if(e&1&&(L(0,`p`,67),J(1),R()),e&2){let e=G(3).selected,t=G();k(),Y(t.moreChanges(e.diffTruncated))}}function _G(e,t){if(e&1&&(L(0,`ul`,118),P(1,hG,9,7,`li`,119,rW),R(),M(3,gG,2,1,`p`,67)),e&2){let e=G(2).selected;k(),F(e.diff),k(2),N(e.diffTruncated?3:-1)}}function vG(e,t){e&1&&(L(0,`p`,67),J(1,`The state did not change.`),R())}function yG(e,t){if(e&1&&(L(0,`div`,114)(1,`div`,115),J(2,`State diff`),R(),M(3,dG,2,1,`button`,116),R(),M(4,_G,4,1)(5,vG,2,0,`p`,67)),e&2){let e=G(),t=e.selected,n=e.headingLevel;k(),j(`aria-level`,n+1),k(2),N(t.diff.length?3:-1),k(),N(t.diff.length?4:5)}}function bG(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 xG(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 SG(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 CG(e,t){if(e&1&&M(0,xG,1,2)(1,SG,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function wG(e,t){if(e&1){let e=H();L(0,`div`,127),U(`keydown.escape`,function(t){return T(e),E(G(2).cancelRestore(t))}),L(1,`p`,128),M(2,bG,1,1)(3,CG,2,1),R(),L(4,`div`,97)(5,`button`,62),U(`click`,function(){T(e);let t=G().selected;return E(G().restore(t.seq,t.source===`store`))}),J(6,` Restore `),R(),L(7,`button`,31,7),U(`click`,function(){return T(e),E(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`),k(),I(`id`,n+`-confirm-text`),k(),N(t.source===`store`?2:3),k(3),I(`disabled`,r.busy())}}function TG(e,t){if(e&1){let e=H();L(0,`button`,133,8),U(`click`,function(){T(e);let t=G(2).selected;return E(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 EG(e,t){if(e&1){let e=H();L(0,`button`,134),U(`click`,function(){T(e);let t=G(2).selected;return E(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 DG(e,t){if(e&1&&(L(0,`p`,132),J(1),R()),e&2){let e=G(2).idPrefix,t=G();I(`id`,e+`-writes-off`),k(),Y(t.restoreOff)}}function OG(e,t){if(e&1&&(L(0,`div`,129),M(1,TG,3,2,`button`,130),M(2,EG,2,2,`button`,131),R(),M(3,DG,2,2,`p`,132)),e&2){let e=G().selected,t=G();k(),N(e.restorable?1:-1),k(),N(t.canAgain(e)?2:-1),k(),N(t.canRestore()?-1:3)}}function kG(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 AG(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 jG(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 MG(e,t){if(e&1&&(L(0,`p`,111),M(1,kG,4,0)(2,AG,10,0)(3,jG,4,0),R()),e&2){let e=G().selected;k(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function NG(e,t){if(e&1&&(L(0,`section`,108)(1,`div`,109),J(2),R(),L(3,`dl`,66)(4,`dt`),J(5,`Time`),R(),L(6,`dd`),J(7),R(),M(8,iG,4,1),M(9,aG,4,1),M(10,oG,5,1),M(11,sG,5,1),M(12,cG,5,1),M(13,uG,6,2),R(),M(14,yG,6,3),M(15,wG,10,4,`div`,110),M(16,OG,4,3),M(17,MG,4,1,`p`,111),R()),e&2){let e,n=t.selected,r=t.headingLevel,i=t.idPrefix,a=G();j(`aria-labelledby`,i+`-entry-heading`),k(),I(`id`,i+`-entry-heading`),j(`aria-level`,r),k(),Z(` #`,n.seq,` `,n.type,` `),k(5),Y(a.formatTime(n.timestamp)),k(),N(n.origin?8:-1),k(),N(n.durationMs===void 0?-1:9),k(),N(n.action===void 0?-1:10),k(),N(n.args?.length?11:-1),k(),N(n.source===`event`&&n.payload!==void 0?12:-1),k(),N((e=n.causedByEvent)?13:-1,e),k(),N(n.source===`event`?-1:14),k(),N(n.restorable&&a.confirmSeq()===n.seq?15:-1),k(),N(a.confirmSeq()!==n.seq&&(n.restorable||a.canAgain(n))?16:-1),k(),N(!n.restorable&&n.source===`store`?17:-1)}}function PG(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.sourceEntries().length)}}function FG(e,t){e&1&&(L(0,`div`,25),z(1,`span`,135),L(2,`p`,29),J(3,`Scanning source for NgRx declarations…`),R()())}function IG(e,t){e&1&&(L(0,`div`,26)(1,`p`,29),J(2,`No NgRx declarations found in source.`),R(),L(3,`p`,30),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 LG(e,t){if(e&1){let e=H();L(0,`button`,137),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,38),L(2,`span`,142),J(3),R(),L(4,`span`,138),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(n.kindLabel(e.kind)),k(2),Y(e.count)}}function RG(e,t){if(e&1&&(L(0,`p`,147),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function zG(e,t){if(e&1&&(L(0,`li`,141)(1,`div`,143),z(2,`span`,38),L(3,`span`,144),J(4),R(),L(5,`span`,43),J(6),R()(),L(7,`div`,145),z(8,`app-source-link`,146),R(),M(9,RG,2,1,`p`,147),R()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.name),k(2),Y(n.kindLabel(e.kind)),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.detail?9:-1)}}function BG(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25)(2,`p`,29),J(3,`No declarations match.`),R(),L(4,`button`,31),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(5,`Clear filters`),R()()()}}function VG(e,t){if(e&1){let e=H();L(0,`div`,136)(1,`button`,137),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,138),J(4),R()(),P(5,LG,6,7,`button`,139,iW),R(),L(7,`ul`,140),P(8,zG,10,7,`li`,141,aW,!1,BG,6,0,`li`),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.sourceEntries().length),k(),F(e.groupedEntries()),k(3),F(e.filteredEntries())}}var HG={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)`},UG={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`},WG={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function GG(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 KG=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),qG=class e{rpc=$(null);canRestore=Q(()=>rD(this.rpc(),`ngrx`));restoreOff=bE(`ngrx`);filter=O(``);kind=O(null);sourceEntries=O([]);sourceLoaded=O(!1);pages=O([]);failed=O(!1);stateLoaded=O(!1);selectedPageId=O(null);hostPageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.hostPageId));maxLog=Q(()=>nD(this.rpc()).limits.changeLog);selectedStoreId=O(null);focusEventSeq=O(null);eventDetailHeading=Jv(`eventDetailHeading`);busy=O(!1);focusLatest=O(!1);focusConfirm=O(null);cancelButton=Jv(`cancelButton`);restoreButton=Jv(`restoreButton`);stateTree=Jv(`stateTree`);filterInput=Jv(`filterInput`);latestButton=Jv(`latestButton`);message=O(``);destroyRef=C(Ds);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?PU(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?zU(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:BU(t,160),full:zU(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()});logWindow=new iP({count:Q(()=>this.storeLog().length),estimate:56});shownLog=Q(()=>JG(this.storeLog(),this.logWindow));eventWindow=new iP({count:Q(()=>this.pageEvents().length),estimate:36});shownEvents=Q(()=>JG(this.pageEvents(),this.eventWindow));logList=Jv(`logList`);eventsList=Jv(`eventsList`);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=O(``);dispatchPayload=O(``);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(()=>GG(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=GG(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=>KG.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(){mc(()=>{let e=this.logList()?.nativeElement;e&&this.logWindow.attach(e)}),mc(()=>{let e=this.eventsList()?.nativeElement;e&&this.eventWindow.attach(e)}),mc(()=>{let e=this.rpc();e&&this.load(e)}),dy(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),mc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),dy(()=>{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),VE(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(zU(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 VE(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 VE(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 VE(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 HG[e]??`var(--text-3)`}kindLabel(e){return UG[e]??e}originText(e){return WG[e]??e}changesLabel=NU;moreChanges=MU;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return zU(e)}shortText(e){return BU(e)}formatTime=QO;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=A({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&l_(t.eventDetailHeading,VU,5)(t.cancelButton,HU,5)(t.restoreButton,UU,5)(t.stateTree,WU,5)(t.filterInput,GU,5)(t.latestButton,KU,5)(t.logList,qU,5)(t.eventsList,JU,5),e&2&&u_(8)},inputs:{rpc:[1,`rpc`]},decls:30,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`logList`,``],[`latestButton`,``],[`eventsList`,``],[`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`],[`capability`,`injectorProviders`,`compact`,``,3,`page`],[`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`,3,`rovingWindow`],[`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`,3,`rovingWindow`],[`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`,9)(1,`input`,10,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,oW,3,2),L(4,`span`,11),z(5,`span`,12),J(6),R()(),L(7,`section`,13)(8,`div`,14)(9,`h2`,15),J(10,`Live stores`),R(),M(11,sW,2,1,`span`,16),R(),M(12,cW,7,0,`div`,17)(13,lW,3,0,`div`,18)(14,uW,5,0,`div`,19)(15,mW,6,2)(16,QW,6,2,`div`,20),L(17,`p`,21),J(18),R()(),M(19,rG,14,8,`section`,22),sg(20,NG,18,16,`ng-template`,null,1,Ev),L(22,`section`,23)(23,`div`,14)(24,`h2`,24),J(25,`Source declarations`),R(),M(26,PG,2,1,`span`,16),R(),M(27,FG,4,0,`div`,25)(28,IG,29,0,`div`,26)(29,VG,11,5),R()),e&2&&(k(),I(`value`,t.filter()),k(2),N(t.pages().length>1?3:-1),k(),q(`on`,!!t.page()),k(2),X(` `,t.page()?`Live`:`No page connected`,` `),k(5),N(t.liveStores().length?11:-1),k(),N(t.failed()?12:t.stateLoaded()?t.page()?t.liveStores().length?16:15:14:13),k(6),Y(t.message()),k(),N(t.hasEvents()?19:-1),k(7),N(t.sourceEntries().length?26:-1),k(),N(t.sourceLoaded()?t.sourceEntries().length===0?28:29:27))},dependencies:[hO,rk,Uz,OO,ub,uM,pN],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 24px;
   min-width: 0;
@@ -9172,7 +9178,7 @@ textarea[aria-invalid=true][_ngcontent-%COMP%] {
   .kv[_ngcontent-%COMP%] {
     grid-template-columns: minmax(0, 1fr);
   }
-}`]})};function KG(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}var qG=[`heading`];function JG(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 T(e),E(G().retry())}),J(4,`Try again`),V()()}}function YG(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),k(),Y(e.text()??`Loading…`)}}function XG(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 T(e),E(G().draft.set(t.target.value))})(`keydown.enter`,function(){return T(e),E(G().setValue())}),V(),B(4,`button`,17),W(`click`,function(){return T(e),E(G().setValue())}),J(5,` Set `),V()()}if(e&2){let e=G();k(2),X(`New value for `,e.node().path),k(),qg(`value`,e.draft()),k(),qg(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function ZG(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();k(),X(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),k(),qg(`href`,e.unmaskDocsUrl,Nu)}}function QG(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();k(),Y(e.writesOff)}}var $G=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=Rv();canWrite=Q(()=>rD(this.rpc(),`forms`));writesOff=bE(`forms`);redactLabel=XE;unmaskDocsUrl=ZE;target=Q(()=>`${this.form().id}|${this.node().path}`);text=Fv({source:this.target,computation:()=>null});failed=Fv({source:this.target,computation:()=>!1});attempt=O(0);heading=Jv.required(`heading`);host=C(Il);draft=Fv({source:this.target,computation:()=>``});message=Fv({source:this.target,computation:()=>``});constructor(){mc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Nv(()=>this.load(n,e,t))}),dy(()=>{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 JE(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(tD(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 QE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${$E(r)} ${r.expression}`:$E(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await QE(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($E(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&l_(t.heading,qG,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,JG,5,0,`div`,6)(11,YG,2,2,`pre`,7),M(12,XG,6,4,`div`,8)(13,ZG,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,QG,2,1,`p`,13),B(24,`p`,14),J(25),V()),e&2&&(k(5),Y(t.node().path||`(form)`),k(2),Y(t.node().type),k(),j(`aria-label`,`Close details for `+(t.node().path||`the form`)),k(2),N(t.failed()?10:11),k(2),N(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),k(5),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(2),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(4),N(t.canWrite()?-1:23),k(2),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function JG(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}var YG=[`heading`];function XG(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 T(e),E(G().retry())}),J(4,`Try again`),V()()}}function ZG(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),k(),Y(e.text()??`Loading…`)}}function QG(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 T(e),E(G().draft.set(t.target.value))})(`keydown.enter`,function(){return T(e),E(G().setValue())}),V(),B(4,`button`,17),W(`click`,function(){return T(e),E(G().setValue())}),J(5,` Set `),V()()}if(e&2){let e=G();k(2),X(`New value for `,e.node().path),k(),qg(`value`,e.draft()),k(),qg(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function $G(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();k(),X(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),k(),qg(`href`,e.unmaskDocsUrl,Nu)}}function eK(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();k(),Y(e.writesOff)}}var tK=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=Rv();canWrite=Q(()=>rD(this.rpc(),`forms`));writesOff=bE(`forms`);redactLabel=XE;unmaskDocsUrl=ZE;target=Q(()=>`${this.form().id}|${this.node().path}`);text=Fv({source:this.target,computation:()=>null});failed=Fv({source:this.target,computation:()=>!1});attempt=O(0);heading=Jv.required(`heading`);host=C(Il);draft=Fv({source:this.target,computation:()=>``});message=Fv({source:this.target,computation:()=>``});constructor(){mc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Nv(()=>this.load(n,e,t))}),dy(()=>{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 JE(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(tD(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 QE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${$E(r)} ${r.expression}`:$E(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await QE(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($E(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&l_(t.heading,YG,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,XG,5,0,`div`,6)(11,ZG,2,2,`pre`,7),M(12,QG,6,4,`div`,8)(13,$G,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,eK,2,1,`p`,13),B(24,`p`,14),J(25),V()),e&2&&(k(5),Y(t.node().path||`(form)`),k(2),Y(t.node().type),k(),j(`aria-label`,`Close details for `+(t.node().path||`the form`)),k(2),N(t.failed()?10:11),k(2),N(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),k(5),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(2),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(4),N(t.canWrite()?-1:23),k(2),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9513,7 +9519,7 @@ h3[_ngcontent-%COMP%]:focus-visible {
 .status[_ngcontent-%COMP%]:empty {
   height: 0;
   margin: -12px 0 0;
-}`]})};function eK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function tK(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();k(3),j(`aria-busy`,e.submit()===null?`true`:null),k(),Y(e.submit()??`Loading…`),k(4),j(`aria-busy`,e.payload()===null?`true`:null),k(),Y(e.payload()??`Loading…`)}}function nK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function rK(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function iK(e,t){e&1&&(B(0,`div`,2)(1,`span`,6),D(),B(2,`svg`,7),Vg(3,`path`,8),V()(),_s(),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 aK(e,t){if(e&1){let e=H();B(0,`span`,15),J(1,`at `),B(2,`button`,19),W(`click`,function(){let t=T(e);return E(G(3).showField.emit(t))}),B(3,`span`,20),J(4,`Show field `),V(),B(5,`code`),J(6),V()()()}e&2&&(k(6),Y(t))}function oK(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,aK,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),k(2),j(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),k(),Y(n.severity),k(2),Y(n.rule),k(),N((e=n.path)?6:-1,e),k(2),Y(n.message),k(4),X(` `,n.fix)}}function sK(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,oK,13,7,`li`,null,kg),V()),e&2){let e=G();k(2),Y(e.findings().length),k(),X(` `,e.findings().length===1?`finding`:`findings`,` `),k(2),F(e.findings())}}var cK=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=O(``);attempt=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let[n,r]=await Promise.all([JE(t,`forms-explain`,{kind:`submit`,form:e}),JE(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(tD(n)),this.payload.set(tD(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await JE(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=A({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,eK,7,0,`div`,0)(1,tK,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()),k(6),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function nK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function rK(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();k(3),j(`aria-busy`,e.submit()===null?`true`:null),k(),Y(e.submit()??`Loading…`),k(4),j(`aria-busy`,e.payload()===null?`true`:null),k(),Y(e.payload()??`Loading…`)}}function iK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function aK(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function oK(e,t){e&1&&(B(0,`div`,2)(1,`span`,6),D(),B(2,`svg`,7),Vg(3,`path`,8),V()(),_s(),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 sK(e,t){if(e&1){let e=H();B(0,`span`,15),J(1,`at `),B(2,`button`,19),W(`click`,function(){let t=T(e);return E(G(3).showField.emit(t))}),B(3,`span`,20),J(4,`Show field `),V(),B(5,`code`),J(6),V()()()}e&2&&(k(6),Y(t))}function cK(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,sK,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),k(2),j(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),k(),Y(n.severity),k(2),Y(n.rule),k(),N((e=n.path)?6:-1,e),k(2),Y(n.message),k(4),X(` `,n.fix)}}function lK(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,cK,13,7,`li`,null,kg),V()),e&2){let e=G();k(2),Y(e.findings().length),k(),X(` `,e.findings().length===1?`finding`:`findings`,` `),k(2),F(e.findings())}}var uK=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=O(``);attempt=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let[n,r]=await Promise.all([JE(t,`forms-explain`,{kind:`submit`,form:e}),JE(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(tD(n)),this.payload.set(tD(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await JE(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=A({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,nK,7,0,`div`,0)(1,rK,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()),k(6),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9785,7 +9791,7 @@ code[_ngcontent-%COMP%] {
   flex-wrap: wrap;
   gap: 8px 12px;
   align-items: center;
-}`]})},lK=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=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let n=await JE(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=A({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,nK,7,0,`div`,0)(1,rK,4,0,`div`,1)(2,iK,8,0,`div`,2)(3,sK,7,2),e&2&&N(t.failed()?0:t.findings()===null?1:t.findings().length?3:2)},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},dK=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=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let n=await JE(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=A({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,iK,7,0,`div`,0)(1,aK,4,0,`div`,1)(2,oK,8,0,`div`,2)(3,lK,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);
 }
 
@@ -10141,7 +10147,7 @@ code[_ngcontent-%COMP%] {
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-}`]})},uK=[`pathInput`],dK=()=>[],fK=(e,t)=>t.formId+`#`+t.seq;function pK(e,t){e&1&&z(0,`span`,6)}function mK(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,21),U(`change`,function(){let t=T(e).$implicit;return E(G().filter.set(t))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G();k(),I(`value`,e)(`checked`,e===n.filter()),k(),X(` `,e,` `)}}function hK(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`),k(),Y(e.outcome)}}function gK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),X(`×`,e.count)}}function _K(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.origin)}}function vK(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`:``),k(),X(`pending `,e.ms,`ms`)}}function yK(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`:``),k(),Z(``,e.renders,` renders: `,(e.rendered??mv(3,dK)).join(`, `))}}function bK(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;k(),Y(e.prev)}}function xK(e,t){if(e&1&&(L(0,`div`,27),M(1,bK,6,1),J(2),R()),e&2){let e=G().$implicit;k(),N(e.prev===void 0?-1:1),k(),X(` `,e.detail,` `)}}function SK(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`from `,e.caller)}}function CK(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,hK,2,2,`span`,26),M(10,gK,2,1,`span`,26),M(11,_K,2,1,`span`,26),M(12,vK,2,2,`span`,26),M(13,yK,2,4,`span`,26),R(),M(14,xK,3,2,`div`,27),M(15,SK,2,1,`span`,28),R()()),e&2){let e=t.$implicit,n=G(2);j(`data-type`,e.type),k(),j(`datetime`,n.iso(e.timestamp)),k(),Y(n.time(e.timestamp)),k(4),Y(e.path||`(form)`),k(2),Y(e.type),k(),N(e.outcome?9:-1),k(),N(e.count&&e.count>1?10:-1),k(),N(e.origin?11:-1),k(),N(e.ms===void 0?-1:12),k(),N(e.renders?13:-1),k(),N(e.prev!==void 0||e.detail?14:-1),k(),N(e.caller?15:-1)}}function wK(e,t){if(e&1&&(L(0,`ol`,19),P(1,CK,16,12,`li`,null,fK),R()),e&2){let e=G();k(),F(e.shown())}}function TK(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 T(e),E(G().clearFilters())}),J(6,`Clear filters`),R()()}}function EK(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 DK=[`all`,`user`,`code`,`agent`,`devtools`],OK=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],kK=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=DK;filter=O(`all`);pathFilter=O(``);typeFilter=O(`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=OK.filter(t=>e.has(t)),r=[...e].filter(e=>!OK.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=QO;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&l_(t.pathInput,uK,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,pK,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,mK,3,3,`label`,null,Ag),R()(),L(14,`div`,10)(15,`div`,11),D(),L(16,`svg`,12),z(17,`circle`,13)(18,`path`,14),R(),_s(),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 T(e),sv(t.typeFilter,n)||(t.typeFilter=n),E(n)}),R(),L(22,`span`,17),J(23),R(),L(24,`span`,18),J(25),R()(),M(26,wK,3,0,`ol`,19)(27,TK,7,0,`div`,20)(28,EK,5,0,`div`,20)}e&2&&(k(),q(`on`,t.recording()),k(),I(`checked`,t.recording()),k(3),N(t.recording()?5:-1),k(7),F(t.origins),k(7),I(`value`,t.pathFilter()),k(2),I(`options`,t.typeOptions()),ov(`value`,t.typeFilter),k(2),Y(t.summary()),k(2),Y(t.filterStatus()),k(),N(t.shown().length?26:t.events().length?27:28))},dependencies:[OO],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},fK=[`pathInput`],pK=()=>[],mK=(e,t)=>t.formId+`#`+t.seq;function hK(e,t){e&1&&z(0,`span`,6)}function gK(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,21),U(`change`,function(){let t=T(e).$implicit;return E(G().filter.set(t))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G();k(),I(`value`,e)(`checked`,e===n.filter()),k(),X(` `,e,` `)}}function _K(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`),k(),Y(e.outcome)}}function vK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),X(`×`,e.count)}}function yK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.origin)}}function bK(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`:``),k(),X(`pending `,e.ms,`ms`)}}function xK(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`:``),k(),Z(``,e.renders,` renders: `,(e.rendered??mv(3,pK)).join(`, `))}}function SK(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;k(),Y(e.prev)}}function CK(e,t){if(e&1&&(L(0,`div`,27),M(1,SK,6,1),J(2),R()),e&2){let e=G().$implicit;k(),N(e.prev===void 0?-1:1),k(),X(` `,e.detail,` `)}}function wK(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`from `,e.caller)}}function TK(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,_K,2,2,`span`,26),M(10,vK,2,1,`span`,26),M(11,yK,2,1,`span`,26),M(12,bK,2,2,`span`,26),M(13,xK,2,4,`span`,26),R(),M(14,CK,3,2,`div`,27),M(15,wK,2,1,`span`,28),R()()),e&2){let e=t.$implicit,n=G(2);j(`data-type`,e.type),k(),j(`datetime`,n.iso(e.timestamp)),k(),Y(n.time(e.timestamp)),k(4),Y(e.path||`(form)`),k(2),Y(e.type),k(),N(e.outcome?9:-1),k(),N(e.count&&e.count>1?10:-1),k(),N(e.origin?11:-1),k(),N(e.ms===void 0?-1:12),k(),N(e.renders?13:-1),k(),N(e.prev!==void 0||e.detail?14:-1),k(),N(e.caller?15:-1)}}function EK(e,t){if(e&1&&(L(0,`ol`,19),P(1,TK,16,12,`li`,null,mK),R()),e&2){let e=G();k(),F(e.shown())}}function DK(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 T(e),E(G().clearFilters())}),J(6,`Clear filters`),R()()}}function OK(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 kK=[`all`,`user`,`code`,`agent`,`devtools`],AK=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],jK=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=kK;filter=O(`all`);pathFilter=O(``);typeFilter=O(`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=AK.filter(t=>e.has(t)),r=[...e].filter(e=>!AK.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=QO;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&l_(t.pathInput,fK,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,hK,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,gK,3,3,`label`,null,Ag),R()(),L(14,`div`,10)(15,`div`,11),D(),L(16,`svg`,12),z(17,`circle`,13)(18,`path`,14),R(),_s(),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 T(e),sv(t.typeFilter,n)||(t.typeFilter=n),E(n)}),R(),L(22,`span`,17),J(23),R(),L(24,`span`,18),J(25),R()(),M(26,EK,3,0,`ol`,19)(27,DK,7,0,`div`,20)(28,OK,5,0,`div`,20)}e&2&&(k(),q(`on`,t.recording()),k(),I(`checked`,t.recording()),k(3),N(t.recording()?5:-1),k(7),F(t.origins),k(7),I(`value`,t.pathFilter()),k(2),I(`options`,t.typeOptions()),ov(`value`,t.typeFilter),k(2),Y(t.summary()),k(2),Y(t.filterStatus()),k(),N(t.shown().length?26:t.events().length?27:28))},dependencies:[OO],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -10737,7 +10743,7 @@ time[_ngcontent-%COMP%] {
     justify-content: center;
     padding: 0 8px;
   }
-}`]})},AK=(e,t)=>t.path;function jK(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function MK(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.description)}}function NK(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();k(),Y(e.error)}}function PK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is `,e.reason,` `)}}function FK(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,PK,4,2,`li`,null,AK),V()()),e&2){let e=G();k(4),F(e.blocking)}}function IK(e,t){e&1&&(B(0,`span`,12),J(1,`required`),V())}function LK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),M(3,IK,2,0,`span`,12),V()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e),k(),N(n.isRequired(e)?3:-1)}}function RK(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Inputs`),V(),B(3,`ul`,11),P(4,LK,4,2,`li`,null,Ag),V()()),e&2){let e=G();k(4),F(e.inputs)}}function zK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is now `,e.now?`required`:`optional`,` `)}}function BK(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,zK,4,2,`li`,null,AK),V()()),e&2){let e=G();k(4),F(e.requiredChanged)}}function VK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(``,e.ms,` ms`)}}function HK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(`fields `,e.fields.join(`, `))}}function UK(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function WK(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,VK,2,1,`span`,10),M(7,HK,2,1,`span`,10),M(8,UK,2,1,`pre`,13),V()),e&2){let e=t.$implicit,n=G(3);k(),j(`datetime`,n.iso(e.at)),k(),Y(wv(3,7,e.at,`HH:mm:ss`)),k(2),j(`data-state`,e.outcome),k(),Y(n.outcome(e.outcome)),k(),N(e.ms===void 0?-1:6),k(),N(e.fields?.length?7:-1),k(),N(e.detail?8:-1)}}function GK(e,t){if(e&1&&(B(0,`ul`),P(1,WK,9,10,`li`,null,kg),V()),e&2){let e=G();k(),F(e.calls)}}function KK(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function qK(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function JK(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,jK,2,0,`span`,6),V(),M(9,MK,2,1,`p`,7),M(10,NK,2,1,`p`,8),M(11,FK,6,0,`div`,9),M(12,RK,6,0,`div`,9),M(13,BK,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,GK,3,0,`ul`)(18,KK,2,0,`p`,10)(19,qK,2,0,`p`,10),V()()),e&2){let e=t,n=G();k(5),Y(e.name),k(),j(`data-state`,e.status),k(),Y(n.statusText()),k(),N(e.duplicate?8:-1),k(),N(e.description?9:-1),k(),N(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),k(),N(e.blocking?.length?11:-1),k(),N(e.inputs?.length?12:-1),k(),N(e.requiredChanged?.length?13:-1),k(4),N(e.calls?.length?17:e.seen===`list`?18:19)}}function YK(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 XK={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},ZK=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 XK[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,JK,20,10,`section`,0)(1,YK,8,0,`p`,1),e&2){let e;N((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[hb],styles:[`[_nghost-%COMP%] {
+}`]})},MK=(e,t)=>t.path;function NK(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function PK(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.description)}}function FK(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();k(),Y(e.error)}}function IK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is `,e.reason,` `)}}function LK(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,IK,4,2,`li`,null,MK),V()()),e&2){let e=G();k(4),F(e.blocking)}}function RK(e,t){e&1&&(B(0,`span`,12),J(1,`required`),V())}function zK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),M(3,RK,2,0,`span`,12),V()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e),k(),N(n.isRequired(e)?3:-1)}}function BK(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Inputs`),V(),B(3,`ul`,11),P(4,zK,4,2,`li`,null,Ag),V()()),e&2){let e=G();k(4),F(e.inputs)}}function VK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is now `,e.now?`required`:`optional`,` `)}}function HK(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,VK,4,2,`li`,null,MK),V()()),e&2){let e=G();k(4),F(e.requiredChanged)}}function UK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(``,e.ms,` ms`)}}function WK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(`fields `,e.fields.join(`, `))}}function GK(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function KK(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,UK,2,1,`span`,10),M(7,WK,2,1,`span`,10),M(8,GK,2,1,`pre`,13),V()),e&2){let e=t.$implicit,n=G(3);k(),j(`datetime`,n.iso(e.at)),k(),Y(wv(3,7,e.at,`HH:mm:ss`)),k(2),j(`data-state`,e.outcome),k(),Y(n.outcome(e.outcome)),k(),N(e.ms===void 0?-1:6),k(),N(e.fields?.length?7:-1),k(),N(e.detail?8:-1)}}function qK(e,t){if(e&1&&(B(0,`ul`),P(1,KK,9,10,`li`,null,kg),V()),e&2){let e=G();k(),F(e.calls)}}function JK(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function YK(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function XK(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,NK,2,0,`span`,6),V(),M(9,PK,2,1,`p`,7),M(10,FK,2,1,`p`,8),M(11,LK,6,0,`div`,9),M(12,BK,6,0,`div`,9),M(13,HK,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,qK,3,0,`ul`)(18,JK,2,0,`p`,10)(19,YK,2,0,`p`,10),V()()),e&2){let e=t,n=G();k(5),Y(e.name),k(),j(`data-state`,e.status),k(),Y(n.statusText()),k(),N(e.duplicate?8:-1),k(),N(e.description?9:-1),k(),N(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),k(),N(e.blocking?.length?11:-1),k(),N(e.inputs?.length?12:-1),k(),N(e.requiredChanged?.length?13:-1),k(4),N(e.calls?.length?17:e.seen===`list`?18:19)}}function ZK(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 QK={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},$K=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 QK[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,XK,20,10,`section`,0)(1,ZK,8,0,`p`,1),e&2){let e;N((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[hb],styles:[`[_nghost-%COMP%] {
   display: contents;
 }
 
@@ -10857,7 +10863,7 @@ li[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%]    + *[_ngcontent-%COMP%] {
   font-size: 12px;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
-}`]})},QK=()=>[],$K=(e,t)=>t.id,eq=(e,t)=>t.node.path;function tq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function nq(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function rq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function iq(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 aq(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 T(e),E(G().allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}if(e&2){let e=G();k(4),Z(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function oq(e,t){if(e&1){let e=H();L(0,`label`,12)(1,`input`,16),U(`change`,function(t){return T(e),E(G(2).allPages.set(t.target.checked))}),R(),J(2,` All pages `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.allPages())}}function sq(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(k(),Y(t))}function cq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,17),U(`click`,function(){let t=T(e).$implicit;return E(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,sq,4,1,`span`,23),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`active`,n.id===r.selected()?.id),j(`aria-current`,n.id===r.selected()?.id?`true`:null),k(),j(`data-status`,n.root.status),k(),j(`title`,n.label),k(),Y(n.label),k(2),X(``,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),X(`, `,n.root.status),k(),N((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function lq(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(){T(e);let t=G(2);return E(t.selectForm(t.visible()[0].id))}),J(6),R()()}if(e&2){let e=G(2);k(2),Y(t),k(4),X(` Show `,e.visible()[0].label,` `)}}function uq(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 T(e),E(G(2).allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}e&2&&(k(2),Y(t))}function dq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();k(),Y(e.submitted?`submitted`:`not submitted`)}}function fq(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function pq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,47),U(`click`,function(){let t=T(e).$implicit;return E(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;k(5),Y(e.path||`(form)`),k(3),X(` `,e.message,` `),k(2),Y(e.kind)}}function mq(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,pq,11,3,`li`,null,kg),R()()),e&2){let e=G();k(2),X(`Error summary (`,e.errorSummary.length,`)`),k(2),F(e.errorSummary)}}function hq(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return T(e),E(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()),k(),X(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function gq(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);k(),Y(e.writesOff)}}function _q(e,t){if(e&1){let e=H();L(0,`button`,49),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `)}}function vq(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,16),U(`change`,function(){let t=T(e).$implicit;return E(G(4).toggleChip(t.id))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G(4);k(),I(`checked`,n.active().has(e.id)),k(),X(` `,e.label,` `)}}function yq(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;k(3),Y(Cv(4,1,e.node.uncommitted))}}function bq(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;k(3),Y(Cv(4,1,e.node.defaultValue))}}function xq(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,yq,6,3,`div`,7),M(4,bq,5,3,`div`,7)),e&2){let e=G().$implicit;k(),Y(Cv(2,3,e.node.value)),k(2),N(e.node.uncommitted===void 0?-1:3),k(),N(e.node.defaultValue===void 0?-1:4)}}function Sq(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function Cq(e,t){if(e&1&&(L(0,`span`,29),J(1),R()),e&2){let e=G().$implicit;j(`data-status`,e.node.status),k(),Y(e.node.status)}}function wq(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function Tq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function Eq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`not validated (`,e.node.skipped,`)`)}}function Dq(e,t){if(e&1&&(L(0,`span`,65),J(1),R()),e&2){let e=G().$implicit;k(),X(`stale: `,e.node.stale.join(`, `))}}function Oq(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function kq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),X(`redacted: `,t.redactLabel(e.node.redacted))}}function Aq(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function jq(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function Mq(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function Nq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`updates on `,e.node.updateOn)}}function Pq(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function Fq(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function Iq(e,t){e&1&&(L(0,`span`),J(1,`async validator`),R())}function Lq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Rq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.accessor)}}function zq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`name `,e.node.name)}}function Bq(e,t){if(e&1&&(L(0,`span`),J(1),xv(2,`json`),R()),e&2){let e=t.$implicit;k(),X(`metadata `,Cv(2,1,e))}}function Vq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),X(`disabled: `,e)}}function Hq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit;k(),X(`at `,e.params.path)}}function Uq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(5);k(),Y(t.sourceText(e))}}function Wq(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,Hq,2,1,`span`,68),M(5,Uq,2,1,`span`,68),R()),e&2){let e=t.$implicit,n=G().$implicit,r=G(4);k(),X(` `,r.errorText(n.node,e),` `),k(2),Y(e.kind),k(),N(e.kind===`standardSchema`&&e.params?.path?4:-1),k(),N(e.source?5:-1)}}function Gq(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function Kq(e,t){if(e&1&&(L(0,`tr`)(1,`td`,69),J(2),R()()),e&2){let e=G().$implicit;k(),K(`padding-left`,28+e.depth*16,`px`),k(),Z(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function qq(e,t){if(e&1){let e=H();L(0,`tr`,58),U(`mouseenter`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return T(e),E(G(4).highlight(null,``))}),L(1,`th`,59)(2,`button`,60),U(`focus`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`blur`,function(){return T(e),E(G(4).highlight(null,``))})(`click`,function(){let t=T(e).$implicit;return E(G(4).toggleField(t.node.path))}),J(3),R(),L(4,`span`,61),J(5),R()(),L(6,`td`,62),M(7,xq,5,5),R(),L(8,`td`,63),M(9,Sq,2,0,`span`,7)(10,Cq,2,2,`span`,29),R(),L(11,`td`,64),M(12,wq,2,0,`span`),M(13,Tq,2,1,`span`),M(14,Eq,2,1,`span`),M(15,Dq,2,1,`span`,65),M(16,Oq,2,0,`span`,65),M(17,kq,2,1,`span`),M(18,Aq,2,0,`span`),M(19,jq,2,0,`span`),M(20,Mq,2,0,`span`),M(21,Nq,2,1,`span`),M(22,Pq,2,0,`span`),M(23,Fq,2,0,`span`),M(24,Iq,2,0,`span`),P(25,Lq,2,1,`span`,null,Ag),M(27,Rq,2,1,`span`),M(28,zq,2,1,`span`),P(29,Bq,3,3,`span`,null,kg),P(31,Vq,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,Wq,6,4,`div`,null,kg),M(36,Gq,2,0,`div`,67),R()(),M(37,Kq,3,4,`tr`)}if(e&2){let e=t.$implicit,n=G(4);q(`invalid`,e.node.errors.length),k(),K(`padding-left`,12+e.depth*16,`px`),k(),j(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),k(),X(` `,e.node.key||`(form)`,` `),k(2),Y(e.node.type),k(2),N(e.node.type===`control`?7:-1),k(2),N(e.node.materialized===!1?9:10),k(3),N(e.node.touched?12:-1),k(),N(e.node.dirty?13:-1),k(),N(e.node.skipped?14:-1),k(),N(e.node.stale?.length?15:-1),k(),N(e.node.dom?.drift===void 0?-1:16),k(),N(e.node.redacted?17:-1),k(),N(e.node.required?18:-1),k(),N(e.node.readonly?19:-1),k(),N(e.node.hidden?20:-1),k(),N(e.node.updateOn?21:-1),k(),N(e.node.debouncing?22:-1),k(),N(e.node.validators?.sync?23:-1),k(),N(e.node.validators?.async?24:-1),k(),F(n.constraintList(e.node)),k(2),N(e.node.accessor?27:-1),k(),N(e.node.name?28:-1),k(),F(e.node.metadata??mv(28,QK)),k(2),F(e.node.disabledReasons??mv(29,QK)),k(3),F(e.node.errors),k(2),N(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),k(),N(e.node.truncated?37:-1)}}function Jq(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function Yq(e,t){e&1&&J(0,` No field matches the selected filters. `)}function Xq(e,t){if(e&1){let e=H();L(0,`button`,8),U(`click`,function(){T(e),G(2);let t=d_(2);return E(G(3).clearFilters(t))}),J(1,` Clear filters `),R()}}function Zq(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,Jq,1,1)(4,Yq,1,0),R(),M(5,Xq,2,0,`button`,71),R()()),e&2){let e=G(4);k(3),N(e.filter()?3:4),k(2),N(e.filtering()?5:-1)}}function Qq(e,t){if(e&1){let e=H();L(0,`app-forms-field-detail`,72),U(`closed`,function(){return T(e),E(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 $q(e,t){if(e&1){let e=H();L(0,`div`,50)(1,`input`,51,0),U(`input`,function(t){return T(e),E(G(3).onFilter(t))})(`keydown.escape`,function(){return T(e),E(G(3).filter.set(``))}),R(),L(3,`fieldset`,52)(4,`legend`,22),J(5,`Show only fields that are`),R(),P(6,vq,3,2,`label`,null,$K),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,qq,38,30,null,null,eq,!1,Zq,6,2,`tr`),R()()(),M(28,Qq,1,4,`app-forms-field-detail`,57)}if(e&2){let e,t=G(3);k(),I(`value`,t.filter()),k(5),F(t.chips),k(3),Y(t.filterStatus()),k(16),F(t.rows()),k(3),N((e=t.selectedNode())?28:-1,e)}}function eJ(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 T(e),E(G(3).setRecording(t))}),R()}if(e&2){let e=G(3);I(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),k(),I(`events`,e.selectedEvents())(`recording`,e.recording())}}function tJ(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 nJ(e,t){if(e&1){let e=H();L(0,`app-forms-lint`,75),U(`showField`,function(t){return T(e),E(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 rJ(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,dq,2,1,`span`),M(16,fq,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,mq,6,1,`details`,31),z(25,`app-forms-webmcp`,32),L(26,`div`,33)(27,`div`,34)(28,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`touch-all`))}),J(29,` Touch all `),R(),L(30,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`revalidate`))}),J(31,` Revalidate `),R(),L(32,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`focus-first-invalid`))}),J(33,` Focus first invalid `),R(),L(34,`button`,8),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),J(35),R(),z(36,`span`,36),L(37,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`snapshot`))}),J(38,`Snapshot`),R(),M(39,hq,2,6,`button`,37),z(40,`span`,38),L(41,`button`,39),U(`click`,function(){return T(e),E(G(2).confirmAct(`reset`))}),J(42),R(),L(43,`button`,40),U(`click`,function(){return T(e),E(G(2).confirmAct(`submit`))}),J(44),R()(),M(45,gq,2,1,`p`,41),L(46,`p`,42),J(47),R()(),L(48,`div`,43),U(`keydown`,function(t){return T(e),E(G(2).onKey(t))}),P(49,_q,2,5,`button`,44,$K),R(),L(51,`div`,45),M(52,$q,29,4)(53,eJ,2,4)(54,tJ,1,3,`app-forms-submit`,46)(55,nJ,1,3,`app-forms-lint`,46),R()()}if(e&2){let e,n=t,r=G(2);k(3),Y(n.label),k(2),X(` `,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),j(`data-status`,n.root.status),k(),Y(n.root.status),k(2),Y(n.root.dirty?`dirty`:`pristine`),k(2),Y(n.root.touched?`touched`:`untouched`),k(),N(n.submitted===void 0?-1:15),k(),N(n.root.submitting?16:-1),k(3),Y(r.counts().get(n.id)?.fields),k(2),q(`has-errors`,r.counts().get(n.id)?.errors),k(),Y(r.counts().get(n.id)?.errors),k(2),N(n.errorSummary?.length?24:-1),k(),I(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),k(3),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(2),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(4),q(`on`,r.picking()),j(`aria-pressed`,!!r.picking()),k(),X(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),k(4),N(r.snapshot()?39:-1),k(2),q(`armed`,r.armed()===`reset`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),k(),q(`armed`,r.armed()===`submit`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),k(),N(r.canWrite()?-1:45),k(2),Y(r.message()),k(2),F(r.tabs),k(2),I(`id`,`forms-panel-`+r.tab_()),j(`aria-labelledby`,`forms-tab-`+r.tab_()),k(),N((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function iJ(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,oq,3,1,`label`,12),L(7,`ul`,13),P(8,cq,12,10,`li`,null,$K),R()(),M(10,lq,7,2,`section`,14)(11,uq,7,1,`section`,14)(12,rJ,56,41,`section`,15),R()),e&2){let e,t=G();k(5),Y(t.visible().length),k(),N(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),k(2),F(t.visible()),k(2),N((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}var aJ=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],oJ=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function sJ(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 cJ(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+cJ(t),0)}function lJ(e){return e.children?e.children.reduce((e,t)=>e+lJ(t),0):+(e.type===`control`&&e.materialized!==!1)}var uJ=class e{rpc=$(null);focus=$(null);canWrite=Q(()=>rD(this.rpc(),`forms`));redactLabel=XE;writesOff=bE(`forms`);focusHandled=Rv();forms=O([]);webMcp=O([]);events=O([]);loading=O(!0);failed=O(!1);selectedId=O(null);selectedLabel=O(null);hostPageId=LE();allPages=O(!1);visible=Q(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>GE(e.id)===t):e});otherPages=Q(()=>this.forms().some(e=>GE(e.id)!==this.hostPageId));instrumented=O([]);recording=Q(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=O(``);tabs=aJ;chips=oJ;tab_=O(`fields`);active=O(new Set);filtering=Q(()=>!!this.filter()||this.active().size>0);filterStatus=O(``);version=O(0);message=O(``);webMcpPage(e){let t=GE(e);return this.webMcp().find(e=>e.pageId===t)}picking=O(null);pickSeq=0;unsubscribe=null;destroyRef=C(Ds);host=C(Il);injector=C(Ts);counts=Q(()=>new Map(this.visible().map(e=>[e.id,{fields:lJ(e.root),errors:cJ(e.root)}])));chosen=Q(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=GE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&GE(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=>sJ(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=O({});droppedEvents=Q(()=>{let e=this.selected()?.id;return e?this.dropped()[GE(e)]??0:0});maxEvents=Q(()=>nD(this.rpc()).limits.formTimeline);selectedEvents=Q(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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 QE(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($E(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&&QE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await QE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set($E(n))}selectForm(e){this.hostPageId&&GE(e)&&GE(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),Hd(()=>{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 QE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set($E(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=qE[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 KE[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=A({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,tq,4,0,`div`,1)(1,nq,7,0,`div`,2)(2,rq,4,0,`div`,1)(3,iq,5,0,`div`,3)(4,aq,7,2,`div`,3)(5,iJ,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:[$G,kK,cK,lK,ZK,rk,gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},eq=()=>[],tq=(e,t)=>t.id,nq=(e,t)=>t.node.path;function rq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function iq(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function aq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function oq(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 sq(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 T(e),E(G().allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}if(e&2){let e=G();k(4),Z(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function cq(e,t){if(e&1){let e=H();L(0,`label`,12)(1,`input`,16),U(`change`,function(t){return T(e),E(G(2).allPages.set(t.target.checked))}),R(),J(2,` All pages `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.allPages())}}function lq(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(k(),Y(t))}function uq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,17),U(`click`,function(){let t=T(e).$implicit;return E(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,lq,4,1,`span`,23),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`active`,n.id===r.selected()?.id),j(`aria-current`,n.id===r.selected()?.id?`true`:null),k(),j(`data-status`,n.root.status),k(),j(`title`,n.label),k(),Y(n.label),k(2),X(``,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),X(`, `,n.root.status),k(),N((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function dq(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(){T(e);let t=G(2);return E(t.selectForm(t.visible()[0].id))}),J(6),R()()}if(e&2){let e=G(2);k(2),Y(t),k(4),X(` Show `,e.visible()[0].label,` `)}}function fq(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 T(e),E(G(2).allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}e&2&&(k(2),Y(t))}function pq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();k(),Y(e.submitted?`submitted`:`not submitted`)}}function mq(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function hq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,47),U(`click`,function(){let t=T(e).$implicit;return E(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;k(5),Y(e.path||`(form)`),k(3),X(` `,e.message,` `),k(2),Y(e.kind)}}function gq(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,hq,11,3,`li`,null,kg),R()()),e&2){let e=G();k(2),X(`Error summary (`,e.errorSummary.length,`)`),k(2),F(e.errorSummary)}}function _q(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return T(e),E(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()),k(),X(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function vq(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);k(),Y(e.writesOff)}}function yq(e,t){if(e&1){let e=H();L(0,`button`,49),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `)}}function bq(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,16),U(`change`,function(){let t=T(e).$implicit;return E(G(4).toggleChip(t.id))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G(4);k(),I(`checked`,n.active().has(e.id)),k(),X(` `,e.label,` `)}}function xq(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;k(3),Y(Cv(4,1,e.node.uncommitted))}}function Sq(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;k(3),Y(Cv(4,1,e.node.defaultValue))}}function Cq(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,xq,6,3,`div`,7),M(4,Sq,5,3,`div`,7)),e&2){let e=G().$implicit;k(),Y(Cv(2,3,e.node.value)),k(2),N(e.node.uncommitted===void 0?-1:3),k(),N(e.node.defaultValue===void 0?-1:4)}}function wq(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function Tq(e,t){if(e&1&&(L(0,`span`,29),J(1),R()),e&2){let e=G().$implicit;j(`data-status`,e.node.status),k(),Y(e.node.status)}}function Eq(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function Dq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function Oq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`not validated (`,e.node.skipped,`)`)}}function kq(e,t){if(e&1&&(L(0,`span`,65),J(1),R()),e&2){let e=G().$implicit;k(),X(`stale: `,e.node.stale.join(`, `))}}function Aq(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function jq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),X(`redacted: `,t.redactLabel(e.node.redacted))}}function Mq(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function Nq(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function Pq(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function Fq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`updates on `,e.node.updateOn)}}function Iq(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function Lq(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function Rq(e,t){e&1&&(L(0,`span`),J(1,`async validator`),R())}function zq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Bq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.accessor)}}function Vq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`name `,e.node.name)}}function Hq(e,t){if(e&1&&(L(0,`span`),J(1),xv(2,`json`),R()),e&2){let e=t.$implicit;k(),X(`metadata `,Cv(2,1,e))}}function Uq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),X(`disabled: `,e)}}function Wq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit;k(),X(`at `,e.params.path)}}function Gq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(5);k(),Y(t.sourceText(e))}}function Kq(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,Wq,2,1,`span`,68),M(5,Gq,2,1,`span`,68),R()),e&2){let e=t.$implicit,n=G().$implicit,r=G(4);k(),X(` `,r.errorText(n.node,e),` `),k(2),Y(e.kind),k(),N(e.kind===`standardSchema`&&e.params?.path?4:-1),k(),N(e.source?5:-1)}}function qq(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function Jq(e,t){if(e&1&&(L(0,`tr`)(1,`td`,69),J(2),R()()),e&2){let e=G().$implicit;k(),K(`padding-left`,28+e.depth*16,`px`),k(),Z(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function Yq(e,t){if(e&1){let e=H();L(0,`tr`,58),U(`mouseenter`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return T(e),E(G(4).highlight(null,``))}),L(1,`th`,59)(2,`button`,60),U(`focus`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`blur`,function(){return T(e),E(G(4).highlight(null,``))})(`click`,function(){let t=T(e).$implicit;return E(G(4).toggleField(t.node.path))}),J(3),R(),L(4,`span`,61),J(5),R()(),L(6,`td`,62),M(7,Cq,5,5),R(),L(8,`td`,63),M(9,wq,2,0,`span`,7)(10,Tq,2,2,`span`,29),R(),L(11,`td`,64),M(12,Eq,2,0,`span`),M(13,Dq,2,1,`span`),M(14,Oq,2,1,`span`),M(15,kq,2,1,`span`,65),M(16,Aq,2,0,`span`,65),M(17,jq,2,1,`span`),M(18,Mq,2,0,`span`),M(19,Nq,2,0,`span`),M(20,Pq,2,0,`span`),M(21,Fq,2,1,`span`),M(22,Iq,2,0,`span`),M(23,Lq,2,0,`span`),M(24,Rq,2,0,`span`),P(25,zq,2,1,`span`,null,Ag),M(27,Bq,2,1,`span`),M(28,Vq,2,1,`span`),P(29,Hq,3,3,`span`,null,kg),P(31,Uq,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,Kq,6,4,`div`,null,kg),M(36,qq,2,0,`div`,67),R()(),M(37,Jq,3,4,`tr`)}if(e&2){let e=t.$implicit,n=G(4);q(`invalid`,e.node.errors.length),k(),K(`padding-left`,12+e.depth*16,`px`),k(),j(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),k(),X(` `,e.node.key||`(form)`,` `),k(2),Y(e.node.type),k(2),N(e.node.type===`control`?7:-1),k(2),N(e.node.materialized===!1?9:10),k(3),N(e.node.touched?12:-1),k(),N(e.node.dirty?13:-1),k(),N(e.node.skipped?14:-1),k(),N(e.node.stale?.length?15:-1),k(),N(e.node.dom?.drift===void 0?-1:16),k(),N(e.node.redacted?17:-1),k(),N(e.node.required?18:-1),k(),N(e.node.readonly?19:-1),k(),N(e.node.hidden?20:-1),k(),N(e.node.updateOn?21:-1),k(),N(e.node.debouncing?22:-1),k(),N(e.node.validators?.sync?23:-1),k(),N(e.node.validators?.async?24:-1),k(),F(n.constraintList(e.node)),k(2),N(e.node.accessor?27:-1),k(),N(e.node.name?28:-1),k(),F(e.node.metadata??mv(28,eq)),k(2),F(e.node.disabledReasons??mv(29,eq)),k(3),F(e.node.errors),k(2),N(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),k(),N(e.node.truncated?37:-1)}}function Xq(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function Zq(e,t){e&1&&J(0,` No field matches the selected filters. `)}function Qq(e,t){if(e&1){let e=H();L(0,`button`,8),U(`click`,function(){T(e),G(2);let t=d_(2);return E(G(3).clearFilters(t))}),J(1,` Clear filters `),R()}}function $q(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,Xq,1,1)(4,Zq,1,0),R(),M(5,Qq,2,0,`button`,71),R()()),e&2){let e=G(4);k(3),N(e.filter()?3:4),k(2),N(e.filtering()?5:-1)}}function eJ(e,t){if(e&1){let e=H();L(0,`app-forms-field-detail`,72),U(`closed`,function(){return T(e),E(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 tJ(e,t){if(e&1){let e=H();L(0,`div`,50)(1,`input`,51,0),U(`input`,function(t){return T(e),E(G(3).onFilter(t))})(`keydown.escape`,function(){return T(e),E(G(3).filter.set(``))}),R(),L(3,`fieldset`,52)(4,`legend`,22),J(5,`Show only fields that are`),R(),P(6,bq,3,2,`label`,null,tq),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,Yq,38,30,null,null,nq,!1,$q,6,2,`tr`),R()()(),M(28,eJ,1,4,`app-forms-field-detail`,57)}if(e&2){let e,t=G(3);k(),I(`value`,t.filter()),k(5),F(t.chips),k(3),Y(t.filterStatus()),k(16),F(t.rows()),k(3),N((e=t.selectedNode())?28:-1,e)}}function nJ(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 T(e),E(G(3).setRecording(t))}),R()}if(e&2){let e=G(3);I(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),k(),I(`events`,e.selectedEvents())(`recording`,e.recording())}}function rJ(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 iJ(e,t){if(e&1){let e=H();L(0,`app-forms-lint`,75),U(`showField`,function(t){return T(e),E(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 aJ(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,pq,2,1,`span`),M(16,mq,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,gq,6,1,`details`,31),z(25,`app-forms-webmcp`,32),L(26,`div`,33)(27,`div`,34)(28,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`touch-all`))}),J(29,` Touch all `),R(),L(30,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`revalidate`))}),J(31,` Revalidate `),R(),L(32,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`focus-first-invalid`))}),J(33,` Focus first invalid `),R(),L(34,`button`,8),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),J(35),R(),z(36,`span`,36),L(37,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`snapshot`))}),J(38,`Snapshot`),R(),M(39,_q,2,6,`button`,37),z(40,`span`,38),L(41,`button`,39),U(`click`,function(){return T(e),E(G(2).confirmAct(`reset`))}),J(42),R(),L(43,`button`,40),U(`click`,function(){return T(e),E(G(2).confirmAct(`submit`))}),J(44),R()(),M(45,vq,2,1,`p`,41),L(46,`p`,42),J(47),R()(),L(48,`div`,43),U(`keydown`,function(t){return T(e),E(G(2).onKey(t))}),P(49,yq,2,5,`button`,44,tq),R(),L(51,`div`,45),M(52,tJ,29,4)(53,nJ,2,4)(54,rJ,1,3,`app-forms-submit`,46)(55,iJ,1,3,`app-forms-lint`,46),R()()}if(e&2){let e,n=t,r=G(2);k(3),Y(n.label),k(2),X(` `,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),j(`data-status`,n.root.status),k(),Y(n.root.status),k(2),Y(n.root.dirty?`dirty`:`pristine`),k(2),Y(n.root.touched?`touched`:`untouched`),k(),N(n.submitted===void 0?-1:15),k(),N(n.root.submitting?16:-1),k(3),Y(r.counts().get(n.id)?.fields),k(2),q(`has-errors`,r.counts().get(n.id)?.errors),k(),Y(r.counts().get(n.id)?.errors),k(2),N(n.errorSummary?.length?24:-1),k(),I(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),k(3),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(2),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(4),q(`on`,r.picking()),j(`aria-pressed`,!!r.picking()),k(),X(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),k(4),N(r.snapshot()?39:-1),k(2),q(`armed`,r.armed()===`reset`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),k(),q(`armed`,r.armed()===`submit`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),k(),N(r.canWrite()?-1:45),k(2),Y(r.message()),k(2),F(r.tabs),k(2),I(`id`,`forms-panel-`+r.tab_()),j(`aria-labelledby`,`forms-tab-`+r.tab_()),k(),N((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function oJ(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,cq,3,1,`label`,12),L(7,`ul`,13),P(8,uq,12,10,`li`,null,tq),R()(),M(10,dq,7,2,`section`,14)(11,fq,7,1,`section`,14)(12,aJ,56,41,`section`,15),R()),e&2){let e,t=G();k(5),Y(t.visible().length),k(),N(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),k(2),F(t.visible()),k(2),N((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}var sJ=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],cJ=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function lJ(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 uJ(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+uJ(t),0)}function dJ(e){return e.children?e.children.reduce((e,t)=>e+dJ(t),0):+(e.type===`control`&&e.materialized!==!1)}var fJ=class e{rpc=$(null);focus=$(null);canWrite=Q(()=>rD(this.rpc(),`forms`));redactLabel=XE;writesOff=bE(`forms`);focusHandled=Rv();forms=O([]);webMcp=O([]);events=O([]);loading=O(!0);failed=O(!1);selectedId=O(null);selectedLabel=O(null);hostPageId=LE();allPages=O(!1);visible=Q(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>GE(e.id)===t):e});otherPages=Q(()=>this.forms().some(e=>GE(e.id)!==this.hostPageId));instrumented=O([]);recording=Q(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=O(``);tabs=sJ;chips=cJ;tab_=O(`fields`);active=O(new Set);filtering=Q(()=>!!this.filter()||this.active().size>0);filterStatus=O(``);version=O(0);message=O(``);webMcpPage(e){let t=GE(e);return this.webMcp().find(e=>e.pageId===t)}picking=O(null);pickSeq=0;unsubscribe=null;destroyRef=C(Ds);host=C(Il);injector=C(Ts);counts=Q(()=>new Map(this.visible().map(e=>[e.id,{fields:dJ(e.root),errors:uJ(e.root)}])));chosen=Q(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=GE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&GE(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=>lJ(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=O({});droppedEvents=Q(()=>{let e=this.selected()?.id;return e?this.dropped()[GE(e)]??0:0});maxEvents=Q(()=>nD(this.rpc()).limits.formTimeline);selectedEvents=Q(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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 QE(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($E(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&&QE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await QE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set($E(n))}selectForm(e){this.hostPageId&&GE(e)&&GE(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),Hd(()=>{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 QE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set($E(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=qE[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 KE[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=A({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,rq,4,0,`div`,1)(1,iq,7,0,`div`,2)(2,aq,4,0,`div`,1)(3,oq,5,0,`div`,3)(4,sq,7,2,`div`,3)(5,oJ,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:[tK,jK,uK,dK,$K,rk,gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -11913,7 +11919,7 @@ code[_ngcontent-%COMP%] {
    .divider[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},dJ=[`filterInput`],fJ=(e,t)=>t.file+t.name,pJ=(e,t)=>t.file+`:`+t.line,mJ=(e,t)=>t.name;function hJ(e,t){e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),L(4,`span`),J(5),R()()),e&2&&(k(5),Y(t))}function gJ(e,t){if(e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),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();k(6),X(`Recording on `,e.instrumentedPages().length,` page(s).`)}}function _J(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function vJ(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 T(e),E(G().refresh())}),J(6,`Try again`),R()()}}function yJ(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 bJ(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function xJ(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function SJ(e,t){if(e&1){let e=H();L(0,`div`,33),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,39),R(),_s(),L(4,`span`),M(5,bJ,1,0)(6,xJ,1,0),R(),L(7,`button`,11),U(`click`,function(){return T(e),E(G(2).refresh())}),J(8,`Try again`),R()()}if(e&2){let e=G(2);k(5),N(e.pipes().length?5:6),k(2),I(`disabled`,e.loading())}}function CJ(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function wJ(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){G();let e=fv(0);k(),X(``,e.instanceCount,` live`)}}function TJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function EJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function DJ(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function OJ(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function kJ(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function AJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),X(`+`,(e.usageCount??1)-1,` more`)}}function jJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function MJ(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,41),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))})(`focus`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`blur`,function(){return T(e),E(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,CJ,2,0,`span`,46),M(10,wJ,2,1,`span`,47),M(11,TJ,2,0,`span`,48),M(12,EJ,2,0,`span`,48),M(13,DJ,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,OJ,2,0,`span`,50)(18,kJ,1,2),M(19,AJ,2,1,`span`,51)(20,jJ,2,2,`span`,51),R()()()}if(e&2){let e=t.$implicit,n=G(3),r=dv(n.liveFor(e.name));k(2),q(`selected`,n.isSelected(e)),j(`aria-current`,n.isSelected(e)||null),k(3),Y(e.name),k(2),Y(e.className),k(2),N(r?.stale?9:-1),k(),N(r?10:-1),k(),N(e.builtin?11:-1),k(),N(e.runtime?12:-1),k(),N(e.isStandalone?-1:13),k(),q(`impure`,!e.isPure),k(),Y(e.isPure?`pure`:`impure`),k(2),N(e.runtime?17:18),k(2),N(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function NJ(e,t){if(e&1){let e=H();L(0,`ul`,40),U(`keydown`,function(t){return T(e),E(G(2).onListKey(t))}),P(1,MJ,21,16,`li`,null,fJ),R()}if(e&2){let e=G(2);k(),F(e.filtered())}}function PJ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function FJ(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function IJ(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,PJ,1,1)(5,FJ,1,0),R(),L(6,`button`,32),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(7,`Clear filters`),R()()}if(e&2){let e=G(2);k(4),N(e.filter().trim()?4:5)}}function LJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function RJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function zJ(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();k(3),I(`file`,e.file)(`line`,e.line)}}function BJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Standalone`),R(),L(2,`dd`),J(3),R()),e&2){let e=G();k(3),Y(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function VJ(e,t){if(e&1&&(L(0,`li`,55),z(1,`app-source-link`,57),R()),e&2){let e=t.$implicit;k(),I(`file`,e.file)(`line`,e.line)}}function HJ(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,VJ,2,2,`li`,55,pJ),R()()),e&2){let e=G();k(4),Y(e.usageCount),k(2),F(e.usages)}}function UJ(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 WJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(5).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(5).highlight(t))})(`mouseleave`,function(){return T(e),E(G(5).highlight(null))})(`focus`,function(){let t=T(e);return E(G(5).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.name),k(2),Y(e.count)}}function GJ(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;k(2),Y(e.name),k(2),Y(e.count)}}function KJ(e,t){if(e&1&&(L(0,`li`),M(1,WJ,5,3,`button`,62)(2,GJ,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;k(),N((e=n.targets?.[0])?1:2,e)}}function qJ(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);k(3),rv(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function JJ(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);k(),Y(e.lastError)}}function YJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,JJ,2,1,`span`,66),R()),e&2){let e=G();k(3),X(` `,e.errorCount,` `),k(),N(e.lastError?4:-1)}}function XJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(7).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(7).highlight(t))})(`mouseleave`,function(){return T(e),E(G(7).highlight(null))})(`focus`,function(){let t=T(e);return E(G(7).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.component)}}function ZJ(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.component)}}function QJ(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(6);k(),Y(t.ms(e.totalMs))}}function $J(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.lastCaller)}}function eY(e,t){if(e&1&&(L(0,`li`,67),M(1,XJ,3,2,`button`,62)(2,ZJ,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,QJ,2,1,`span`,68),R(),M(8,$J,2,1,`span`,69),R()),e&2){let e,n=t.$implicit,r=G(6);k(),N((e=n.target)?1:2,e),k(3),Z(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),k(2),X(``,n.callCount,`×`),k(),N(n.totalMs===void 0?-1:7),k(),N(n.lastCaller?8:-1)}}function tY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function nY(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,eY,9,6,`li`,67,kg),R(),M(6,tY,2,2,`p`,61),R()),e&2){let e=G();k(4),F(e.instances),k(2),N(e.instanceTotal?6:-1)}}function rY(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();k(3),Y(e.lastCaller)}}function iY(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,qJ,4,3),M(5,YJ,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,nY,7,1),M(15,rY,4,1)),e&2){let e=t,n=G(4);k(3),Y(e.callCount),k(),N(e.totalMs===void 0?-1:4),k(),N(e.errorCount?5:-1),k(4),Y(n.describe(e.lastArgs)),k(4),Y(n.describe(e.lastResult)),k(),N(e.instances?.length?14:-1),k(),N(e.lastCaller?15:-1)}}function aY(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function oY(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 sY(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function cY(e,t){if(e&1&&(M(0,UJ,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,KJ,3,1,`li`,null,mJ),R()(),M(12,iY,16,7)(13,aY,4,0),R(),M(14,oY,2,0,`p`,61),M(15,sY,2,0,`p`,61)),e&2){let e,n=t,r=G(3);N(n.stale?0:-1),k(5),Y(n.instanceCount),k(5),F(n.components),k(2),N((e=n.call)?12:r.instrumenting()?13:-1,e),k(2),N(n.staleCheck===`unavailable`?14:-1),k(),N(!n.call&&!r.instrumenting()?15:-1)}}function lY(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 uY(e,t){if(e&1&&(L(0,`header`,52)(1,`h2`,53),J(2),R(),L(3,`span`,48),J(4),R(),M(5,LJ,2,0,`span`,48),M(6,RJ,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,zJ,4,2),M(20,BJ,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,HJ,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,cY,16,5)(30,lY,2,0,`p`,56),R()),e&2){let e,n=t,r=G(2);k(2),Y(n.name),k(),q(`impure`,!n.isPure),k(),Y(n.isPure?`pure`:`impure`),k(),N(n.builtin?5:-1),k(),N(n.runtime?6:-1),k(8),Y(n.className),k(4),Y(r.sourceLabel(n)),k(),N(!n.builtin&&!n.runtime?19:-1),k(),N(n.runtime?-1:20),k(4),X(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),k(),N(n.usages?.length?25:-1),k(4),N((e=r.liveFor(n.name))?29:30,e)}}function dY(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 fY(e,t){if(e&1&&(M(0,SJ,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,NJ,3,0,`ul`,36)(4,IJ,8,1,`div`,37),R(),L(5,`section`,38),M(6,uY,31,13)(7,dY,7,0),R()()),e&2){let e,t=G();N(t.loadFailed()?0:-1),k(3),N(t.filtered().length?3:4),k(3),N((e=t.selected())?6:7,e)}}function pY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function mY(e,t){if(e&1){let e=H();L(0,`button`,80),U(`click`,function(){let t=T(e);return E(G(3).highlight(t))})(`focus`,function(){let t=T(e);return E(G(3).highlight(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))}),J(1),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),k(),X(` `,e.component,` `)}}function hY(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function gY(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function _Y(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function vY(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function yY(e,t){if(e&1){let e=H();L(0,`li`,76),U(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.target))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,mY,2,2,`button`,77)(2,hY,2,1,`span`,78),M(3,gY,2,0,`span`,48),M(4,_Y,2,0,`span`,46),M(5,vY,2,0,`span`,46),L(6,`span`,79),J(7),R()()}if(e&2){let e,n=t.$implicit;k(),N((e=n.target)?1:2,e),k(2),N(n.hasSource?-1:3),k(),N(n.duplicate?4:-1),k(),N(n.resubscribing?5:-1),k(2),Y(n.latestValue??`no value yet`)}}function bY(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,pY,2,2,`p`,61),L(14,`ul`,74),P(15,yY,8,5,`li`,75,kg),R()()),e&2){let e,t=G();k(4),Y(t.async().length),k(9),N((e=t.asyncTotal())?13:-1,e),k(2),F(t.async())}}function xY(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(k(),Y(t.length))}function SY(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function CY(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function wY(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function TY(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e),G();let t=fv(6);return E(G(2).showPipe(t))}),L(1,`span`,91),J(2,`Show pipe `),R(),J(3),R()}if(e&2){let e=G().$implicit;k(3),X(``,e.pipe,` `)}}function EY(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function DY(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,TY,4,1,`button`,86)(9,EY,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;k(2),j(`data-tone`,e.severity),k(),Y(e.severity),k(2),Y(e.rule),k();let n=dv(G(2).pipeFor(e));k(2),N(n?8:9),k(3),I(`file`,e.file)(`line`,e.line),k(2),Y(e.message),k(4),X(` `,e.fix)}}function OY(e,t){if(e&1&&(L(0,`ul`,25),P(1,DY,18,9,`li`,81,kg),R()),e&2){let e=G();k(),F(e.lint())}}var kY=5e3,AY=[{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`}],jY=class e{destroyRef=C(Ds);host=C(Il);injector=C(Ts);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=AY;pipes=O([]);filter=O(``);kind=O(`all`);loading=O(!1);loadFailed=O(!1);selected=O(null);live=O([]);async=O([]);asyncTotal=O(void 0);lint=O(null);lintFailed=O(!1);instrumentedPages=O([]);instrumenting=Q(()=>this.instrumentedPages().length>0);pendingRecord=O(null);recordMessage=O(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(){mc(()=>{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=LE(),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:LE()??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.`)},kY)}}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),Hd(()=>{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=A({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,dJ,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),D(),L(4,`svg`,4),z(5,`circle`,5)(6,`path`,6),R(),_s(),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 T(e),sv(t.kind,n)||(t.kind=n),E(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,hJ,6,1,`p`,14),M(19,gJ,8,1,`p`,14),M(20,_J,4,0,`div`,15)(21,vJ,7,0,`div`,16)(22,yJ,5,0,`div`,17)(23,fY,8,3),M(24,bY,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,xY,2,1,`span`,21),R(),M(29,SY,2,0,`p`,22)(30,CY,2,0,`p`,23)(31,wY,2,0,`p`,24)(32,OY,3,0,`ul`,25),R()}if(e&2){let e,n;k(7),I(`value`,t.filter()),k(2),I(`options`,t.kindOptions),ov(`value`,t.kind),k(2),Z(``,t.filtered().length,` of `,t.allPipes().length),k(2),I(`disabled`,t.loading()),k(2),q(`on`,t.instrumenting()),j(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),k(2),X(` `,t.recordLabel(),` `),k(),N((e=t.recordMessage())?18:-1,e),k(),N(t.instrumenting()?19:-1),k(),N(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),k(4),N(t.async().length>0?24:-1),k(4),N((n=t.lint())?28:-1,n),k(),N(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[OO,lM],styles:[`[_nghost-%COMP%] {
+}`]})},pJ=[`filterInput`],mJ=(e,t)=>t.file+t.name,hJ=(e,t)=>t.file+`:`+t.line,gJ=(e,t)=>t.name;function _J(e,t){e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),L(4,`span`),J(5),R()()),e&2&&(k(5),Y(t))}function vJ(e,t){if(e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),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();k(6),X(`Recording on `,e.instrumentedPages().length,` page(s).`)}}function yJ(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function bJ(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 T(e),E(G().refresh())}),J(6,`Try again`),R()()}}function xJ(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 SJ(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function CJ(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function wJ(e,t){if(e&1){let e=H();L(0,`div`,33),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,39),R(),_s(),L(4,`span`),M(5,SJ,1,0)(6,CJ,1,0),R(),L(7,`button`,11),U(`click`,function(){return T(e),E(G(2).refresh())}),J(8,`Try again`),R()()}if(e&2){let e=G(2);k(5),N(e.pipes().length?5:6),k(2),I(`disabled`,e.loading())}}function TJ(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function EJ(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){G();let e=fv(0);k(),X(``,e.instanceCount,` live`)}}function DJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function OJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function kJ(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function AJ(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function jJ(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function MJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),X(`+`,(e.usageCount??1)-1,` more`)}}function NJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function PJ(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,41),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))})(`focus`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`blur`,function(){return T(e),E(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,TJ,2,0,`span`,46),M(10,EJ,2,1,`span`,47),M(11,DJ,2,0,`span`,48),M(12,OJ,2,0,`span`,48),M(13,kJ,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,AJ,2,0,`span`,50)(18,jJ,1,2),M(19,MJ,2,1,`span`,51)(20,NJ,2,2,`span`,51),R()()()}if(e&2){let e=t.$implicit,n=G(3),r=dv(n.liveFor(e.name));k(2),q(`selected`,n.isSelected(e)),j(`aria-current`,n.isSelected(e)||null),k(3),Y(e.name),k(2),Y(e.className),k(2),N(r?.stale?9:-1),k(),N(r?10:-1),k(),N(e.builtin?11:-1),k(),N(e.runtime?12:-1),k(),N(e.isStandalone?-1:13),k(),q(`impure`,!e.isPure),k(),Y(e.isPure?`pure`:`impure`),k(2),N(e.runtime?17:18),k(2),N(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function FJ(e,t){if(e&1){let e=H();L(0,`ul`,40),U(`keydown`,function(t){return T(e),E(G(2).onListKey(t))}),P(1,PJ,21,16,`li`,null,mJ),R()}if(e&2){let e=G(2);k(),F(e.filtered())}}function IJ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function LJ(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function RJ(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,IJ,1,1)(5,LJ,1,0),R(),L(6,`button`,32),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(7,`Clear filters`),R()()}if(e&2){let e=G(2);k(4),N(e.filter().trim()?4:5)}}function zJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function BJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function VJ(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();k(3),I(`file`,e.file)(`line`,e.line)}}function HJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Standalone`),R(),L(2,`dd`),J(3),R()),e&2){let e=G();k(3),Y(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function UJ(e,t){if(e&1&&(L(0,`li`,55),z(1,`app-source-link`,57),R()),e&2){let e=t.$implicit;k(),I(`file`,e.file)(`line`,e.line)}}function WJ(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,UJ,2,2,`li`,55,hJ),R()()),e&2){let e=G();k(4),Y(e.usageCount),k(2),F(e.usages)}}function GJ(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 KJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(5).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(5).highlight(t))})(`mouseleave`,function(){return T(e),E(G(5).highlight(null))})(`focus`,function(){let t=T(e);return E(G(5).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.name),k(2),Y(e.count)}}function qJ(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;k(2),Y(e.name),k(2),Y(e.count)}}function JJ(e,t){if(e&1&&(L(0,`li`),M(1,KJ,5,3,`button`,62)(2,qJ,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;k(),N((e=n.targets?.[0])?1:2,e)}}function YJ(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);k(3),rv(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function XJ(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);k(),Y(e.lastError)}}function ZJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,XJ,2,1,`span`,66),R()),e&2){let e=G();k(3),X(` `,e.errorCount,` `),k(),N(e.lastError?4:-1)}}function QJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(7).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(7).highlight(t))})(`mouseleave`,function(){return T(e),E(G(7).highlight(null))})(`focus`,function(){let t=T(e);return E(G(7).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.component)}}function $J(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.component)}}function eY(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(6);k(),Y(t.ms(e.totalMs))}}function tY(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.lastCaller)}}function nY(e,t){if(e&1&&(L(0,`li`,67),M(1,QJ,3,2,`button`,62)(2,$J,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,eY,2,1,`span`,68),R(),M(8,tY,2,1,`span`,69),R()),e&2){let e,n=t.$implicit,r=G(6);k(),N((e=n.target)?1:2,e),k(3),Z(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),k(2),X(``,n.callCount,`×`),k(),N(n.totalMs===void 0?-1:7),k(),N(n.lastCaller?8:-1)}}function rY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function iY(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,nY,9,6,`li`,67,kg),R(),M(6,rY,2,2,`p`,61),R()),e&2){let e=G();k(4),F(e.instances),k(2),N(e.instanceTotal?6:-1)}}function aY(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();k(3),Y(e.lastCaller)}}function oY(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,YJ,4,3),M(5,ZJ,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,iY,7,1),M(15,aY,4,1)),e&2){let e=t,n=G(4);k(3),Y(e.callCount),k(),N(e.totalMs===void 0?-1:4),k(),N(e.errorCount?5:-1),k(4),Y(n.describe(e.lastArgs)),k(4),Y(n.describe(e.lastResult)),k(),N(e.instances?.length?14:-1),k(),N(e.lastCaller?15:-1)}}function sY(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function cY(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 lY(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function uY(e,t){if(e&1&&(M(0,GJ,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,JJ,3,1,`li`,null,gJ),R()(),M(12,oY,16,7)(13,sY,4,0),R(),M(14,cY,2,0,`p`,61),M(15,lY,2,0,`p`,61)),e&2){let e,n=t,r=G(3);N(n.stale?0:-1),k(5),Y(n.instanceCount),k(5),F(n.components),k(2),N((e=n.call)?12:r.instrumenting()?13:-1,e),k(2),N(n.staleCheck===`unavailable`?14:-1),k(),N(!n.call&&!r.instrumenting()?15:-1)}}function dY(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 fY(e,t){if(e&1&&(L(0,`header`,52)(1,`h2`,53),J(2),R(),L(3,`span`,48),J(4),R(),M(5,zJ,2,0,`span`,48),M(6,BJ,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,VJ,4,2),M(20,HJ,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,WJ,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,uY,16,5)(30,dY,2,0,`p`,56),R()),e&2){let e,n=t,r=G(2);k(2),Y(n.name),k(),q(`impure`,!n.isPure),k(),Y(n.isPure?`pure`:`impure`),k(),N(n.builtin?5:-1),k(),N(n.runtime?6:-1),k(8),Y(n.className),k(4),Y(r.sourceLabel(n)),k(),N(!n.builtin&&!n.runtime?19:-1),k(),N(n.runtime?-1:20),k(4),X(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),k(),N(n.usages?.length?25:-1),k(4),N((e=r.liveFor(n.name))?29:30,e)}}function pY(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 mY(e,t){if(e&1&&(M(0,wJ,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,FJ,3,0,`ul`,36)(4,RJ,8,1,`div`,37),R(),L(5,`section`,38),M(6,fY,31,13)(7,pY,7,0),R()()),e&2){let e,t=G();N(t.loadFailed()?0:-1),k(3),N(t.filtered().length?3:4),k(3),N((e=t.selected())?6:7,e)}}function hY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function gY(e,t){if(e&1){let e=H();L(0,`button`,80),U(`click`,function(){let t=T(e);return E(G(3).highlight(t))})(`focus`,function(){let t=T(e);return E(G(3).highlight(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))}),J(1),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),k(),X(` `,e.component,` `)}}function _Y(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function vY(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function yY(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function bY(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function xY(e,t){if(e&1){let e=H();L(0,`li`,76),U(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.target))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,gY,2,2,`button`,77)(2,_Y,2,1,`span`,78),M(3,vY,2,0,`span`,48),M(4,yY,2,0,`span`,46),M(5,bY,2,0,`span`,46),L(6,`span`,79),J(7),R()()}if(e&2){let e,n=t.$implicit;k(),N((e=n.target)?1:2,e),k(2),N(n.hasSource?-1:3),k(),N(n.duplicate?4:-1),k(),N(n.resubscribing?5:-1),k(2),Y(n.latestValue??`no value yet`)}}function SY(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,hY,2,2,`p`,61),L(14,`ul`,74),P(15,xY,8,5,`li`,75,kg),R()()),e&2){let e,t=G();k(4),Y(t.async().length),k(9),N((e=t.asyncTotal())?13:-1,e),k(2),F(t.async())}}function CY(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(k(),Y(t.length))}function wY(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function TY(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function EY(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function DY(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e),G();let t=fv(6);return E(G(2).showPipe(t))}),L(1,`span`,91),J(2,`Show pipe `),R(),J(3),R()}if(e&2){let e=G().$implicit;k(3),X(``,e.pipe,` `)}}function OY(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function kY(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,DY,4,1,`button`,86)(9,OY,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;k(2),j(`data-tone`,e.severity),k(),Y(e.severity),k(2),Y(e.rule),k();let n=dv(G(2).pipeFor(e));k(2),N(n?8:9),k(3),I(`file`,e.file)(`line`,e.line),k(2),Y(e.message),k(4),X(` `,e.fix)}}function AY(e,t){if(e&1&&(L(0,`ul`,25),P(1,kY,18,9,`li`,81,kg),R()),e&2){let e=G();k(),F(e.lint())}}var jY=5e3,MY=[{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`}],NY=class e{destroyRef=C(Ds);host=C(Il);injector=C(Ts);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=MY;pipes=O([]);filter=O(``);kind=O(`all`);loading=O(!1);loadFailed=O(!1);selected=O(null);live=O([]);async=O([]);asyncTotal=O(void 0);lint=O(null);lintFailed=O(!1);instrumentedPages=O([]);instrumenting=Q(()=>this.instrumentedPages().length>0);pendingRecord=O(null);recordMessage=O(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(){mc(()=>{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=LE(),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:LE()??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.`)},jY)}}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),Hd(()=>{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=A({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,pJ,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),D(),L(4,`svg`,4),z(5,`circle`,5)(6,`path`,6),R(),_s(),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 T(e),sv(t.kind,n)||(t.kind=n),E(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,_J,6,1,`p`,14),M(19,vJ,8,1,`p`,14),M(20,yJ,4,0,`div`,15)(21,bJ,7,0,`div`,16)(22,xJ,5,0,`div`,17)(23,mY,8,3),M(24,SY,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,CY,2,1,`span`,21),R(),M(29,wY,2,0,`p`,22)(30,TY,2,0,`p`,23)(31,EY,2,0,`p`,24)(32,AY,3,0,`ul`,25),R()}if(e&2){let e,n;k(7),I(`value`,t.filter()),k(2),I(`options`,t.kindOptions),ov(`value`,t.kind),k(2),Z(``,t.filtered().length,` of `,t.allPipes().length),k(2),I(`disabled`,t.loading()),k(2),q(`on`,t.instrumenting()),j(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),k(2),X(` `,t.recordLabel(),` `),k(),N((e=t.recordMessage())?18:-1,e),k(),N(t.instrumenting()?19:-1),k(),N(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),k(4),N(t.async().length>0?24:-1),k(4),N((n=t.lint())?28:-1,n),k(),N(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[OO,uM],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -12674,7 +12680,7 @@ button.pipe-link[_ngcontent-%COMP%]:focus-visible {
   .spinner[_ngcontent-%COMP%] {
     animation: none;
   }
-}`]})},MY=()=>[],NY=()=>[`/`],PY=(e,t)=>t.id,FY=(e,t)=>t.route.id,IY=(e,t)=>t[0],LY=(e,t)=>t.file+t.method,RY=(e,t)=>t.path,zY=(e,t)=>t.mode,BY=(e,t)=>t.file,VY=(e,t)=>t.rule;function HY(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function UY(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function WY(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 GY(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;k(3),I(`title`,e.url),k(),Y(e.url)}}function KY(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `),k(),j(`data-tone`,e.tone),k(),Y(e.count)}}function qY(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(k(),Y(t))}function JY(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),k(),Y(t.short(e.file))}}function YY(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.fullPath)}}function XY(e,t){if(e&1&&(L(0,`li`),M(1,JY,2,2,`app-source-link`,34)(2,YY,2,1,`span`,31),L(3,`span`,35),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(2),j(`data-kind`,e.kind),k(),Y(e.kind)}}function ZY(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Z(``,e[0],` = `,e[1])}}function QY(e,t){if(e&1&&(L(0,`div`,33),P(1,ZY,2,2,`span`,36,IY),R()),e&2){let e=G(2),t=G(3);k(),F(t.paramList(e.match.params))}}function $Y(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,XY,5,3,`li`,null,PY),R(),M(6,QY,3,0,`div`,33)),e&2){let e=G(),t=G(3);k(),Y(e.url),k(3),F(e.match.chain),k(2),N(t.paramList(e.match.params).length?6:-1)}}function eX(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),k(),Y(t.short(e.file))}}function tX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function nX(e,t){if(e&1&&(L(0,`li`),M(1,eX,2,2,`app-source-link`,34)(2,tX,2,1,`span`,31),L(3,`span`,4),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(3),Y(e.reason)}}function rX(e,t){if(e&1&&(L(0,`ul`,37),P(1,nX,5,2,`li`,null,kg),R()),e&2){let e=G(2);k(),F(e.match.rejected.slice(0,5))}}function iX(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,rX,3,0,`ul`,37)),e&2){let e=G();k(),Y(e.url),k(2),N(e.match.rejected.length?3:-1)}}function aX(e,t){if(e&1&&(L(0,`div`,27),M(1,$Y,7,2)(2,iX,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),k(),N(e.match.matched?1:2)}}function oX(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function sX(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function cX(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),k(2),Y(t.dir(e.route.file)),k(),Y(t.base(e.route.file))}}function lX(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function uX(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;k(),X(``,e,`()`)}}function dX(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;k(),X(`"`,e.route.title,`"`)}}function fX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;k(),Y(e)}}function pX(e,t){if(e&1&&M(0,fX,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function mX(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,oX,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,sX,2,0,`span`,41),R()(),L(9,`td`),M(10,cX,4,3,`app-source-link`,42)(11,lX,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,uX,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,dX,2,1,`span`,45),P(18,pX,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`),k(2),K(`padding-left`,e.depth*16,`px`),k(),N(e.depth?3:-1),k(2),Y(e.route.fullPath),k(),j(`data-kind`,e.route.kind),k(),Y(n.kindText(e.route)),k(),N(n.isOpen(e.route)?8:-1),k(2),N(e.route.file?10:11),k(4),F(n.serverExports(e.route)),k(3),N(e.route.title?17:-1),k(),F(e.route.routeMeta??mv(13,MY))}}function hX(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function gX(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function _X(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,hX,1,0)(3,gX,1,0),R()()),e&2){let e=G(3);k(2),N(e.filter().trim()?2:3)}}function vX(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`form`,19),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.explain())}),L(2,`label`,20),J(3,`Test a URL`),R(),L(4,`input`,21),U(`input`,function(t){return T(e),E(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 T(e),E(G(2).filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).filter.set(``))}),R()(),L(10,`div`,25),M(11,qY,2,1,`div`,26)(12,aX,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,mX,20,14,`tr`,30,FY,!1,_X,4,1,`tr`),R()()()}if(e&2){let e,t=G(2);k(4),I(`value`,t.testUrl()),k(),I(`disabled`,t.explaining()),k(),X(` `,t.explaining()?`Explaining…`:`Explain`,` `),k(3),I(`value`,t.filter()),k(2),N((e=t.explainError())?11:(e=t.explained())?12:-1,e),k(15),F(t.routeRows())}}function yX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function bX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`load() ran twice`),R(),J(3,` for `),P(4,yX,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);k(4),F(e.duplicates())}}function xX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function SX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,xX,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);k(4),F(e.refetchedFns())}}function CX(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,80),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`checked`,n.kind()===e),j(`data-kind`,e),k(),X(` `,n.kindLabel(e),` `),k(2),Y(n.kindCount(e))}}function wX(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function TX(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 EX(e,t){if(e&1&&(L(0,`p`,66),M(1,wX,1,2),M(2,TX,1,1),R()),e&2){let e=G(3);k(),N(e.shownCount()<e.matchingCalls().length?1:-1),k(),N(e.serverFull()?2:-1)}}function DX(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),k(),Y(t.short(e.file))}}function OX(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,DX,2,2,`app-source-link`,88)),e&2){let e=t;k(),Y(e.name),k(),N(e.file?2:-1)}}function kX(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.url)}}function AX(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function jX(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function MX(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,jX,1,1),R()),e&2){let e=G().$implicit,t=G(4);j(`data-tone`,t.outcomeTone(e.outcome)),k(),X(``,t.outcomeLabel(e.outcome),` `),k(),N(e.location?2:-1)}}function NX(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`),k(),Y(e.render===`ssr`?`server rendered`:`client only`)}}function PX(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);k(4),Y(t.pretty(e.preview))}}function FX(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function IX(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.ms,` ms `)}}function LX(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,OX,3,2)(11,kX,2,1,`span`,85),M(12,AX,2,0,`span`,35),M(13,MX,3,3,`span`,35),M(14,NX,2,2,`span`,35),R(),M(15,PX,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,FX,2,0,`span`,4)(21,IX,1,1),R(),L(22,`td`,4),J(23),R()()),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(r.time(n.at)),k(2),j(`data-call`,n.kind),k(),Y(r.kindLabel(n.kind)),k(3),j(`data-method`,n.method),k(),Y(n.method),k(),N((e=r.fnOf(n))?10:11,e),k(2),N(n.seeded?12:-1),k(),N(n.outcome?13:-1),k(),N(n.render?14:-1),k(),N(n.preview?15:-1),k(2),j(`data-status`,r.statusClass(n.status)),k(),Y(n.status),k(2),N(n.seeded?20:21),k(3),Y(n.from)}}function RX(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,LX,24,14,`tr`,null,PY),R()()()),e&2){let e=G(3);k(17),F(e.calls())}}function zX(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function BX(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function VX(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,zX,1,1)(5,BX,1,1),R(),L(6,`div`,91)(7,`button`,92),U(`click`,function(){return T(e),E(G(3).clearCallFilters())}),J(8,` Clear filters `),R()()()}if(e&2){let e=G(3);k(4),N(e.callQuery().trim()?4:5)}}function HX(e,t){e&1&&J(0,` No calls of this kind yet. `)}function UX(e,t){e&1&&J(0,` No calls yet. `)}function WX(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,HX,1,0)(3,UX,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);k(2),N(e.allCalls().length?2:3)}}function GX(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=T(e).$implicit;return E(G(3).tryApi(t))}),J(13,` Try `),R()()()}if(e&2){let e=t.$implicit,n=G(3);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.path),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),j(`aria-label`,`Try `+e.method+` `+e.path)}}function KX(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 qX(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);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.name),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),Y(n.fnCalls(e.id))}}function JX(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,qX,13,7,`tr`,null,PY),R()()()),e&2){let e=G(3);k(15),F(e.serverFns())}}function YX(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);k(),Y(e.callsOff)}}function XX(e,t){if(e&1&&(L(0,`p`,77),J(1),R()),e&2){let e=G(3);k(),X(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function ZX(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 T(e),E(G(3).apiBody.set(t.target.value))}),R(),L(3,`label`,98)(4,`input`,64),U(`change`,function(){T(e);let t=G(3);return E(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);k(2),I(`value`,e.apiBody()),k(2),I(`checked`,e.confirmSend())}}function QX(e,t){if(e&1&&(L(0,`p`,78),J(1),R()),e&2){let e=G(3);k(),Z(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function $X(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();k(4),Y(e.error)}}function eZ(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);k(),j(`data-status`,t.statusClass(e.status??0)),k(),Y(e.status),k(2),Z(``,e.ms,` ms · `,e.type||`no content type`),k(2),Y(t.pretty(e.body??``))}}function tZ(e,t){e&1&&(L(0,`div`,79),M(1,$X,5,1,`div`,72)(2,eZ,7,5),R()),e&2&&(k(),N(t.error?1:2))}function nZ(e,t){if(e&1){let e=H();M(0,bX,7,0,`div`,48),M(1,SX,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,CX,5,6,`label`,53,Ag),R(),L(10,`div`,54)(11,`button`,55),U(`click`,function(){return T(e),E(G(2).clearCalls())}),J(12,` Clear calls `),R(),L(13,`span`,56),J(14),R()()(),L(15,`div`,57)(16,`div`,58),D(),L(17,`svg`,59),z(18,`circle`,60)(19,`path`,61),R(),_s(),L(20,`input`,62),U(`input`,function(t){return T(e),E(G(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).callQuery.set(``))}),R()(),L(21,`label`,63)(22,`input`,64),U(`change`,function(t){return T(e),E(G(2).failedOnly.set(t.target.checked))}),R(),J(23,` Failed only `),R(),L(24,`span`,65),J(25),R()(),M(26,EX,3,2,`p`,66),M(27,RX,19,0,`div`,67)(28,VX,9,1,`div`,68)(29,WX,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,GX,14,7,`tr`,null,LY,!1,KX,3,0,`tr`),R()()(),M(49,JX,17,0),L(50,`form`,71),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.send())}),L(51,`h2`),J(52,`Request playground`),R(),L(53,`div`,72)(54,`app-select`,73),U(`valueChange`,function(t){return T(e),E(G(2).method.set(t??`GET`))}),R(),L(55,`label`,74),J(56,`Path`),R(),L(57,`input`,75),U(`input`,function(t){return T(e),E(G(2).apiPath.set(t.target.value))}),R(),L(58,`button`,22),J(59),R()(),M(60,YX,2,1,`p`,76)(61,XX,2,1,`p`,77),M(62,ZX,6,2),M(63,QX,2,2,`p`,78)(64,tZ,3,1,`div`,79),R()}if(e&2){let e,t=G(2);N(t.duplicates().length?0:-1),k(),N(t.refetchedFns().length?1:-1),k(7),F(t.kinds),k(3),I(`disabled`,!t.allCalls().length),k(3),Y(t.callsMessage()),k(6),I(`value`,t.callQuery()),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.matchingCalls().length,` of `,t.allCalls().length),k(),N(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),k(),N(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),k(19),F(t.project().api),k(3),N(t.serverFns().length?49:-1),k(5),I(`options`,t.methodOptions)(`value`,t.method()),k(3),I(`value`,t.apiPath()),k(),I(`disabled`,!t.canSend()),j(`aria-describedby`,t.sendHintId()),k(),X(` `,t.sending()?`Sending…`:`Send`,` `),k(),N(t.canCall()?t.needsConfirm()?61:-1:60),k(2),N(t.method()===`GET`?-1:62),k(),N(t.sending()?63:(e=t.response())?64:-1,e)}}function rZ(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=t.$implicit;j(`data-mode`,e.mode),k(),Z(``,e.label,` · `,e.count)}}function iZ(e,t){if(e&1&&(L(0,`div`,33),P(1,rZ,2,3,`span`,35,zY),R()),e&2){let e=G(3);k(),F(e.modeCounts())}}function aZ(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function oZ(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,aZ,2,0,`span`,104),R()),e&2){let e=t,n=G().$implicit,r=G(3);k(),j(`data-status`,r.statusClass(e.status)),k(),Y(e.status),k(2),Z(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),k(),N(r.mismatch(n)?5:-1)}}function sZ(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}function cZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function lZ(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,oZ,6,5,`div`,43)(11,sZ,2,0,`span`,102),R(),L(12,`td`),M(13,cZ,4,3,`app-source-link`,42),R()()),e&2){let e,n=t.$implicit,r=G(3);k(2),Y(n.path),k(3),j(`data-mode`,n.mode),k(),Y(r.modeLabel(n.mode)),k(2),Y(n.reason),k(2),N((e=n.last)?10:11,e),k(3),N(n.file?13:-1)}}function uZ(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 dZ(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 fZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function pZ(e,t){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function mZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function hZ(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,mZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.fromRules)}}function gZ(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function _Z(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,gZ,2,1,`span`,107,Ag),R()),e&2){let e=G(2);k(3),F(e.staticMissing)}}function vZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function yZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,vZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.dynamic)}}function bZ(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function xZ(e,t){if(e&1&&(J(0,` · missing `),P(1,bZ,2,1,`span`,108,Ag)),e&2){let e=G(3);k(),F(e.notBuilt)}}function SZ(e,t){if(e&1&&(J(0),M(1,xZ,3,0)),e&2){let e=G(2);X(` `,e.built.length,` page(s) in dist/analog/public `),k(),N(e.notBuilt.length?1:-1)}}function CZ(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function wZ(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,fZ,2,1,`span`,36,Ag),M(6,pZ,2,0,`span`,102),R(),M(7,hZ,5,0),M(8,_Z,5,0),M(9,yZ,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,SZ,2,2)(14,CZ,2,0,`span`,102),R()()),e&2){let e=G();k(4),F(e.listed??mv(5,NY)),k(2),N(e.listed?-1:6),k(),N(e.fromRules?.length?7:-1),k(),N(e.staticMissing.length?8:-1),k(),N(e.dynamic.length?9:-1),k(4),N(e.built.length?13:14)}}function TZ(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,dZ,2,0,`p`,4)(4,wZ,15,6,`dl`,105),R()),e&2&&(k(3),N(t.dynamicConfig?3:4))}function EZ(e,t){if(e&1&&(M(0,iZ,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,lZ,14,6,`tr`,null,RY,!1,uZ,3,0,`tr`),R()()(),M(17,TZ,5,1,`div`,101)),e&2){let e,t=G(2);N(t.modeCounts().length?0:-1),k(14),F(t.renderRows()),k(3),N((e=t.plan())?17:-1,e)}}function DZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,111),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.error)}}function OZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,104),J(2),R()()),e&2){let e=G(5);k(2),X(`takes over `,e.base(t))}}function kZ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,DZ,3,1,`div`),M(5,OZ,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);k(3),Y(n.attributes.title||`(no title)`),k(),N(n.error?4:-1),k(),N((e=r.shadowed(n.file))?5:-1,e),k(2),Y(r.contentUrl(n.file)??``),k(2),Y(n.slug),k(2),Y(n.attributes.date||``),k(2),I(`file`,n.file),k(2),Y(r.dir(n.file)),k(),Y(r.base(n.file))}}function AZ(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,kZ,17,9,`tr`,null,BY),R()()()),e&2){let e=G(3);k(15),F(e.project().content)}}function jZ(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 MZ(e,t){e&1&&M(0,AZ,17,0,`div`,109)(1,jZ,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function NZ(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.items.length)}}function PZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function FZ(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function IZ(e,t){if(e&1&&(L(0,`p`,119),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function LZ(e,t){if(e&1&&(L(0,`li`),M(1,PZ,4,3,`app-source-link`,42),M(2,FZ,2,1,`span`,40),M(3,IZ,2,1,`p`,119),R()),e&2){let e=t.$implicit;k(),N(e.file?1:-1),k(),N(e.path&&e.path!==e.file?2:-1),k(),N(e.message?3:-1)}}function RZ(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,NZ,2,1,`span`,17),R(),L(7,`p`),J(8),R(),L(9,`ul`,116),P(10,LZ,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)),k(2),j(`data-tone`,n.tone(e.severity)),k(),Y(e.severity),k(2),Y(e.title),k(),N(e.items.length>1?6:-1),k(2),Y(e.summary),k(2),F(e.items),k(5),X(` `,e.fix),k(2),Y(e.rule)}}function zZ(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,RZ,18,8,`li`,null,VY),R()),e&2){let e=G(3);k(),Z(` `,e.findings().length,` issue(s) in `,e.lintCards().length,` group(s). Each card says what is wrong, where, and how to fix it. `),k(2),F(e.lintCards())}}function BZ(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 VZ(e,t){e&1&&M(0,zZ,5,2)(1,BZ,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function HZ(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,GY,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(28,KY,4,7,`button`,13,PY),R(),L(30,`div`,14),M(31,vX,29,6)(32,nZ,65,21)(33,EZ,18,3)(34,MZ,2,1)(35,VZ,2,1),R()}if(e&2){let e,t,n=G();k(5),Y(n.project().version||`unknown`),k(5),Y(n.pageCount()),k(5),Y(n.project().api.length),k(5),Y(n.allCalls().length),k(),j(`data-tone`,n.lintTone()||`good`),k(4),Y(n.lintCount().errors+n.lintCount().warnings),k(),N((e=n.page())?26:-1,e),k(2),F(n.views()),k(2),I(`id`,`analog-panel-`+n.view()),j(`aria-labelledby`,`analog-tab-`+n.view()),k(),N((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var UZ={"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.`}},WZ=200,GZ=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`]),KZ={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},qZ={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},JZ={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},YZ={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function XZ(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),XZ(r.children,t+1,n);return n}var ZZ=class e{rpc=$(null);canCall=Q(()=>rD(this.rpc(),`analog`));callsOff=bE(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=O(`routes`);project=O(null);loadFailed=O(!1);state=O({});findings=O([]);renderRows=O([]);plan=O(null);filter=O(``);testUrl=O(``);explained=O(null);explainError=O(``);explaining=O(!1);kind=O(`all`);method=O(`GET`);apiPath=O(``);apiBody=O(``);confirmSend=O(!1);response=O(null);sending=O(!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=C(Ds);host=C(Il);hostPageId=LE();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=WZ;callQuery=O(``);failedOnly=O(!1);callsMessage=O(``);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>=WZ);allRoutes=Q(()=>XZ(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:KZ[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=UZ[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=GZ.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(){mc(()=>{let e=this.rpc();e&&Nv(()=>void this.load(e))}),mc(()=>{let e=this.view();this.state(),Nv(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await HE(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([HE(t,`analog-lint`,this.hostPageId??void 0),HE(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 HE(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 qZ[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return KZ[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 JZ[e]}outcomeTone(e){return YZ[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=QO;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 VE(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 VE(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 HE(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=A({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,HY,7,0,`div`,0)(1,UY,4,0,`div`,1)(2,WY,14,0,`div`,2)(3,HZ,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[OO,lM],styles:[`@charset "UTF-8";
+}`]})},PY=()=>[],FY=()=>[`/`],IY=(e,t)=>t.id,LY=(e,t)=>t.route.id,RY=(e,t)=>t[0],zY=(e,t)=>t.file+t.method,BY=(e,t)=>t.path,VY=(e,t)=>t.mode,HY=(e,t)=>t.file,UY=(e,t)=>t.rule;function WY(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function GY(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function KY(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 qY(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;k(3),I(`title`,e.url),k(),Y(e.url)}}function JY(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `),k(),j(`data-tone`,e.tone),k(),Y(e.count)}}function YY(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(k(),Y(t))}function XY(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),k(),Y(t.short(e.file))}}function ZY(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.fullPath)}}function QY(e,t){if(e&1&&(L(0,`li`),M(1,XY,2,2,`app-source-link`,34)(2,ZY,2,1,`span`,31),L(3,`span`,35),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(2),j(`data-kind`,e.kind),k(),Y(e.kind)}}function $Y(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Z(``,e[0],` = `,e[1])}}function eX(e,t){if(e&1&&(L(0,`div`,33),P(1,$Y,2,2,`span`,36,RY),R()),e&2){let e=G(2),t=G(3);k(),F(t.paramList(e.match.params))}}function tX(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,QY,5,3,`li`,null,IY),R(),M(6,eX,3,0,`div`,33)),e&2){let e=G(),t=G(3);k(),Y(e.url),k(3),F(e.match.chain),k(2),N(t.paramList(e.match.params).length?6:-1)}}function nX(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),k(),Y(t.short(e.file))}}function rX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function iX(e,t){if(e&1&&(L(0,`li`),M(1,nX,2,2,`app-source-link`,34)(2,rX,2,1,`span`,31),L(3,`span`,4),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(3),Y(e.reason)}}function aX(e,t){if(e&1&&(L(0,`ul`,37),P(1,iX,5,2,`li`,null,kg),R()),e&2){let e=G(2);k(),F(e.match.rejected.slice(0,5))}}function oX(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,aX,3,0,`ul`,37)),e&2){let e=G();k(),Y(e.url),k(2),N(e.match.rejected.length?3:-1)}}function sX(e,t){if(e&1&&(L(0,`div`,27),M(1,tX,7,2)(2,oX,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),k(),N(e.match.matched?1:2)}}function cX(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function lX(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function uX(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),k(2),Y(t.dir(e.route.file)),k(),Y(t.base(e.route.file))}}function dX(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function fX(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;k(),X(``,e,`()`)}}function pX(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;k(),X(`"`,e.route.title,`"`)}}function mX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;k(),Y(e)}}function hX(e,t){if(e&1&&M(0,mX,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function gX(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,cX,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,lX,2,0,`span`,41),R()(),L(9,`td`),M(10,uX,4,3,`app-source-link`,42)(11,dX,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,fX,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,pX,2,1,`span`,45),P(18,hX,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`),k(2),K(`padding-left`,e.depth*16,`px`),k(),N(e.depth?3:-1),k(2),Y(e.route.fullPath),k(),j(`data-kind`,e.route.kind),k(),Y(n.kindText(e.route)),k(),N(n.isOpen(e.route)?8:-1),k(2),N(e.route.file?10:11),k(4),F(n.serverExports(e.route)),k(3),N(e.route.title?17:-1),k(),F(e.route.routeMeta??mv(13,PY))}}function _X(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function vX(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function yX(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,_X,1,0)(3,vX,1,0),R()()),e&2){let e=G(3);k(2),N(e.filter().trim()?2:3)}}function bX(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`form`,19),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.explain())}),L(2,`label`,20),J(3,`Test a URL`),R(),L(4,`input`,21),U(`input`,function(t){return T(e),E(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 T(e),E(G(2).filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).filter.set(``))}),R()(),L(10,`div`,25),M(11,YY,2,1,`div`,26)(12,sX,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,gX,20,14,`tr`,30,LY,!1,yX,4,1,`tr`),R()()()}if(e&2){let e,t=G(2);k(4),I(`value`,t.testUrl()),k(),I(`disabled`,t.explaining()),k(),X(` `,t.explaining()?`Explaining…`:`Explain`,` `),k(3),I(`value`,t.filter()),k(2),N((e=t.explainError())?11:(e=t.explained())?12:-1,e),k(15),F(t.routeRows())}}function xX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function SX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`load() ran twice`),R(),J(3,` for `),P(4,xX,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);k(4),F(e.duplicates())}}function CX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function wX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,CX,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);k(4),F(e.refetchedFns())}}function TX(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,80),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`checked`,n.kind()===e),j(`data-kind`,e),k(),X(` `,n.kindLabel(e),` `),k(2),Y(n.kindCount(e))}}function EX(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function DX(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 OX(e,t){if(e&1&&(L(0,`p`,66),M(1,EX,1,2),M(2,DX,1,1),R()),e&2){let e=G(3);k(),N(e.shownCount()<e.matchingCalls().length?1:-1),k(),N(e.serverFull()?2:-1)}}function kX(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),k(),Y(t.short(e.file))}}function AX(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,kX,2,2,`app-source-link`,88)),e&2){let e=t;k(),Y(e.name),k(),N(e.file?2:-1)}}function jX(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.url)}}function MX(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function NX(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function PX(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,NX,1,1),R()),e&2){let e=G().$implicit,t=G(4);j(`data-tone`,t.outcomeTone(e.outcome)),k(),X(``,t.outcomeLabel(e.outcome),` `),k(),N(e.location?2:-1)}}function FX(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`),k(),Y(e.render===`ssr`?`server rendered`:`client only`)}}function IX(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);k(4),Y(t.pretty(e.preview))}}function LX(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function RX(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.ms,` ms `)}}function zX(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,AX,3,2)(11,jX,2,1,`span`,85),M(12,MX,2,0,`span`,35),M(13,PX,3,3,`span`,35),M(14,FX,2,2,`span`,35),R(),M(15,IX,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,LX,2,0,`span`,4)(21,RX,1,1),R(),L(22,`td`,4),J(23),R()()),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(r.time(n.at)),k(2),j(`data-call`,n.kind),k(),Y(r.kindLabel(n.kind)),k(3),j(`data-method`,n.method),k(),Y(n.method),k(),N((e=r.fnOf(n))?10:11,e),k(2),N(n.seeded?12:-1),k(),N(n.outcome?13:-1),k(),N(n.render?14:-1),k(),N(n.preview?15:-1),k(2),j(`data-status`,r.statusClass(n.status)),k(),Y(n.status),k(2),N(n.seeded?20:21),k(3),Y(n.from)}}function BX(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,zX,24,14,`tr`,null,IY),R()()()),e&2){let e=G(3);k(17),F(e.calls())}}function VX(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function HX(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function UX(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,VX,1,1)(5,HX,1,1),R(),L(6,`div`,91)(7,`button`,92),U(`click`,function(){return T(e),E(G(3).clearCallFilters())}),J(8,` Clear filters `),R()()()}if(e&2){let e=G(3);k(4),N(e.callQuery().trim()?4:5)}}function WX(e,t){e&1&&J(0,` No calls of this kind yet. `)}function GX(e,t){e&1&&J(0,` No calls yet. `)}function KX(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,WX,1,0)(3,GX,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);k(2),N(e.allCalls().length?2:3)}}function qX(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=T(e).$implicit;return E(G(3).tryApi(t))}),J(13,` Try `),R()()()}if(e&2){let e=t.$implicit,n=G(3);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.path),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),j(`aria-label`,`Try `+e.method+` `+e.path)}}function JX(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 YX(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);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.name),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),Y(n.fnCalls(e.id))}}function XX(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,YX,13,7,`tr`,null,IY),R()()()),e&2){let e=G(3);k(15),F(e.serverFns())}}function ZX(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);k(),Y(e.callsOff)}}function QX(e,t){if(e&1&&(L(0,`p`,77),J(1),R()),e&2){let e=G(3);k(),X(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function $X(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 T(e),E(G(3).apiBody.set(t.target.value))}),R(),L(3,`label`,98)(4,`input`,64),U(`change`,function(){T(e);let t=G(3);return E(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);k(2),I(`value`,e.apiBody()),k(2),I(`checked`,e.confirmSend())}}function eZ(e,t){if(e&1&&(L(0,`p`,78),J(1),R()),e&2){let e=G(3);k(),Z(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function tZ(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();k(4),Y(e.error)}}function nZ(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);k(),j(`data-status`,t.statusClass(e.status??0)),k(),Y(e.status),k(2),Z(``,e.ms,` ms · `,e.type||`no content type`),k(2),Y(t.pretty(e.body??``))}}function rZ(e,t){e&1&&(L(0,`div`,79),M(1,tZ,5,1,`div`,72)(2,nZ,7,5),R()),e&2&&(k(),N(t.error?1:2))}function iZ(e,t){if(e&1){let e=H();M(0,SX,7,0,`div`,48),M(1,wX,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,TX,5,6,`label`,53,Ag),R(),L(10,`div`,54)(11,`button`,55),U(`click`,function(){return T(e),E(G(2).clearCalls())}),J(12,` Clear calls `),R(),L(13,`span`,56),J(14),R()()(),L(15,`div`,57)(16,`div`,58),D(),L(17,`svg`,59),z(18,`circle`,60)(19,`path`,61),R(),_s(),L(20,`input`,62),U(`input`,function(t){return T(e),E(G(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).callQuery.set(``))}),R()(),L(21,`label`,63)(22,`input`,64),U(`change`,function(t){return T(e),E(G(2).failedOnly.set(t.target.checked))}),R(),J(23,` Failed only `),R(),L(24,`span`,65),J(25),R()(),M(26,OX,3,2,`p`,66),M(27,BX,19,0,`div`,67)(28,UX,9,1,`div`,68)(29,KX,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,qX,14,7,`tr`,null,zY,!1,JX,3,0,`tr`),R()()(),M(49,XX,17,0),L(50,`form`,71),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.send())}),L(51,`h2`),J(52,`Request playground`),R(),L(53,`div`,72)(54,`app-select`,73),U(`valueChange`,function(t){return T(e),E(G(2).method.set(t??`GET`))}),R(),L(55,`label`,74),J(56,`Path`),R(),L(57,`input`,75),U(`input`,function(t){return T(e),E(G(2).apiPath.set(t.target.value))}),R(),L(58,`button`,22),J(59),R()(),M(60,ZX,2,1,`p`,76)(61,QX,2,1,`p`,77),M(62,$X,6,2),M(63,eZ,2,2,`p`,78)(64,rZ,3,1,`div`,79),R()}if(e&2){let e,t=G(2);N(t.duplicates().length?0:-1),k(),N(t.refetchedFns().length?1:-1),k(7),F(t.kinds),k(3),I(`disabled`,!t.allCalls().length),k(3),Y(t.callsMessage()),k(6),I(`value`,t.callQuery()),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.matchingCalls().length,` of `,t.allCalls().length),k(),N(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),k(),N(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),k(19),F(t.project().api),k(3),N(t.serverFns().length?49:-1),k(5),I(`options`,t.methodOptions)(`value`,t.method()),k(3),I(`value`,t.apiPath()),k(),I(`disabled`,!t.canSend()),j(`aria-describedby`,t.sendHintId()),k(),X(` `,t.sending()?`Sending…`:`Send`,` `),k(),N(t.canCall()?t.needsConfirm()?61:-1:60),k(2),N(t.method()===`GET`?-1:62),k(),N(t.sending()?63:(e=t.response())?64:-1,e)}}function aZ(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=t.$implicit;j(`data-mode`,e.mode),k(),Z(``,e.label,` · `,e.count)}}function oZ(e,t){if(e&1&&(L(0,`div`,33),P(1,aZ,2,3,`span`,35,VY),R()),e&2){let e=G(3);k(),F(e.modeCounts())}}function sZ(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function cZ(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,sZ,2,0,`span`,104),R()),e&2){let e=t,n=G().$implicit,r=G(3);k(),j(`data-status`,r.statusClass(e.status)),k(),Y(e.status),k(2),Z(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),k(),N(r.mismatch(n)?5:-1)}}function lZ(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}function uZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function dZ(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,cZ,6,5,`div`,43)(11,lZ,2,0,`span`,102),R(),L(12,`td`),M(13,uZ,4,3,`app-source-link`,42),R()()),e&2){let e,n=t.$implicit,r=G(3);k(2),Y(n.path),k(3),j(`data-mode`,n.mode),k(),Y(r.modeLabel(n.mode)),k(2),Y(n.reason),k(2),N((e=n.last)?10:11,e),k(3),N(n.file?13:-1)}}function fZ(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 pZ(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 mZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function hZ(e,t){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function gZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function _Z(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,gZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.fromRules)}}function vZ(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function yZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,vZ,2,1,`span`,107,Ag),R()),e&2){let e=G(2);k(3),F(e.staticMissing)}}function bZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function xZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,bZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.dynamic)}}function SZ(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function CZ(e,t){if(e&1&&(J(0,` · missing `),P(1,SZ,2,1,`span`,108,Ag)),e&2){let e=G(3);k(),F(e.notBuilt)}}function wZ(e,t){if(e&1&&(J(0),M(1,CZ,3,0)),e&2){let e=G(2);X(` `,e.built.length,` page(s) in dist/analog/public `),k(),N(e.notBuilt.length?1:-1)}}function TZ(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function EZ(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,mZ,2,1,`span`,36,Ag),M(6,hZ,2,0,`span`,102),R(),M(7,_Z,5,0),M(8,yZ,5,0),M(9,xZ,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,wZ,2,2)(14,TZ,2,0,`span`,102),R()()),e&2){let e=G();k(4),F(e.listed??mv(5,FY)),k(2),N(e.listed?-1:6),k(),N(e.fromRules?.length?7:-1),k(),N(e.staticMissing.length?8:-1),k(),N(e.dynamic.length?9:-1),k(4),N(e.built.length?13:14)}}function DZ(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,pZ,2,0,`p`,4)(4,EZ,15,6,`dl`,105),R()),e&2&&(k(3),N(t.dynamicConfig?3:4))}function OZ(e,t){if(e&1&&(M(0,oZ,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,dZ,14,6,`tr`,null,BY,!1,fZ,3,0,`tr`),R()()(),M(17,DZ,5,1,`div`,101)),e&2){let e,t=G(2);N(t.modeCounts().length?0:-1),k(14),F(t.renderRows()),k(3),N((e=t.plan())?17:-1,e)}}function kZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,111),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.error)}}function AZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,104),J(2),R()()),e&2){let e=G(5);k(2),X(`takes over `,e.base(t))}}function jZ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,kZ,3,1,`div`),M(5,AZ,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);k(3),Y(n.attributes.title||`(no title)`),k(),N(n.error?4:-1),k(),N((e=r.shadowed(n.file))?5:-1,e),k(2),Y(r.contentUrl(n.file)??``),k(2),Y(n.slug),k(2),Y(n.attributes.date||``),k(2),I(`file`,n.file),k(2),Y(r.dir(n.file)),k(),Y(r.base(n.file))}}function MZ(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,jZ,17,9,`tr`,null,HY),R()()()),e&2){let e=G(3);k(15),F(e.project().content)}}function NZ(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 PZ(e,t){e&1&&M(0,MZ,17,0,`div`,109)(1,NZ,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function FZ(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.items.length)}}function IZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function LZ(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function RZ(e,t){if(e&1&&(L(0,`p`,119),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function zZ(e,t){if(e&1&&(L(0,`li`),M(1,IZ,4,3,`app-source-link`,42),M(2,LZ,2,1,`span`,40),M(3,RZ,2,1,`p`,119),R()),e&2){let e=t.$implicit;k(),N(e.file?1:-1),k(),N(e.path&&e.path!==e.file?2:-1),k(),N(e.message?3:-1)}}function BZ(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,FZ,2,1,`span`,17),R(),L(7,`p`),J(8),R(),L(9,`ul`,116),P(10,zZ,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)),k(2),j(`data-tone`,n.tone(e.severity)),k(),Y(e.severity),k(2),Y(e.title),k(),N(e.items.length>1?6:-1),k(2),Y(e.summary),k(2),F(e.items),k(5),X(` `,e.fix),k(2),Y(e.rule)}}function VZ(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,BZ,18,8,`li`,null,UY),R()),e&2){let e=G(3);k(),Z(` `,e.findings().length,` issue(s) in `,e.lintCards().length,` group(s). Each card says what is wrong, where, and how to fix it. `),k(2),F(e.lintCards())}}function HZ(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 UZ(e,t){e&1&&M(0,VZ,5,2)(1,HZ,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function WZ(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,qY,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(28,JY,4,7,`button`,13,IY),R(),L(30,`div`,14),M(31,bX,29,6)(32,iZ,65,21)(33,OZ,18,3)(34,PZ,2,1)(35,UZ,2,1),R()}if(e&2){let e,t,n=G();k(5),Y(n.project().version||`unknown`),k(5),Y(n.pageCount()),k(5),Y(n.project().api.length),k(5),Y(n.allCalls().length),k(),j(`data-tone`,n.lintTone()||`good`),k(4),Y(n.lintCount().errors+n.lintCount().warnings),k(),N((e=n.page())?26:-1,e),k(2),F(n.views()),k(2),I(`id`,`analog-panel-`+n.view()),j(`aria-labelledby`,`analog-tab-`+n.view()),k(),N((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var GZ={"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.`}},KZ=200,qZ=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`]),JZ={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},YZ={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},XZ={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},ZZ={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function QZ(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),QZ(r.children,t+1,n);return n}var $Z=class e{rpc=$(null);canCall=Q(()=>rD(this.rpc(),`analog`));callsOff=bE(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=O(`routes`);project=O(null);loadFailed=O(!1);state=O({});findings=O([]);renderRows=O([]);plan=O(null);filter=O(``);testUrl=O(``);explained=O(null);explainError=O(``);explaining=O(!1);kind=O(`all`);method=O(`GET`);apiPath=O(``);apiBody=O(``);confirmSend=O(!1);response=O(null);sending=O(!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=C(Ds);host=C(Il);hostPageId=LE();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=KZ;callQuery=O(``);failedOnly=O(!1);callsMessage=O(``);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>=KZ);allRoutes=Q(()=>QZ(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:JZ[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=GZ[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=qZ.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(){mc(()=>{let e=this.rpc();e&&Nv(()=>void this.load(e))}),mc(()=>{let e=this.view();this.state(),Nv(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await HE(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([HE(t,`analog-lint`,this.hostPageId??void 0),HE(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 HE(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 YZ[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return JZ[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 XZ[e]}outcomeTone(e){return ZZ[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=QO;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 VE(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 VE(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 HE(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=A({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,WY,7,0,`div`,0)(1,GY,4,0,`div`,1)(2,KY,14,0,`div`,2)(3,WZ,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[OO,uM],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   --%NS%good: var(--%NS%ok);
   --%NS%bad: var(--%NS%danger);
@@ -14022,7 +14028,7 @@ h2[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
   font-size: 15px;
   font-weight: 600;
-}`]})},QZ=[`callsBody`],$Z=(e,t)=>t.id,eQ=(e,t)=>t.id+t.kind,tQ=(e,t)=>t.entry.side+t.entry.id,nQ=(e,t)=>t.key;function rQ(e,t){e&1&&(L(0,`div`,1),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function iQ(e,t){if(e&1){let e=H();L(0,`div`,2)(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function aQ(e,t){e&1&&(L(0,`span`,82),J(1,`this page`),R())}function oQ(e,t){e&1&&(L(0,`span`,83),J(1,`overridden`),R())}function sQ(e,t){e&1&&(L(0,`span`,84),J(1,`aborted`),R())}function cQ(e,t){if(e&1){let e=H();L(0,`tr`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectedRequestId.set(t.id))}),L(1,`td`,75)(2,`button`,76)(3,`span`,77),J(4),R(),J(5),R()(),L(6,`td`,78),z(7,`span`,79),J(8),R(),L(9,`td`),J(10),R(),L(11,`td`,80),J(12),R(),L(13,`td`,80),J(14),R(),L(15,`td`)(16,`div`,81),M(17,aQ,2,0,`span`,82),M(18,oQ,2,0,`span`,83),M(19,sQ,2,0,`span`,84),R()()()}if(e&2){let e=t.$implicit,n=G(2);q(`selected`,n.selectedRequest()?.id===e.id),k(2),I(`title`,e.url),j(`aria-pressed`,n.selectedRequest()?.id===e.id),k(2),Y(e.method),k(),X(` `,e.url,` `),k(),q(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),k(2),X(``,e.status,` `),k(2),Y(n.renderModeLabel(e.renderMode)),k(2),X(``,e.renderMs,` ms`),k(2),Z(``,e.fetches,` (`,e.fetchMs,` ms)`),k(3),N(e.id===n.selected()?.ssrRequestId?17:-1),k(),N(e.overrides?.length?18:-1),k(),N(e.aborted?19:-1)}}function lQ(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&&(k(),X(` The body was already compressed (`,t,`) when `))}function uQ(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.note)}}function dQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,83),J(2),R(),L(3,`span`),J(4),R(),M(5,uQ,2,1,`span`,89),R()),e&2){let e=t.$implicit,n=G(4);k(2),Y(n.overrideLabel(e.kind)),k(2),Y(e.applied?`applied`:`not applied`),k(),N(e.note?5:-1)}}function fQ(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,dQ,6,3,`p`,88,eQ)),e&2){let e=G();k(4),F(e.overrides)}}function pQ(e,t){if(e&1&&(J(0,` to `),L(1,`code`),J(2),R()),e&2){let e=G().$implicit;k(2),Y(e.finalUrl)}}function mQ(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);k(3),q(`bad`,t.guardVerdict(e)===`rejected`),k(),Z(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function hQ(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);k(4),Y(t.msLabel(e.resolvers.ms))}}function gQ(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;k(4),X(``,e.durationMs,` ms`)}}function _Q(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.reason)}}function vQ(e,t){if(e&1&&(L(0,`dl`,90)(1,`div`)(2,`dt`),J(3,`Navigation`),R(),L(4,`dd`)(5,`code`),J(6),R(),M(7,pQ,3,1),J(8),R()(),M(9,mQ,5,4,`div`),M(10,hQ,5,1,`div`),M(11,gQ,5,1,`div`),R(),M(12,_Q,2,1,`p`,56)),e&2){let e=t.$implicit;k(6),Y(e.url),k(),N(e.finalUrl?7:-1),k(),X(` (`,e.outcome,`) `),k(),N(e.guards?9:-1),k(),N(e.resolvers?10:-1),k(),N(e.durationMs===void 0?-1:11),k(),N(e.reason?12:-1)}}function yQ(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,vQ,13,7,null,null,kg)),e&2){let e=G();k(2),F(e.navigations)}}function bQ(e,t){e&1&&(L(0,`span`,82),J(1,`cached`),R())}function xQ(e,t){if(e&1&&(L(0,`span`,92),J(1,`not cached`),R()),e&2){let e=G().$implicit;I(`title`,G(3).skipText(e.cacheSkip))}}function SQ(e,t){if(e&1&&(L(0,`p`,93),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),X(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function CQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,78),J(6),R(),L(7,`span`,89),J(8),R(),M(9,bQ,2,0,`span`,82)(10,xQ,2,1,`span`,92),R(),M(11,SQ,2,1,`p`,93)),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.method),k(),I(`title`,e.url),k(),Y(e.url),k(),q(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),k(),Y(n.statusLabel(e)),k(2),X(``,e.durationMs,` ms`),k(),N(e.cacheStored?9:e.cacheSkip?10:-1),k(2),N(!e.cacheStored&&e.cacheSkip?11:-1)}}function wQ(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function TQ(e,t){e&1&&(L(0,`p`,93),J(1),R()),e&2&&(k(),X(`Why: `,t,`.`))}function EQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,84),J(6,`cache miss`),R()(),M(7,TQ,2,1,`p`,93)),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(n.method),k(),I(`title`,n.url),k(),Y(n.url),k(3),N((e=r.refetchReason(n))?7:-1,e)}}function DQ(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,EQ,8,4,null,null,$Z)),e&2){let e=G(3);k(),X(`Fetched again in the browser (`,e.refetched().length,`)`),k(3),F(e.refetched())}}function OQ(e,t){e&1&&(L(0,`p`,87),J(1,`No server call ran again in the browser.`),R())}function kQ(e,t){if(e&1&&(L(0,`div`,73)(1,`h3`,85),J(2),L(3,`code`),J(4),R()(),L(5,`dl`,86)(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,lQ,11,1,`p`,56),M(33,fQ,6,0),M(34,yQ,4,0),L(35,`h3`),J(36),R(),P(37,CQ,12,11,null,null,$Z,!1,wQ,2,0,`p`,56),M(40,DQ,6,1)(41,OQ,2,0,`p`,87),R()),e&2){let e,n=t,r=G(2);k(2),X(` `,n.method,` `),k(2),Y(n.url),k(7),Y(n.id),k(5),X(``,n.renderMs,` ms`),k(5),X(``,n.durationMs,` ms`),k(5),X(``,n.bytes,` B`),k(5),Y(r.requestPage()?.title||r.requestPage()?.url||`not connected`),k(),N((e=r.compressedWith(n))?32:-1,e),k(),N(n.overrides?.length?33:-1),k(),N(n.navigations?.length?34:-1),k(2),X(`Server calls (`,r.requestCalls().length,`)`),k(),F(r.requestCalls()),k(3),N(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function AQ(e,t){if(e&1&&(L(0,`div`,69)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,70),J(5,`Request`),R(),L(6,`th`,70),J(7,`Status`),R(),L(8,`th`,70),J(9,`Render mode`),R(),L(10,`th`,71),J(11,`Render`),R(),L(12,`th`,71),J(13,`Server calls`),R(),L(14,`th`,70),J(15,`Notes`),R()()(),L(16,`tbody`),P(17,cQ,20,20,`tr`,72,$Z),R()()(),M(19,kQ,42,13,`div`,73)),e&2){let e,t=G();k(17),F(t.requests()),k(2),N((e=t.selectedRequest())?19:-1,e)}}function jQ(e,t){e&1&&(L(0,`div`,12)(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 MQ(e,t){e&1&&(L(0,`p`,94),J(1,` Rows render as you scroll, so the browser's find only sees the ones near view; the search field searches them all. `),R())}function NQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padTop(),`px`)}}function PQ(e,t){e&1&&(L(0,`span`,99),J(1,`transfer cache`),R())}function FQ(e,t){if(e&1&&(L(0,`span`,99),J(1),R()),e&2){G();let e=fv(0);k(),X(`delayed `,e.delayMs,` ms`)}}function IQ(e,t){e&1&&(L(0,`span`,83),J(1,`mocked`),R())}function LQ(e,t){e&1&&(L(0,`span`,84),J(1,`faulted`),R())}function RQ(e,t){if(e&1&&(L(0,`span`,102),J(1,`rule `),L(2,`code`),J(3),R()()),e&2){let e=t;I(`title`,`Matched rule: `+e),k(3),Y(e)}}function zQ(e,t){if(e&1){let e=H();uv(0),L(1,`tr`,74),U(`click`,function(){T(e);let t=fv(0);return E(G(2).openCall(t.id))}),L(2,`td`)(3,`span`,99),J(4),R()(),L(5,`td`,77),J(6),R(),L(7,`td`,75)(8,`button`,100),J(9),R()(),L(10,`td`,101),J(11),R(),L(12,`td`,78),z(13,`span`,79),J(14),R(),L(15,`td`,80),J(16),R(),L(17,`td`)(18,`div`,81),M(19,PQ,2,0,`span`,99),M(20,FQ,2,1,`span`,99),M(21,IQ,2,0,`span`,83),M(22,LQ,2,0,`span`,84),M(23,RQ,4,2,`span`,102),R()()()}if(e&2){let e,n=t.$implicit,r=G(2),i=dv(n.entry);k(),q(`selected`,r.selectedCall()?.id===i.id),j(`aria-rowindex`,n.index+2)(`data-vindex`,n.index),k(2),q(`server`,i.side===`server`),k(),Y(i.side===`server`?`SSR`:`Client`),k(2),Y(i.method),k(2),I(`title`,i.url),j(`data-call-id`,i.id)(`aria-pressed`,r.selectedCall()?.id===i.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),k(),X(` `,i.url,` `),k(),I(`title`,i.pageUrl??``),k(),X(` `,i.pageUrl??``,` `),k(),q(`ok`,r.callTone(i)===`ok`)(`redirect`,r.callTone(i)===`redirect`)(`bad`,r.callTone(i)===`bad`),k(2),X(``,r.statusLabel(i),` `),k(2),X(``,i.durationMs,` ms`),k(3),N(i.cacheHit?19:-1),k(),N(i.delayMs?20:-1),k(),N(i.mocked?21:-1),k(),N(i.faulted?22:-1),k(),N((e=r.rulePatternOf(i))?23:-1,e)}}function BQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padBottom(),`px`)}}function VQ(e,t){if(e&1&&(M(0,MQ,2,0,`p`,94),L(1,`div`,69)(2,`table`)(3,`thead`)(4,`tr`,95)(5,`th`,70),J(6,`Side`),R(),L(7,`th`,70),J(8,`Method`),R(),L(9,`th`,70),J(10,`URL`),R(),L(11,`th`,70),J(12,`Page`),R(),L(13,`th`,70),J(14,`Status`),R(),L(15,`th`,71),J(16,`Time`),R(),L(17,`th`,70),J(18,`Notes`),R()()(),L(19,`tbody`,96,0),M(21,NQ,2,2,`tr`,97),P(22,zQ,24,29,`tr`,72,tQ),M(24,BQ,2,2,`tr`,97),R()()()),e&2){let e=G();N(e.callWindow.enabled()?0:-1),k(2),j(`aria-rowcount`,e.visibleCalls().length+1),k(17),I(`rovingWindow`,e.callWindow),k(2),N(e.callWindow.padTop()?21:-1),k(),F(e.shownCalls()),k(2),N(e.callWindow.padBottom()?24:-1)}}function HQ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function UQ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function WQ(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,HQ,1,1)(5,UQ,1,1),R(),L(6,`div`,103)(7,`button`,68),U(`click`,function(){return T(e),E(G().clearCallFilters())}),J(8,`Clear filters`),R()()()}if(e&2){let e=G();k(4),N(e.callQuery().trim()?4:5)}}function GQ(e,t){e&1&&(L(0,`div`,12)(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 KQ(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G();return E(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 qQ(e,t){e&1&&(L(0,`p`,112),J(1,` Matched rule `),L(2,`code`),J(3),R()()),e&2&&(k(3),Y(t))}function JQ(e,t){if(e&1){let e=H();L(0,`div`,104),U(`keydown.escape`,function(){return T(e),E(G().closePreview())}),L(1,`div`,105)(2,`h3`,106),J(3,`Response preview`),R(),L(4,`div`,107),M(5,KQ,2,1,`button`,108),L(6,`button`,109),U(`click`,function(){let t=T(e);return E(G().mockCall(t))}),J(7,` Mock this request `),R(),L(8,`button`,110),U(`click`,function(){return T(e),E(G().closePreview())}),J(9,`Close`),R()()(),L(10,`p`,111)(11,`span`,77),J(12),R(),L(13,`span`,78),J(14),R(),L(15,`span`,91),J(16),R()(),M(17,qQ,4,1,`p`,112),L(18,`pre`,113),J(19),R()()}if(e&2){let e,n=t,r=G();k(5),N(!n.error&&n.preview?5:-1),k(),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`http-writes-off`),k(6),Y(n.method),k(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),k(),Y(r.statusLabel(n)),k(),I(`title`,n.url),k(),Y(n.url),k(),N((e=r.rulePatternOf(n))?17:-1,e),k(),q(`error`,!!n.error&&!n.cancelled),j(`aria-label`,n.error?`Response error`:`Response body`),k(),Y(n.error??r.previewText(n)??`(no body)`)}}function YQ(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();k(),Y(e.writesOff)}}function XQ(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 ZQ(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function QQ(e,t){if(e&1&&(L(0,`span`,78),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`),k(),Y(e.status)}}function $Q(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.delayMs,` ms`)}}function e$(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function t$(e,t){e&1&&(L(0,`p`,121),J(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),R())}function n$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleRule(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,118),U(`click`,function(){let t=T(e).$implicit;return E(G().removeRule(t.id))}),J(8,` Remove `),R(),L(9,`span`,119)(10,`span`),J(11),R(),M(12,ZQ,2,0,`span`)(13,QQ,2,7,`span`,120),M(14,$Q,2,1,`span`),M(15,e$,2,0,`span`),R(),M(16,t$,2,0,`p`,121),R()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(e.method||`ANY`),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),k(4),Y(n.targetLabel(e.target)),k(),N(e.status===void 0?12:13),k(2),N(e.delayMs?14:-1),k(),N(e.body?15:-1),k(),N(n.mocksOnServer(e)?16:-1)}}function r$(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function i$(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`,122),U(`input`,function(t){return T(e),E(G().patchOverride(`message`,t))}),R()()}if(e&2){let e=G();k(7),I(`value`,e.overrideDraft().message)}}function a$(e,t){e&1&&J(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function o$(e,t){e&1&&(L(0,`p`,126),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,a$,1,0),R()),e&2&&(k(2),N(t===`http`?2:-1))}function s$(e,t){if(e&1){let e=H();L(0,`label`),J(1,` TransferState key `),L(2,`input`,123),U(`input`,function(t){return T(e),E(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`,124),U(`input`,function(t){return T(e),E(G().patchOverride(`value`,t))}),R()(),L(9,`p`,125),J(10),R(),M(11,o$,3,1,`p`,126)}if(e&2){let e,t=G();k(2),I(`value`,t.overrideDraft().key),k(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`),k(2),Y(t.overrideValueError()),k(),N((e=t.overrideFromPayload())?11:-1,e)}}function c$(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 l$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function u$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function d$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleOverride(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,127),U(`click`,function(){let t=T(e).$implicit;return E(G().removeOverride(t.id))}),J(8,` Remove `),R(),L(9,`span`,119),M(10,l$,2,1,`span`),M(11,u$,2,2,`span`),R()()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(n.overrideLabel(e.kind)),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),k(3),N(e.message?10:-1),k(),N(e.key?11:-1)}}function f$(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function p$(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;k(4),Y(e.hydrated),k(5),Y(e.skipped),k(4),q(`bad`,e.mismatched>0),k(),Y(e.mismatched)}}function m$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Expected`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.expected)}}function h$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Actual`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.actual)}}function g$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,m$,5,1,`span`,129),M(4,h$,5,1,`span`,129),R()),e&2){let e=t.$implicit;k(2),Y(`<`+e.component+`>`),k(),N(e.expected?3:-1),k(),N(e.actual?4:-1)}}function _$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,128),P(3,g$,5,3,`li`,null,kg),R()),e&2){let e=G();k(),X(`Mismatches (`,e.mismatches.length,`)`),k(2),F(e.mismatches)}}function v$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;k(2),Y(e)}}function y$(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,131),P(3,v$,3,1,`li`,null,kg),R()),e&2){let e=G();k(3),F(e.skipHydrationHosts)}}function b$(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 x$(e,t){if(e&1&&(L(0,`pre`,132),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function S$(e,t){e&1&&(L(0,`p`,87),J(1,`No hydration warnings.`),R())}function C$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,x$,2,1,`pre`,132,kg,!1,S$,2,0,`p`,87)),e&2){let e=G();k(),X(`Warnings (`,e.warnings.length,`)`),k(),F(e.warnings)}}function w$(e,t){if(e&1&&(L(0,`dl`,86)(1,`div`)(2,`dt`),J(3,`Enabled`),R(),L(4,`dd`)(5,`span`,99),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,p$,15,5),R(),M(33,_$,5,1),M(34,y$,5,0),M(35,b$,7,0)(36,C$,5,2)),e&2){let e,n=t;k(5),q(`on`,n.enabled)(`off-tag`,!n.enabled),k(),Y(n.enabled?`yes`:`no (client render only)`),k(5),Y(n.hydratedComponents??`n/a`),k(5),Y(n.hydratedNodes??`n/a`),k(5),Y(n.componentsSkippedHydration??`n/a`),k(5),Y(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),k(5),Y(n.deferBlocksWithIncrementalHydration??`n/a`),k(),N((e=n.nodes)?32:-1,e),k(),N(n.mismatches?.length?33:-1),k(),N(n.skipHydrationHosts.length?34:-1),k(),N(n.warningsCaptured===!1?35:36)}}function T$(e,t){e&1&&(L(0,`div`,12)(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 E$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function D$(e,t){if(e&1&&(L(0,`p`,134),J(1),R()),e&2){let e=G(2);k(),Y(e.error)}}function O$(e,t){e&1&&(L(0,`span`,99),J(1),R()),e&2&&(k(),Y(t))}function k$(e,t){if(e&1&&(L(0,`span`,99),J(1),R(),L(2,`span`,137),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`),k(),X(`HTTP `,e.status),k(2),Y(e.url??n.key)}}function A$(e,t){if(e&1&&(L(0,`span`,137),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.key)}}function j$(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G().$implicit;return E(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 M$(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,136),M(3,O$,2,1,`span`,99),M(4,k$,4,6)(5,A$,2,1,`span`,137),L(6,`span`,138),J(7),R()(),L(8,`div`,139)(9,`span`,140),J(10,`Key`),R(),L(11,`code`,141),J(12),R(),L(13,`div`,142)(14,`button`,110),U(`click`,function(){let t=T(e).$implicit;return E(G(3).copyKey(t.key))}),J(15,` Copy `),R(),M(16,j$,2,1,`button`,108),R()(),L(17,`pre`,143),J(18),xv(19,`json`),R()()}if(e&2){let e,n,r=t.$implicit,i=G(3);k(3),N((e=i.payloadLabel(r))?3:-1,e),k(),N((n=r.http)?4:5,n),k(3),X(``,r.size,` B`),k(5),Y(r.key),k(2),j(`aria-label`,`Copy key `+r.key),k(2),N(i.canEditEntry(r)?16:-1),k(),j(`aria-label`,`Value of `+r.key),k(),Y(Cv(19,8,r.value))}}function N$(e,t){if(e&1&&(L(0,`p`,133),J(1),R(),M(2,D$,2,1,`p`,134),L(3,`div`,135),P(4,M$,20,10,`details`,null,nQ),R()),e&2){let e=G();k(),rv(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),k(),N(e.error?2:-1),k(2),F(e.entries)}}function P$(e,t){e&1&&M(0,E$,3,0,`div`,12)(1,N$,6,4),e&2&&N(+!!t.found)}function F$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var I$={kind:`render-error`,pattern:``,message:``,key:``,value:``},L$={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},R$={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},z$={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function B$(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var V$=/\[redacted\]|%5Bredacted%5D/gi;function H$(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?B$(e):e).replace(V$,`*`)}function U$(e){let t=ek(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var W$=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function G$(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function K$(e){let t=G$(e);return t===`/`?``:t}var q$=/\[redacted\]|%5Bredacted%5D/i,J$=200,Y$=50,X$=500,Z$=1e5,Q$=[{value:``,label:`None`},...qT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],$$=class e{rpc=$(null);canWrite=Q(()=>rD(this.rpc(),`http`));writesOff=bE(`http`);loading=O(!1);failed=O(!1);serverCalls=O([]);pages=O([]);payloads=O({});serverDropped=O(0);requests=O([]);rules=O([]);overrides=O([]);overrideDraft=O({...I$});overrideFromPayload=O(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=LE();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=O(null);draft=O({...z$});message=O(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=Q$;unsubscribe=[];destroyRef=C(Ds);injector=C(Ts);host=C(Il);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(()=>nD(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=O(``);sideFilter=O(`all`);failedOnly=O(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];callWindow=new nP({count:Q(()=>this.visibleCalls().length),estimate:37});shownCalls=Q(()=>{let{start:e,end:t}=this.callWindow.range();return this.visibleCalls().slice(e,t).map((t,n)=>({entry:t,index:e+n}))});callsBody=Jv(`callsBody`);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} ${B$(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} ${B$(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${B$(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>X$||this.bodyError()||this.rules().length>=Y$)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&&!JT(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>=Y$?`You can add up to ${Y$} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>X$?`The URL pattern is limited to ${X$} characters.`:this.bodyError()?``:e.status.trim()&&!JT(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>Z$)return`The mock body is limited to ${Z$} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){mc(()=>{let e=this.callsBody()?.nativeElement;e&&this.callWindow.attach(e)}),mc(()=>{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 KT[e]??``}refetchReason(e){let t=`${e.method} ${B$(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${B$(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 R$[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),Hd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return ek(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=H$(e.url),r=e.error||!e.preview?null:U$(e.preview);this.draft.set({...z$,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.`),Hd(()=>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&&!W$.includes(e)?[...W$,e]:W$).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({...z$}),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 VE(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 L$[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<=J$&&!q$.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...I$,kind:`state-edit`,pattern:t?K$(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),Hd(()=>{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({...I$,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){Hd(()=>{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(``),Hd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await VE(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 VE(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=A({type:e,selectors:[[`app-network-inspector`]],viewQuery:function(e,t){e&1&&l_(t.callsBody,QZ,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:128,vars:54,consts:[[`callsBody`,``],[`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`],[`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`],[1,`table-wrap`],[`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`],[1,`muted`,`small`,`window-note`],[`aria-rowindex`,`1`],[`appRovingList`,`button[data-call-id]`,3,`rovingWindow`],[`aria-hidden`,`true`,1,`spacer`],[`colspan`,`7`],[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,rQ,4,0,`div`,1)(1,iQ,7,0,`div`,2),L(2,`div`,3)(3,`div`,4)(4,`span`,5),J(5,`Page`),R(),L(6,`app-select`,6),U(`valueChange`,function(e){return t.selectPage(e)}),R()(),L(7,`button`,7),U(`click`,function(){return t.clearCalls()}),J(8,` Clear timeline `),R(),L(9,`p`,8),J(10),R()(),L(11,`div`,9)(12,`section`,10)(13,`h2`,11),J(14),R(),M(15,AQ,20,1)(16,jQ,11,0,`div`,12),R(),L(17,`section`,13)(18,`h2`,14),J(19),R(),z(20,`app-limit-note`,15),L(21,`div`,16)(22,`div`,17),D(),L(23,`svg`,18),z(24,`circle`,19)(25,`path`,20),R(),_s(),L(26,`input`,21),U(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),R()(),L(27,`app-select`,22),cv(`valueChange`,function(e){return sv(t.sideFilter,e)||(t.sideFilter=e),e}),R(),L(28,`label`,23)(29,`input`,24),U(`change`,function(e){return t.failedOnly.set(e.target.checked)}),R(),J(30,` Failed only `),R(),L(31,`span`,25),J(32),R(),L(33,`span`,26),J(34),R()(),M(35,VQ,25,5)(36,WQ,9,1,`div`,27)(37,GQ,11,0,`div`,12),M(38,JQ,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,YQ,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,XQ,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,n$,17,17,`li`,52,$Z,!1,r$,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,i$,8,1)(107,s$,12,6)(108,c$,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,d$,12,12,`li`,52,$Z,!1,f$,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,w$,37,14)(122,T$,5,0,`div`,12),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,P$,2,1)(127,F$,3,0,`div`,12),R()()),e&2){let e,n,r,i;N(t.loading()?0:t.failed()?1:-1),k(6),I(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),k(),I(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),Y(t.message()),k(4),X(`SSR requests (`,t.requests().length,`)`),k(),N(t.requests().length?15:16),k(4),X(`HTTP timeline (`,t.timeline().length,`)`),k(),I(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),k(),q(`no-calls`,!t.timeline().length),k(5),I(`value`,t.callQuery()),k(),I(`options`,t.sideOptions),ov(`value`,t.sideFilter),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.visibleCalls().length,` of `,t.timeline().length),k(2),Y(t.filterStatus()),k(),N(t.visibleCalls().length?35:t.timeline().length?36:37),k(3),N((e=t.selectedCall())?38:-1,e),k(4),N(t.canWrite()?-1:42),k(7),I(`value`,t.draft().pattern),k(5),I(`options`,t.methodOptions())(`value`,t.draft().method),k(4),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),k(5),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),k(3),I(`value`,t.draft().delayMs),k(6),I(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),j(`aria-invalid`,t.bodyError()?`true`:null),k(2),Y(t.bodyError()),k(),N(t.draftMocksOnServer()?75:-1),k(2),Y(t.draftHint()),k(2),I(`disabled`,!t.canWrite()||!t.draftRule()),j(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),k(3),X(` Rules (`,t.rules().length,`) `),k(2),F(t.rules()),k(15),I(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),k(6),I(`value`,t.overrideDraft().pattern),k(),N((n=t.overrideDraft().kind)===`render-error`?106:n===`state-edit`?107:n===`client-render`?108:-1),k(4),I(`disabled`,!t.canWrite()||!t.overrideReady()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),X(` Overrides (`,t.overrides().length,`) `),k(2),F(t.overrides()),k(6),N((r=t.selected()?.hydration)?121:122,r),k(5),N((i=t.selectedPayload())?126:127,i)}},dependencies:[rk,Vz,OO,gb],styles:[`@charset "UTF-8";
+}`]})},eQ=[`callsBody`],tQ=(e,t)=>t.id,nQ=(e,t)=>t.id+t.kind,rQ=(e,t)=>t.entry.side+t.entry.id,iQ=(e,t)=>t.key;function aQ(e,t){e&1&&(L(0,`div`,1),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function oQ(e,t){if(e&1){let e=H();L(0,`div`,2)(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function sQ(e,t){e&1&&(L(0,`span`,82),J(1,`this page`),R())}function cQ(e,t){e&1&&(L(0,`span`,83),J(1,`overridden`),R())}function lQ(e,t){e&1&&(L(0,`span`,84),J(1,`aborted`),R())}function uQ(e,t){if(e&1){let e=H();L(0,`tr`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectedRequestId.set(t.id))}),L(1,`td`,75)(2,`button`,76)(3,`span`,77),J(4),R(),J(5),R()(),L(6,`td`,78),z(7,`span`,79),J(8),R(),L(9,`td`),J(10),R(),L(11,`td`,80),J(12),R(),L(13,`td`,80),J(14),R(),L(15,`td`)(16,`div`,81),M(17,sQ,2,0,`span`,82),M(18,cQ,2,0,`span`,83),M(19,lQ,2,0,`span`,84),R()()()}if(e&2){let e=t.$implicit,n=G(2);q(`selected`,n.selectedRequest()?.id===e.id),k(2),I(`title`,e.url),j(`aria-pressed`,n.selectedRequest()?.id===e.id),k(2),Y(e.method),k(),X(` `,e.url,` `),k(),q(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),k(2),X(``,e.status,` `),k(2),Y(n.renderModeLabel(e.renderMode)),k(2),X(``,e.renderMs,` ms`),k(2),Z(``,e.fetches,` (`,e.fetchMs,` ms)`),k(3),N(e.id===n.selected()?.ssrRequestId?17:-1),k(),N(e.overrides?.length?18:-1),k(),N(e.aborted?19:-1)}}function dQ(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&&(k(),X(` The body was already compressed (`,t,`) when `))}function fQ(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.note)}}function pQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,83),J(2),R(),L(3,`span`),J(4),R(),M(5,fQ,2,1,`span`,89),R()),e&2){let e=t.$implicit,n=G(4);k(2),Y(n.overrideLabel(e.kind)),k(2),Y(e.applied?`applied`:`not applied`),k(),N(e.note?5:-1)}}function mQ(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,pQ,6,3,`p`,88,nQ)),e&2){let e=G();k(4),F(e.overrides)}}function hQ(e,t){if(e&1&&(J(0,` to `),L(1,`code`),J(2),R()),e&2){let e=G().$implicit;k(2),Y(e.finalUrl)}}function gQ(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);k(3),q(`bad`,t.guardVerdict(e)===`rejected`),k(),Z(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function _Q(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);k(4),Y(t.msLabel(e.resolvers.ms))}}function vQ(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;k(4),X(``,e.durationMs,` ms`)}}function yQ(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.reason)}}function bQ(e,t){if(e&1&&(L(0,`dl`,90)(1,`div`)(2,`dt`),J(3,`Navigation`),R(),L(4,`dd`)(5,`code`),J(6),R(),M(7,hQ,3,1),J(8),R()(),M(9,gQ,5,4,`div`),M(10,_Q,5,1,`div`),M(11,vQ,5,1,`div`),R(),M(12,yQ,2,1,`p`,56)),e&2){let e=t.$implicit;k(6),Y(e.url),k(),N(e.finalUrl?7:-1),k(),X(` (`,e.outcome,`) `),k(),N(e.guards?9:-1),k(),N(e.resolvers?10:-1),k(),N(e.durationMs===void 0?-1:11),k(),N(e.reason?12:-1)}}function xQ(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,bQ,13,7,null,null,kg)),e&2){let e=G();k(2),F(e.navigations)}}function SQ(e,t){e&1&&(L(0,`span`,82),J(1,`cached`),R())}function CQ(e,t){if(e&1&&(L(0,`span`,92),J(1,`not cached`),R()),e&2){let e=G().$implicit;I(`title`,G(3).skipText(e.cacheSkip))}}function wQ(e,t){if(e&1&&(L(0,`p`,93),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),X(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function TQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,78),J(6),R(),L(7,`span`,89),J(8),R(),M(9,SQ,2,0,`span`,82)(10,CQ,2,1,`span`,92),R(),M(11,wQ,2,1,`p`,93)),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.method),k(),I(`title`,e.url),k(),Y(e.url),k(),q(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),k(),Y(n.statusLabel(e)),k(2),X(``,e.durationMs,` ms`),k(),N(e.cacheStored?9:e.cacheSkip?10:-1),k(2),N(!e.cacheStored&&e.cacheSkip?11:-1)}}function EQ(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function DQ(e,t){e&1&&(L(0,`p`,93),J(1),R()),e&2&&(k(),X(`Why: `,t,`.`))}function OQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,84),J(6,`cache miss`),R()(),M(7,DQ,2,1,`p`,93)),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(n.method),k(),I(`title`,n.url),k(),Y(n.url),k(3),N((e=r.refetchReason(n))?7:-1,e)}}function kQ(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,OQ,8,4,null,null,tQ)),e&2){let e=G(3);k(),X(`Fetched again in the browser (`,e.refetched().length,`)`),k(3),F(e.refetched())}}function AQ(e,t){e&1&&(L(0,`p`,87),J(1,`No server call ran again in the browser.`),R())}function jQ(e,t){if(e&1&&(L(0,`div`,73)(1,`h3`,85),J(2),L(3,`code`),J(4),R()(),L(5,`dl`,86)(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,dQ,11,1,`p`,56),M(33,mQ,6,0),M(34,xQ,4,0),L(35,`h3`),J(36),R(),P(37,TQ,12,11,null,null,tQ,!1,EQ,2,0,`p`,56),M(40,kQ,6,1)(41,AQ,2,0,`p`,87),R()),e&2){let e,n=t,r=G(2);k(2),X(` `,n.method,` `),k(2),Y(n.url),k(7),Y(n.id),k(5),X(``,n.renderMs,` ms`),k(5),X(``,n.durationMs,` ms`),k(5),X(``,n.bytes,` B`),k(5),Y(r.requestPage()?.title||r.requestPage()?.url||`not connected`),k(),N((e=r.compressedWith(n))?32:-1,e),k(),N(n.overrides?.length?33:-1),k(),N(n.navigations?.length?34:-1),k(2),X(`Server calls (`,r.requestCalls().length,`)`),k(),F(r.requestCalls()),k(3),N(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function MQ(e,t){if(e&1&&(L(0,`div`,69)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,70),J(5,`Request`),R(),L(6,`th`,70),J(7,`Status`),R(),L(8,`th`,70),J(9,`Render mode`),R(),L(10,`th`,71),J(11,`Render`),R(),L(12,`th`,71),J(13,`Server calls`),R(),L(14,`th`,70),J(15,`Notes`),R()()(),L(16,`tbody`),P(17,uQ,20,20,`tr`,72,tQ),R()()(),M(19,jQ,42,13,`div`,73)),e&2){let e,t=G();k(17),F(t.requests()),k(2),N((e=t.selectedRequest())?19:-1,e)}}function NQ(e,t){e&1&&(L(0,`div`,12)(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 PQ(e,t){e&1&&(L(0,`p`,94),J(1,` Rows render as you scroll, so the browser's find only sees the ones near view; the search field searches them all. `),R())}function FQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padTop(),`px`)}}function IQ(e,t){e&1&&(L(0,`span`,99),J(1,`transfer cache`),R())}function LQ(e,t){if(e&1&&(L(0,`span`,99),J(1),R()),e&2){G();let e=fv(0);k(),X(`delayed `,e.delayMs,` ms`)}}function RQ(e,t){e&1&&(L(0,`span`,83),J(1,`mocked`),R())}function zQ(e,t){e&1&&(L(0,`span`,84),J(1,`faulted`),R())}function BQ(e,t){if(e&1&&(L(0,`span`,102),J(1,`rule `),L(2,`code`),J(3),R()()),e&2){let e=t;I(`title`,`Matched rule: `+e),k(3),Y(e)}}function VQ(e,t){if(e&1){let e=H();uv(0),L(1,`tr`,74),U(`click`,function(){T(e);let t=fv(0);return E(G(2).openCall(t.id))}),L(2,`td`)(3,`span`,99),J(4),R()(),L(5,`td`,77),J(6),R(),L(7,`td`,75)(8,`button`,100),J(9),R()(),L(10,`td`,101),J(11),R(),L(12,`td`,78),z(13,`span`,79),J(14),R(),L(15,`td`,80),J(16),R(),L(17,`td`)(18,`div`,81),M(19,IQ,2,0,`span`,99),M(20,LQ,2,1,`span`,99),M(21,RQ,2,0,`span`,83),M(22,zQ,2,0,`span`,84),M(23,BQ,4,2,`span`,102),R()()()}if(e&2){let e,n=t.$implicit,r=G(2),i=dv(n.entry);k(),q(`selected`,r.selectedCall()?.id===i.id),j(`aria-rowindex`,n.index+2)(`data-vindex`,n.index),k(2),q(`server`,i.side===`server`),k(),Y(i.side===`server`?`SSR`:`Client`),k(2),Y(i.method),k(2),I(`title`,i.url),j(`data-call-id`,i.id)(`aria-pressed`,r.selectedCall()?.id===i.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),k(),X(` `,i.url,` `),k(),I(`title`,i.pageUrl??``),k(),X(` `,i.pageUrl??``,` `),k(),q(`ok`,r.callTone(i)===`ok`)(`redirect`,r.callTone(i)===`redirect`)(`bad`,r.callTone(i)===`bad`),k(2),X(``,r.statusLabel(i),` `),k(2),X(``,i.durationMs,` ms`),k(3),N(i.cacheHit?19:-1),k(),N(i.delayMs?20:-1),k(),N(i.mocked?21:-1),k(),N(i.faulted?22:-1),k(),N((e=r.rulePatternOf(i))?23:-1,e)}}function HQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padBottom(),`px`)}}function UQ(e,t){if(e&1&&(M(0,PQ,2,0,`p`,94),L(1,`div`,69)(2,`table`)(3,`thead`)(4,`tr`,95)(5,`th`,70),J(6,`Side`),R(),L(7,`th`,70),J(8,`Method`),R(),L(9,`th`,70),J(10,`URL`),R(),L(11,`th`,70),J(12,`Page`),R(),L(13,`th`,70),J(14,`Status`),R(),L(15,`th`,71),J(16,`Time`),R(),L(17,`th`,70),J(18,`Notes`),R()()(),L(19,`tbody`,96,0),M(21,FQ,2,2,`tr`,97),P(22,VQ,24,29,`tr`,72,rQ),M(24,HQ,2,2,`tr`,97),R()()()),e&2){let e=G();N(e.callWindow.enabled()?0:-1),k(2),j(`aria-rowcount`,e.visibleCalls().length+1),k(17),I(`rovingWindow`,e.callWindow),k(2),N(e.callWindow.padTop()?21:-1),k(),F(e.shownCalls()),k(2),N(e.callWindow.padBottom()?24:-1)}}function WQ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function GQ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function KQ(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,WQ,1,1)(5,GQ,1,1),R(),L(6,`div`,103)(7,`button`,68),U(`click`,function(){return T(e),E(G().clearCallFilters())}),J(8,`Clear filters`),R()()()}if(e&2){let e=G();k(4),N(e.callQuery().trim()?4:5)}}function qQ(e,t){e&1&&(L(0,`div`,12)(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 JQ(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G();return E(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 YQ(e,t){e&1&&(L(0,`p`,112),J(1,` Matched rule `),L(2,`code`),J(3),R()()),e&2&&(k(3),Y(t))}function XQ(e,t){if(e&1){let e=H();L(0,`div`,104),U(`keydown.escape`,function(){return T(e),E(G().closePreview())}),L(1,`div`,105)(2,`h3`,106),J(3,`Response preview`),R(),L(4,`div`,107),M(5,JQ,2,1,`button`,108),L(6,`button`,109),U(`click`,function(){let t=T(e);return E(G().mockCall(t))}),J(7,` Mock this request `),R(),L(8,`button`,110),U(`click`,function(){return T(e),E(G().closePreview())}),J(9,`Close`),R()()(),L(10,`p`,111)(11,`span`,77),J(12),R(),L(13,`span`,78),J(14),R(),L(15,`span`,91),J(16),R()(),M(17,YQ,4,1,`p`,112),L(18,`pre`,113),J(19),R()()}if(e&2){let e,n=t,r=G();k(5),N(!n.error&&n.preview?5:-1),k(),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`http-writes-off`),k(6),Y(n.method),k(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),k(),Y(r.statusLabel(n)),k(),I(`title`,n.url),k(),Y(n.url),k(),N((e=r.rulePatternOf(n))?17:-1,e),k(),q(`error`,!!n.error&&!n.cancelled),j(`aria-label`,n.error?`Response error`:`Response body`),k(),Y(n.error??r.previewText(n)??`(no body)`)}}function ZQ(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();k(),Y(e.writesOff)}}function QQ(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 $Q(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function e$(e,t){if(e&1&&(L(0,`span`,78),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`),k(),Y(e.status)}}function t$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.delayMs,` ms`)}}function n$(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function r$(e,t){e&1&&(L(0,`p`,121),J(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),R())}function i$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleRule(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,118),U(`click`,function(){let t=T(e).$implicit;return E(G().removeRule(t.id))}),J(8,` Remove `),R(),L(9,`span`,119)(10,`span`),J(11),R(),M(12,$Q,2,0,`span`)(13,e$,2,7,`span`,120),M(14,t$,2,1,`span`),M(15,n$,2,0,`span`),R(),M(16,r$,2,0,`p`,121),R()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(e.method||`ANY`),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),k(4),Y(n.targetLabel(e.target)),k(),N(e.status===void 0?12:13),k(2),N(e.delayMs?14:-1),k(),N(e.body?15:-1),k(),N(n.mocksOnServer(e)?16:-1)}}function a$(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function o$(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`,122),U(`input`,function(t){return T(e),E(G().patchOverride(`message`,t))}),R()()}if(e&2){let e=G();k(7),I(`value`,e.overrideDraft().message)}}function s$(e,t){e&1&&J(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function c$(e,t){e&1&&(L(0,`p`,126),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,s$,1,0),R()),e&2&&(k(2),N(t===`http`?2:-1))}function l$(e,t){if(e&1){let e=H();L(0,`label`),J(1,` TransferState key `),L(2,`input`,123),U(`input`,function(t){return T(e),E(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`,124),U(`input`,function(t){return T(e),E(G().patchOverride(`value`,t))}),R()(),L(9,`p`,125),J(10),R(),M(11,c$,3,1,`p`,126)}if(e&2){let e,t=G();k(2),I(`value`,t.overrideDraft().key),k(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`),k(2),Y(t.overrideValueError()),k(),N((e=t.overrideFromPayload())?11:-1,e)}}function u$(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 d$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function f$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function p$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleOverride(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,127),U(`click`,function(){let t=T(e).$implicit;return E(G().removeOverride(t.id))}),J(8,` Remove `),R(),L(9,`span`,119),M(10,d$,2,1,`span`),M(11,f$,2,2,`span`),R()()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(n.overrideLabel(e.kind)),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),k(3),N(e.message?10:-1),k(),N(e.key?11:-1)}}function m$(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function h$(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;k(4),Y(e.hydrated),k(5),Y(e.skipped),k(4),q(`bad`,e.mismatched>0),k(),Y(e.mismatched)}}function g$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Expected`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.expected)}}function _$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Actual`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.actual)}}function v$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,g$,5,1,`span`,129),M(4,_$,5,1,`span`,129),R()),e&2){let e=t.$implicit;k(2),Y(`<`+e.component+`>`),k(),N(e.expected?3:-1),k(),N(e.actual?4:-1)}}function y$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,128),P(3,v$,5,3,`li`,null,kg),R()),e&2){let e=G();k(),X(`Mismatches (`,e.mismatches.length,`)`),k(2),F(e.mismatches)}}function b$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;k(2),Y(e)}}function x$(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,131),P(3,b$,3,1,`li`,null,kg),R()),e&2){let e=G();k(3),F(e.skipHydrationHosts)}}function S$(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 C$(e,t){if(e&1&&(L(0,`pre`,132),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function w$(e,t){e&1&&(L(0,`p`,87),J(1,`No hydration warnings.`),R())}function T$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,C$,2,1,`pre`,132,kg,!1,w$,2,0,`p`,87)),e&2){let e=G();k(),X(`Warnings (`,e.warnings.length,`)`),k(),F(e.warnings)}}function E$(e,t){if(e&1&&(L(0,`dl`,86)(1,`div`)(2,`dt`),J(3,`Enabled`),R(),L(4,`dd`)(5,`span`,99),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,h$,15,5),R(),M(33,y$,5,1),M(34,x$,5,0),M(35,S$,7,0)(36,T$,5,2)),e&2){let e,n=t;k(5),q(`on`,n.enabled)(`off-tag`,!n.enabled),k(),Y(n.enabled?`yes`:`no (client render only)`),k(5),Y(n.hydratedComponents??`n/a`),k(5),Y(n.hydratedNodes??`n/a`),k(5),Y(n.componentsSkippedHydration??`n/a`),k(5),Y(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),k(5),Y(n.deferBlocksWithIncrementalHydration??`n/a`),k(),N((e=n.nodes)?32:-1,e),k(),N(n.mismatches?.length?33:-1),k(),N(n.skipHydrationHosts.length?34:-1),k(),N(n.warningsCaptured===!1?35:36)}}function D$(e,t){e&1&&(L(0,`div`,12)(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 O$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function k$(e,t){if(e&1&&(L(0,`p`,134),J(1),R()),e&2){let e=G(2);k(),Y(e.error)}}function A$(e,t){e&1&&(L(0,`span`,99),J(1),R()),e&2&&(k(),Y(t))}function j$(e,t){if(e&1&&(L(0,`span`,99),J(1),R(),L(2,`span`,137),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`),k(),X(`HTTP `,e.status),k(2),Y(e.url??n.key)}}function M$(e,t){if(e&1&&(L(0,`span`,137),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.key)}}function N$(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G().$implicit;return E(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 P$(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,136),M(3,A$,2,1,`span`,99),M(4,j$,4,6)(5,M$,2,1,`span`,137),L(6,`span`,138),J(7),R()(),L(8,`div`,139)(9,`span`,140),J(10,`Key`),R(),L(11,`code`,141),J(12),R(),L(13,`div`,142)(14,`button`,110),U(`click`,function(){let t=T(e).$implicit;return E(G(3).copyKey(t.key))}),J(15,` Copy `),R(),M(16,N$,2,1,`button`,108),R()(),L(17,`pre`,143),J(18),xv(19,`json`),R()()}if(e&2){let e,n,r=t.$implicit,i=G(3);k(3),N((e=i.payloadLabel(r))?3:-1,e),k(),N((n=r.http)?4:5,n),k(3),X(``,r.size,` B`),k(5),Y(r.key),k(2),j(`aria-label`,`Copy key `+r.key),k(2),N(i.canEditEntry(r)?16:-1),k(),j(`aria-label`,`Value of `+r.key),k(),Y(Cv(19,8,r.value))}}function F$(e,t){if(e&1&&(L(0,`p`,133),J(1),R(),M(2,k$,2,1,`p`,134),L(3,`div`,135),P(4,P$,20,10,`details`,null,iQ),R()),e&2){let e=G();k(),rv(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),k(),N(e.error?2:-1),k(2),F(e.entries)}}function I$(e,t){e&1&&M(0,O$,3,0,`div`,12)(1,F$,6,4),e&2&&N(+!!t.found)}function L$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var R$={kind:`render-error`,pattern:``,message:``,key:``,value:``},z$={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},B$={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},V$={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function H$(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var U$=/\[redacted\]|%5Bredacted%5D/gi;function W$(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?H$(e):e).replace(U$,`*`)}function G$(e){let t=ek(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var K$=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function q$(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function J$(e){let t=q$(e);return t===`/`?``:t}var Y$=/\[redacted\]|%5Bredacted%5D/i,X$=200,Z$=50,Q$=500,$$=1e5,e1=[{value:``,label:`None`},...qT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],t1=class e{rpc=$(null);canWrite=Q(()=>rD(this.rpc(),`http`));writesOff=bE(`http`);loading=O(!1);failed=O(!1);serverCalls=O([]);pages=O([]);payloads=O({});serverDropped=O(0);requests=O([]);rules=O([]);overrides=O([]);overrideDraft=O({...R$});overrideFromPayload=O(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=LE();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=O(null);draft=O({...V$});message=O(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=e1;unsubscribe=[];destroyRef=C(Ds);injector=C(Ts);host=C(Il);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(()=>nD(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=O(``);sideFilter=O(`all`);failedOnly=O(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];callWindow=new iP({count:Q(()=>this.visibleCalls().length),estimate:37});shownCalls=Q(()=>{let{start:e,end:t}=this.callWindow.range();return this.visibleCalls().slice(e,t).map((t,n)=>({entry:t,index:e+n}))});callsBody=Jv(`callsBody`);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} ${H$(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} ${H$(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${H$(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>Q$||this.bodyError()||this.rules().length>=Z$)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&&!JT(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>=Z$?`You can add up to ${Z$} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>Q$?`The URL pattern is limited to ${Q$} characters.`:this.bodyError()?``:e.status.trim()&&!JT(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>$$)return`The mock body is limited to ${$$} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){mc(()=>{let e=this.callsBody()?.nativeElement;e&&this.callWindow.attach(e)}),mc(()=>{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 KT[e]??``}refetchReason(e){let t=`${e.method} ${H$(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${H$(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 B$[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),Hd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return ek(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=W$(e.url),r=e.error||!e.preview?null:G$(e.preview);this.draft.set({...V$,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.`),Hd(()=>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&&!K$.includes(e)?[...K$,e]:K$).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({...V$}),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 VE(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 z$[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<=X$&&!Y$.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...R$,kind:`state-edit`,pattern:t?J$(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),Hd(()=>{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({...R$,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){Hd(()=>{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(``),Hd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await VE(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 VE(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=A({type:e,selectors:[[`app-network-inspector`]],viewQuery:function(e,t){e&1&&l_(t.callsBody,eQ,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:128,vars:54,consts:[[`callsBody`,``],[`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`],[`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`],[1,`table-wrap`],[`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`],[1,`muted`,`small`,`window-note`],[`aria-rowindex`,`1`],[`appRovingList`,`button[data-call-id]`,3,`rovingWindow`],[`aria-hidden`,`true`,1,`spacer`],[`colspan`,`7`],[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,aQ,4,0,`div`,1)(1,oQ,7,0,`div`,2),L(2,`div`,3)(3,`div`,4)(4,`span`,5),J(5,`Page`),R(),L(6,`app-select`,6),U(`valueChange`,function(e){return t.selectPage(e)}),R()(),L(7,`button`,7),U(`click`,function(){return t.clearCalls()}),J(8,` Clear timeline `),R(),L(9,`p`,8),J(10),R()(),L(11,`div`,9)(12,`section`,10)(13,`h2`,11),J(14),R(),M(15,MQ,20,1)(16,NQ,11,0,`div`,12),R(),L(17,`section`,13)(18,`h2`,14),J(19),R(),z(20,`app-limit-note`,15),L(21,`div`,16)(22,`div`,17),D(),L(23,`svg`,18),z(24,`circle`,19)(25,`path`,20),R(),_s(),L(26,`input`,21),U(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),R()(),L(27,`app-select`,22),cv(`valueChange`,function(e){return sv(t.sideFilter,e)||(t.sideFilter=e),e}),R(),L(28,`label`,23)(29,`input`,24),U(`change`,function(e){return t.failedOnly.set(e.target.checked)}),R(),J(30,` Failed only `),R(),L(31,`span`,25),J(32),R(),L(33,`span`,26),J(34),R()(),M(35,UQ,25,5)(36,KQ,9,1,`div`,27)(37,qQ,11,0,`div`,12),M(38,XQ,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,ZQ,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,QQ,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,i$,17,17,`li`,52,tQ,!1,a$,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,o$,8,1)(107,l$,12,6)(108,u$,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,p$,12,12,`li`,52,tQ,!1,m$,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,E$,37,14)(122,D$,5,0,`div`,12),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,I$,2,1)(127,L$,3,0,`div`,12),R()()),e&2){let e,n,r,i;N(t.loading()?0:t.failed()?1:-1),k(6),I(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),k(),I(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),Y(t.message()),k(4),X(`SSR requests (`,t.requests().length,`)`),k(),N(t.requests().length?15:16),k(4),X(`HTTP timeline (`,t.timeline().length,`)`),k(),I(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),k(),q(`no-calls`,!t.timeline().length),k(5),I(`value`,t.callQuery()),k(),I(`options`,t.sideOptions),ov(`value`,t.sideFilter),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.visibleCalls().length,` of `,t.timeline().length),k(2),Y(t.filterStatus()),k(),N(t.visibleCalls().length?35:t.timeline().length?36:37),k(3),N((e=t.selectedCall())?38:-1,e),k(4),N(t.canWrite()?-1:42),k(7),I(`value`,t.draft().pattern),k(5),I(`options`,t.methodOptions())(`value`,t.draft().method),k(4),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),k(5),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),k(3),I(`value`,t.draft().delayMs),k(6),I(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),j(`aria-invalid`,t.bodyError()?`true`:null),k(2),Y(t.bodyError()),k(),N(t.draftMocksOnServer()?75:-1),k(2),Y(t.draftHint()),k(2),I(`disabled`,!t.canWrite()||!t.draftRule()),j(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),k(3),X(` Rules (`,t.rules().length,`) `),k(2),F(t.rules()),k(15),I(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),k(6),I(`value`,t.overrideDraft().pattern),k(),N((n=t.overrideDraft().kind)===`render-error`?106:n===`state-edit`?107:n===`client-render`?108:-1),k(4),I(`disabled`,!t.canWrite()||!t.overrideReady()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),X(` Overrides (`,t.overrides().length,`) `),k(2),F(t.overrides()),k(6),N((r=t.selected()?.hydration)?121:122,r),k(5),N((i=t.selectedPayload())?126:127,i)}},dependencies:[rk,Uz,OO,gb],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
@@ -15071,7 +15077,7 @@ summary[_ngcontent-%COMP%]:hover   .entry-key[_ngcontent-%COMP%] {
   .message[_ngcontent-%COMP%] {
     text-align: left;
   }
-}`]})};function e1(e,t){e&1&&(D(),B(0,`svg`,9),Vg(1,`path`,20),V())}function t1(e,t){e&1&&(D(),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 n1(e,t){e&1&&(D(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function r1(e,t){e&1&&(D(),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 i1(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,Nu),k(3),Y(e.label)}}function a1(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`),k(),Y(e)}}var o1=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=A({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,e1,2,0,`:svg:svg`,9)(12,t1,11,0,`:svg:svg`,10)(13,n1,5,0,`:svg:svg`,11)(14,r1,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,i1,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,a1,2,3,`li`,19,Ag),V()()),e&2){let e,n;k(11),N((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),k(7),X(` `,t.info().badge),k(2),Y(t.info().heading),k(2),Y(t.info().summary),k(),N((n=t.info().link)?23:-1,n),k(2),X(` `,t.plansTitle(),` `),k(2),F(t.info().plans)}},styles:[`[_nghost-%COMP%] {
+}`]})};function n1(e,t){e&1&&(D(),B(0,`svg`,9),Vg(1,`path`,20),V())}function r1(e,t){e&1&&(D(),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 i1(e,t){e&1&&(D(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function a1(e,t){e&1&&(D(),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 o1(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,Nu),k(3),Y(e.label)}}function s1(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`),k(),Y(e)}}var c1=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=A({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,n1,2,0,`:svg:svg`,9)(12,r1,11,0,`:svg:svg`,10)(13,i1,5,0,`:svg:svg`,11)(14,a1,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,o1,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,s1,2,3,`li`,19,Ag),V()()),e&2){let e,n;k(11),N((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),k(7),X(` `,t.info().badge),k(2),Y(t.info().heading),k(2),Y(t.info().summary),k(),N((n=t.info().link)?23:-1,n),k(2),X(` `,t.plansTitle(),` `),k(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%);
@@ -15417,9 +15423,9 @@ h2[_ngcontent-%COMP%] {
    .author[_ngcontent-%COMP%]:hover   .go[_ngcontent-%COMP%] {
     transform: none;
   }
-}`]})},s1=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function c1(e){return e==null?`Unknown`:e?`Yes`:`No`}function l1(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 u1(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 d1=new WeakMap;function f1(e){let t=e.calls;if(Array.isArray(t))return e;let n=d1.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)},d1.set(e,n)}return n}function p1(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(f1).sort((e,t)=>t.reportedAt-e.reportedAt)}function m1(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function h1(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function g1(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||h1(e,n)>=500}function _1(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 v1(e,t){let n=t-e;return n<1e3?`just now`:`${_1(n)} ago`}function y1(e,t){return s1.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 b1(e,t){let n=e.info,r=n=>e.calls.filter(e=>g1(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=>y1(e,n.platform)).length}}function x1(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 S1=/^[A-Za-z_$][\w$]*$/;function C1(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+C1(e,n)).join(`,
-`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${S1.test(e)?e:JSON.stringify(e)}: ${C1(t,n)}`).join(`,
-`)},\n${t}}`:`{}`}function w1(e){let t=S1.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=S1.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[C1(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function T1(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function E1(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 D1(e,t){if(e&1){let e=H();B(0,`button`,8),W(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,n.tabLabel(e),` `)}}function O1(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function k1(e,t){if(e&1&&(B(0,`pre`,10),J(1),V()),e&2){let e=G(2),t=fv(0);k(),Y(e.json(t.args))}}function A1(e,t){e&1&&M(0,O1,2,0,`p`,9)(1,k1,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function j1(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.code)}}function M1(e,t){if(e&1&&(B(0,`p`,11),M(1,j1,2,1,`code`),J(2),V()),e&2){let e=t;k(),N(e.code?1:-1),k(),X(` `,e.message,` `)}}function N1(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function P1(e,t){if(e&1&&(B(0,`p`,9),J(1),V()),e&2){G(3);let e=fv(0);k(),X(`The latest of `,e.callbacks,` callbacks.`)}}function F1(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function I1(e,t){if(e&1&&(B(0,`pre`,12),J(1),V()),e&2){let e=G(3),t=fv(0);k(),Y(e.json(t.result))}}function L1(e,t){if(e&1&&(M(0,P1,2,1,`p`,9),M(1,F1,2,0,`p`,9)(2,I1,2,1,`pre`,12)),e&2){G(2);let e=fv(0);N(e.callbacks&&e.callbacks>1?0:-1),k(),N(e.result===void 0?1:2)}}function R1(e,t){if(e&1&&M(0,M1,3,2,`p`,11)(1,N1,2,0,`p`,9)(2,L1,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function z1(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);k(4),Y(e.callbacks??0)}}function B1(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,z1,5,1,`div`),V()),e&2){let e=G(),t=fv(0);k(5),Y(e.time(t.startedAt)),k(5),X(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),k(3),Y(t.status===`pending`?`Waiting for`:`Duration`),k(2),Y(e.span(e.took(t,e.now()))),k(),N(t.kind===`callback`?16:-1)}}var V1=[`args`,`outcome`,`timing`],H1=class e{call=$.required();now=$.required();announce=Rv();host=C(Il);tab=O(`args`);tabOrder=V1;json=T1;time=QO;span=_1;took=h1;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:m1(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=V1.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%V1.length;else if(e.key===`ArrowLeft`)n=(t-1+V1.length)%V1.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=V1.length-1;else return;e.preventDefault();let r=V1[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`?T1(t):w1(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=A({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,D1,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,A1,2,1)(17,R1,3,1)(18,B1,17,5,`dl`),V()()),e&2){let e,n=dv(t.call());k(4),Z(``,n.plugin,`.`,n.method,`()`),k(2),rv(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),k(7),F(t.tabOrder),k(2),qg(`id`,`cap-panel-`+t.tab()),j(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),k(),N((e=t.tab())===`args`?16:e===`outcome`?17:e===`timing`?18:-1)}},styles:[`.detail[_ngcontent-%COMP%] {
+}`]})},l1=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function u1(e){return e==null?`Unknown`:e?`Yes`:`No`}function d1(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 f1(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 p1=new WeakMap;function m1(e){let t=e.calls;if(Array.isArray(t))return e;let n=p1.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)},p1.set(e,n)}return n}function h1(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(m1).sort((e,t)=>t.reportedAt-e.reportedAt)}function g1(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function _1(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function v1(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||_1(e,n)>=500}function y1(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 b1(e,t){let n=t-e;return n<1e3?`just now`:`${y1(n)} ago`}function x1(e,t){return l1.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 S1(e,t){let n=e.info,r=n=>e.calls.filter(e=>v1(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=>x1(e,n.platform)).length}}function C1(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 w1=/^[A-Za-z_$][\w$]*$/;function T1(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+T1(e,n)).join(`,
+`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${w1.test(e)?e:JSON.stringify(e)}: ${T1(t,n)}`).join(`,
+`)},\n${t}}`:`{}`}function E1(e){let t=w1.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=w1.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[T1(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function D1(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function O1(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 k1(e,t){if(e&1){let e=H();B(0,`button`,8),W(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,n.tabLabel(e),` `)}}function A1(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function j1(e,t){if(e&1&&(B(0,`pre`,10),J(1),V()),e&2){let e=G(2),t=fv(0);k(),Y(e.json(t.args))}}function M1(e,t){e&1&&M(0,A1,2,0,`p`,9)(1,j1,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function N1(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.code)}}function P1(e,t){if(e&1&&(B(0,`p`,11),M(1,N1,2,1,`code`),J(2),V()),e&2){let e=t;k(),N(e.code?1:-1),k(),X(` `,e.message,` `)}}function F1(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function I1(e,t){if(e&1&&(B(0,`p`,9),J(1),V()),e&2){G(3);let e=fv(0);k(),X(`The latest of `,e.callbacks,` callbacks.`)}}function L1(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function R1(e,t){if(e&1&&(B(0,`pre`,12),J(1),V()),e&2){let e=G(3),t=fv(0);k(),Y(e.json(t.result))}}function z1(e,t){if(e&1&&(M(0,I1,2,1,`p`,9),M(1,L1,2,0,`p`,9)(2,R1,2,1,`pre`,12)),e&2){G(2);let e=fv(0);N(e.callbacks&&e.callbacks>1?0:-1),k(),N(e.result===void 0?1:2)}}function B1(e,t){if(e&1&&M(0,P1,3,2,`p`,11)(1,F1,2,0,`p`,9)(2,z1,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function V1(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);k(4),Y(e.callbacks??0)}}function H1(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,V1,5,1,`div`),V()),e&2){let e=G(),t=fv(0);k(5),Y(e.time(t.startedAt)),k(5),X(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),k(3),Y(t.status===`pending`?`Waiting for`:`Duration`),k(2),Y(e.span(e.took(t,e.now()))),k(),N(t.kind===`callback`?16:-1)}}var U1=[`args`,`outcome`,`timing`],W1=class e{call=$.required();now=$.required();announce=Rv();host=C(Il);tab=O(`args`);tabOrder=U1;json=D1;time=QO;span=y1;took=_1;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:g1(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=U1.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%U1.length;else if(e.key===`ArrowLeft`)n=(t-1+U1.length)%U1.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=U1.length-1;else return;e.preventDefault();let r=U1[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`?D1(t):E1(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=A({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,k1,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,M1,2,1)(17,B1,3,1)(18,H1,17,5,`dl`),V()()),e&2){let e,n=dv(t.call());k(4),Z(``,n.plugin,`.`,n.method,`()`),k(2),rv(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),k(7),F(t.tabOrder),k(2),qg(`id`,`cap-panel-`+t.tab()),j(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),k(),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);
@@ -15572,7 +15578,7 @@ dd[_ngcontent-%COMP%] {
   margin: 0;
   color: var(--%NS%text);
   font-variant-numeric: tabular-nums;
-}`]})},U1=(e,t)=>t.plugin,W1=(e,t)=>t.label;function G1(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);k(),Y(e.value),k(5),Y(e.from),k(),X(`, `,t.ago(e.at,t.now()))}}function K1(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function q1(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,G1,8,3)(5,K1,2,0,`span`,4),V()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),N(e.value===null?5:4)}}function J1(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,q1,6,2,`div`,null,W1),V()()),e&2){let e=t.$implicit;j(`aria-labelledby`,`cap-state-`+e.plugin),k(),qg(`id`,`cap-state-`+e.plugin),k(2),Y(e.plugin),k(2),F(e.fields)}}function Y1(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function X1(e,t=e=>e){return n=>{let r=Y1(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function Z1(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var Q1=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:Z1([`getFoldState`],[`foldStateChange`],X1(`state`))},{label:`Posture`,sources:Z1([`getFoldState`],[`foldStateChange`],X1(`posture`))},{label:`Hinge orientation`,sources:Z1([`getFoldState`],[`foldStateChange`],X1(`hingeOrientation`))},{label:`Hinge angle`,sources:Z1([`getHingeAngle`],[`hingeAngleChange`],X1(`angle`,e=>`${e}°`))},{label:`Active display`,sources:Z1([`getFoldState`],[`foldStateChange`],X1(`activeDisplay`))},{label:`Size class`,sources:Z1([`getSizeClass`],[`sizeClassChange`],e=>{let t=X1(`widthClass`)(e),n=X1(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function $1(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 e0(e,t=Q1){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=$1(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 t0=class e{cards=$.required();now=$.required();ago=v1;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,J1,7,3,`article`,2,U1),V()),e&2&&(k(3),F(t.cards()))},styles:[`[_nghost-%COMP%] {
+}`]})},G1=(e,t)=>t.plugin,K1=(e,t)=>t.label;function q1(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);k(),Y(e.value),k(5),Y(e.from),k(),X(`, `,t.ago(e.at,t.now()))}}function J1(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function Y1(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,q1,8,3)(5,J1,2,0,`span`,4),V()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),N(e.value===null?5:4)}}function X1(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,Y1,6,2,`div`,null,K1),V()()),e&2){let e=t.$implicit;j(`aria-labelledby`,`cap-state-`+e.plugin),k(),qg(`id`,`cap-state-`+e.plugin),k(2),Y(e.plugin),k(2),F(e.fields)}}function Z1(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function Q1(e,t=e=>e){return n=>{let r=Z1(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function $1(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var e0=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:$1([`getFoldState`],[`foldStateChange`],Q1(`state`))},{label:`Posture`,sources:$1([`getFoldState`],[`foldStateChange`],Q1(`posture`))},{label:`Hinge orientation`,sources:$1([`getFoldState`],[`foldStateChange`],Q1(`hingeOrientation`))},{label:`Hinge angle`,sources:$1([`getHingeAngle`],[`hingeAngleChange`],Q1(`angle`,e=>`${e}°`))},{label:`Active display`,sources:$1([`getFoldState`],[`foldStateChange`],Q1(`activeDisplay`))},{label:`Size class`,sources:$1([`getSizeClass`],[`sizeClassChange`],e=>{let t=Q1(`widthClass`)(e),n=Q1(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function t0(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 n0(e,t=e0){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=t0(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 r0=class e{cards=$.required();now=$.required();ago=b1;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,X1,7,3,`article`,2,G1),V()),e&2&&(k(3),F(t.cards()))},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -15648,7 +15654,7 @@ dd[_ngcontent-%COMP%] {
 
 .missing[_ngcontent-%COMP%] {
   font-style: italic;
-}`]})},n0=(e,t)=>t.filter,r0=(e,t)=>t.id,i0=(e,t)=>t.name;function a0(e,t){e&1&&(L(0,`p`,1),J(1,`Loading Capacitor data…`),R())}function o0(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function s0(e,t){if(e&1){let e=H();L(0,`button`,27),U(`click`,function(){let t=T(e).$implicit;return E(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),k(2),Y(e.label),k(3),Y(e.count)}}function c0(e,t){if(e&1&&P(0,s0,6,4,`button`,26,n0),e&2){let e=G();F(G(2).callStats(e))}}function l0(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,c0,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;k(6),Y(e.platform),k(),X(` `,e.native?`native`:`web`),k(),N(e.logsCalls?8:-1),k(6),Y(e.capacitorHttp),k(6),Y(e.hints)}}function u0(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 T(e),E(G(2).selectedPageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function d0(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);k(3),I(`cards`,e.stateCards())(`now`,e.now())}}function f0(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);k(8),I(`href`,e.guideUrl,Nu)}}function p0(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);k(2),I(`href`,e.guideUrl,Nu)}}function m0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function h0(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(){T(e),G();let t=d_(7);return G(2).clearFilters(),E(t.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2),t=G();k(4),rv(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function g0(e,t){e&1&&(D(),z(0,`path`,50))}function _0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,56))}function v0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,57))}function y0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,58))}function b0(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function x0(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,46),U(`focus`,function(){let t=T(e).$implicit;return E(G(4).focusedCallId.set(t.id))})(`click`,function(){let t=T(e).$implicit;return E(G(4).select(t.id))}),L(2,`code`,47),J(3),R(),L(4,`span`,48),D(),L(5,`svg`,49),M(6,g0,1,0,`:svg:path`,50)(7,_0,2,0)(8,v0,2,0)(9,y0,2,0),R(),J(10),R(),M(11,b0,2,0,`span`,51),_s(),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);k(),q(`selected`,r.selected()?.id===n.id),j(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),k(2),Z(``,n.plugin,`.`,n.method,`()`),k(),j(`data-tone`,r.tone(n)),k(2),N((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),k(4),X(` `,r.statusLabel(n),` `),k(),N(n.kind===`callback`?11:-1),k(3),K(`width`,r.barWidth(n),`%`),k(),X(` `,r.durationText(n),` `),k(2),Y(n.via),k(2),Y(r.time(n.startedAt))}}function S0(e,t){if(e&1){let e=H();L(0,`app-capacitor-call-detail`,59),U(`announce`,function(t){return T(e),E(G(4).announce(t))}),R()}if(e&2){let e=G(4);I(`call`,t)(`now`,e.now())}}function C0(e,t){if(e&1){let e=H();L(0,`div`,42)(1,`ol`,44),U(`keydown`,function(t){return T(e),E(G(3).onListKey(t))}),P(2,x0,20,15,`li`,null,r0),R(),M(4,S0,1,2,`app-capacitor-call-detail`,45),R()}if(e&2){let e,t=G(3);k(2),F(t.shownCalls()),k(2),N((e=t.selected())?4:-1,e)}}function w0(e,t){if(e&1){let e=H();M(0,p0,6,1,`p`,15),L(1,`div`,33)(2,`div`,34),D(),L(3,`svg`,35),z(4,`circle`,36)(5,`path`,37),R(),_s(),L(6,`input`,38,0),U(`input`,function(t){return T(e),E(G(2).setSearch(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).setSearch(``))}),R()(),L(8,`app-select`,39),U(`valueChange`,function(t){return T(e),E(G(2).setFilter(t))}),R(),L(9,`span`,40),J(10),R()(),z(11,`app-limit-note`,41),M(12,m0,2,0,`p`,18)(13,h0,7,3,`div`,18)(14,C0,5,1,`div`,42)}if(e&2){let e=G(),t=G();N(e.info.webCalls?-1:0),k(6),I(`value`,t.filter()),k(2),I(`options`,t.filterOptions)(`value`,t.callFilter()),k(2),Z(``,t.shownCalls().length,` of `,e.calls.length,` calls`),k(),I(`dropped`,e.dropped)(`max`,t.maxCalls()),k(),N(e.calls.length?t.shownCalls().length?14:13:12)}}function T0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function E0(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();k(),Y(e.command)}}function D0(e,t){if(e&1){let e=H();L(0,`button`,65),U(`click`,function(){T(e);let t=G();return E(G(4).copyCommand(t.command))}),J(1,` Copy `),R()}e&2&&j(`aria-label`,`Copy `+G().command)}function O0(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,E0,2,1,`code`),J(3),R(),M(4,D0,2,1,`button`,64)),e&2){let e=t;k(),Y(e.before),k(),N(e.command?2:-1),k(),Y(e.after),k(),N(e.command?4:-1)}}function k0(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,O0,5,4),R()()),e&2){let e,n=t.$implicit,r=G(2),i=G();k(3),Y(n.name),k(2),Y(n.available?`Yes`:`No`),k(2),Y(i.yesNo(n.registered)),k(2),Y(n.native?`Yes`:`No`),k(2),N((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function A0(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,k0,12,5,`tr`,null,i0),R()()()),e&2){let e=G();k(15),F(e.info.plugins)}}function j0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function M0(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(3);k(),Y(t.preview(e.last))}}function N0(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function P0(e,t){if(e&1&&(M(0,M0,2,1,`code`,68)(1,N0,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)),k(3),X(`at `,t.time(e.lastEventAt))}}function F0(e,t){e&1&&J(0,` None yet `)}function I0(e,t){if(e&1&&(L(0,`span`,67),D(),L(1,`svg`,49),z(2,`path`,69)(3,`path`,70),R(),J(4),R()),e&2){let e=G().$implicit,t=G(3);k(4),X(` `,t.leakCount(e),` active listeners: possible leak `)}}function L0(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,P0,4,2)(11,F0,1,0),R(),L(12,`td`),J(13),M(14,I0,5,1,`span`,67),R()()),e&2){let e=t.$implicit,n=G(3);k(3),Y(e.plugin),k(3),Y(e.event),k(2),Y(e.events),k(2),N(e.lastEventAt?10:11),k(3),X(` `,e.removed?`Removed`:`Active`,` `),k(),N(!e.removed&&n.leakCount(e)>1?14:-1)}}function R0(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,L0,15,6,`tr`,null,r0),R()()()),e&2){let e=G();k(15),F(e.listeners)}}function z0(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,l0,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,u0,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,d0,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,f0,12,1,`p`,15)(46,w0,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,T0,2,0,`p`,18)(51,A0,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,j0,2,0,`p`,18)(56,R0,17,0,`div`,22),R()),e&2){let e,n=t,r=G();k(3),N((e=r.summary())?3:-1,e),k(2),Y(r.message()),k(5),N(r.pageOptions().length>1?10:-1),k(7),Y(n.info.platform),k(),X(` (`,n.info.native?`native`:`web`,`) `),k(6),Y(n.info.env.serverUrl||`none`),k(5),X(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),k(5),Y(r.loggedLabel()),k(6),Y(n.info.env.userAgent||`unknown`),k(),N(r.stateCards().length?41:-1),k(4),N(!n.info.bridge&&!n.info.webCalls?45:46),k(5),N(n.info.plugins.length?51:50),k(5),N(n.listeners.length?56:55)}}function B0(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 V0=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,H0=2e3,U0={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},W0=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);injector=C(Ts);seen=new Map;hostPageId=LE();unsubscribe;time=QO;preview=E1;pluginHint=y1;guideUrl=V0;yesNo=c1;filterOptions=Object.keys(U0).map(e=>({value:e,label:U0[e]}));pages=O([]);loaded=O(!1);failed=O(!1);selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:u1(e,this.hostPageId)});selectedCallId=O(null);focusedCallId=O(null);filter=O(``);callFilter=O(`all`);now=O(Date.now());message=O(``);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(()=>nD(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=>g1(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=>h1(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${U0[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?e0(e):[]});leaks=Q(()=>x1(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?b1(e,this.now()):null});summary=O(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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),Hd(()=>{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`:m1(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:m1(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${_1(h1(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,h1(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+H0-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(l1(p1(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=A({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,a0,2,0,`p`,1)(1,o0,5,0,`div`,2)(2,z0,57,13)(3,B0,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[rk,OO,H1,t0],styles:[`[_nghost-%COMP%] {
+}`]})},i0=(e,t)=>t.filter,a0=(e,t)=>t.id,o0=(e,t)=>t.name;function s0(e,t){e&1&&(L(0,`p`,1),J(1,`Loading Capacitor data…`),R())}function c0(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function l0(e,t){if(e&1){let e=H();L(0,`button`,27),U(`click`,function(){let t=T(e).$implicit;return E(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),k(2),Y(e.label),k(3),Y(e.count)}}function u0(e,t){if(e&1&&P(0,l0,6,4,`button`,26,i0),e&2){let e=G();F(G(2).callStats(e))}}function d0(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,u0,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;k(6),Y(e.platform),k(),X(` `,e.native?`native`:`web`),k(),N(e.logsCalls?8:-1),k(6),Y(e.capacitorHttp),k(6),Y(e.hints)}}function f0(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 T(e),E(G(2).selectedPageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function p0(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);k(3),I(`cards`,e.stateCards())(`now`,e.now())}}function m0(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);k(8),I(`href`,e.guideUrl,Nu)}}function h0(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);k(2),I(`href`,e.guideUrl,Nu)}}function g0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function _0(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(){T(e),G();let t=d_(7);return G(2).clearFilters(),E(t.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2),t=G();k(4),rv(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function v0(e,t){e&1&&(D(),z(0,`path`,50))}function y0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,56))}function b0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,57))}function x0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,58))}function S0(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function C0(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,46),U(`focus`,function(){let t=T(e).$implicit;return E(G(4).focusedCallId.set(t.id))})(`click`,function(){let t=T(e).$implicit;return E(G(4).select(t.id))}),L(2,`code`,47),J(3),R(),L(4,`span`,48),D(),L(5,`svg`,49),M(6,v0,1,0,`:svg:path`,50)(7,y0,2,0)(8,b0,2,0)(9,x0,2,0),R(),J(10),R(),M(11,S0,2,0,`span`,51),_s(),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);k(),q(`selected`,r.selected()?.id===n.id),j(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),k(2),Z(``,n.plugin,`.`,n.method,`()`),k(),j(`data-tone`,r.tone(n)),k(2),N((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),k(4),X(` `,r.statusLabel(n),` `),k(),N(n.kind===`callback`?11:-1),k(3),K(`width`,r.barWidth(n),`%`),k(),X(` `,r.durationText(n),` `),k(2),Y(n.via),k(2),Y(r.time(n.startedAt))}}function w0(e,t){if(e&1){let e=H();L(0,`app-capacitor-call-detail`,59),U(`announce`,function(t){return T(e),E(G(4).announce(t))}),R()}if(e&2){let e=G(4);I(`call`,t)(`now`,e.now())}}function T0(e,t){if(e&1){let e=H();L(0,`div`,42)(1,`ol`,44),U(`keydown`,function(t){return T(e),E(G(3).onListKey(t))}),P(2,C0,20,15,`li`,null,a0),R(),M(4,w0,1,2,`app-capacitor-call-detail`,45),R()}if(e&2){let e,t=G(3);k(2),F(t.shownCalls()),k(2),N((e=t.selected())?4:-1,e)}}function E0(e,t){if(e&1){let e=H();M(0,h0,6,1,`p`,15),L(1,`div`,33)(2,`div`,34),D(),L(3,`svg`,35),z(4,`circle`,36)(5,`path`,37),R(),_s(),L(6,`input`,38,0),U(`input`,function(t){return T(e),E(G(2).setSearch(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).setSearch(``))}),R()(),L(8,`app-select`,39),U(`valueChange`,function(t){return T(e),E(G(2).setFilter(t))}),R(),L(9,`span`,40),J(10),R()(),z(11,`app-limit-note`,41),M(12,g0,2,0,`p`,18)(13,_0,7,3,`div`,18)(14,T0,5,1,`div`,42)}if(e&2){let e=G(),t=G();N(e.info.webCalls?-1:0),k(6),I(`value`,t.filter()),k(2),I(`options`,t.filterOptions)(`value`,t.callFilter()),k(2),Z(``,t.shownCalls().length,` of `,e.calls.length,` calls`),k(),I(`dropped`,e.dropped)(`max`,t.maxCalls()),k(),N(e.calls.length?t.shownCalls().length?14:13:12)}}function D0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function O0(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();k(),Y(e.command)}}function k0(e,t){if(e&1){let e=H();L(0,`button`,65),U(`click`,function(){T(e);let t=G();return E(G(4).copyCommand(t.command))}),J(1,` Copy `),R()}e&2&&j(`aria-label`,`Copy `+G().command)}function A0(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,O0,2,1,`code`),J(3),R(),M(4,k0,2,1,`button`,64)),e&2){let e=t;k(),Y(e.before),k(),N(e.command?2:-1),k(),Y(e.after),k(),N(e.command?4:-1)}}function j0(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,A0,5,4),R()()),e&2){let e,n=t.$implicit,r=G(2),i=G();k(3),Y(n.name),k(2),Y(n.available?`Yes`:`No`),k(2),Y(i.yesNo(n.registered)),k(2),Y(n.native?`Yes`:`No`),k(2),N((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function M0(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,j0,12,5,`tr`,null,o0),R()()()),e&2){let e=G();k(15),F(e.info.plugins)}}function N0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function P0(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(3);k(),Y(t.preview(e.last))}}function F0(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function I0(e,t){if(e&1&&(M(0,P0,2,1,`code`,68)(1,F0,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)),k(3),X(`at `,t.time(e.lastEventAt))}}function L0(e,t){e&1&&J(0,` None yet `)}function R0(e,t){if(e&1&&(L(0,`span`,67),D(),L(1,`svg`,49),z(2,`path`,69)(3,`path`,70),R(),J(4),R()),e&2){let e=G().$implicit,t=G(3);k(4),X(` `,t.leakCount(e),` active listeners: possible leak `)}}function z0(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,I0,4,2)(11,L0,1,0),R(),L(12,`td`),J(13),M(14,R0,5,1,`span`,67),R()()),e&2){let e=t.$implicit,n=G(3);k(3),Y(e.plugin),k(3),Y(e.event),k(2),Y(e.events),k(2),N(e.lastEventAt?10:11),k(3),X(` `,e.removed?`Removed`:`Active`,` `),k(),N(!e.removed&&n.leakCount(e)>1?14:-1)}}function B0(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,z0,15,6,`tr`,null,a0),R()()()),e&2){let e=G();k(15),F(e.listeners)}}function V0(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,d0,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,f0,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,p0,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,m0,12,1,`p`,15)(46,E0,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,D0,2,0,`p`,18)(51,M0,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,N0,2,0,`p`,18)(56,B0,17,0,`div`,22),R()),e&2){let e,n=t,r=G();k(3),N((e=r.summary())?3:-1,e),k(2),Y(r.message()),k(5),N(r.pageOptions().length>1?10:-1),k(7),Y(n.info.platform),k(),X(` (`,n.info.native?`native`:`web`,`) `),k(6),Y(n.info.env.serverUrl||`none`),k(5),X(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),k(5),Y(r.loggedLabel()),k(6),Y(n.info.env.userAgent||`unknown`),k(),N(r.stateCards().length?41:-1),k(4),N(!n.info.bridge&&!n.info.webCalls?45:46),k(5),N(n.info.plugins.length?51:50),k(5),N(n.listeners.length?56:55)}}function H0(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 U0=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,W0=2e3,G0={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},K0=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);injector=C(Ts);seen=new Map;hostPageId=LE();unsubscribe;time=QO;preview=O1;pluginHint=x1;guideUrl=U0;yesNo=u1;filterOptions=Object.keys(G0).map(e=>({value:e,label:G0[e]}));pages=O([]);loaded=O(!1);failed=O(!1);selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:f1(e,this.hostPageId)});selectedCallId=O(null);focusedCallId=O(null);filter=O(``);callFilter=O(`all`);now=O(Date.now());message=O(``);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(()=>nD(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=>v1(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=>_1(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${G0[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?n0(e):[]});leaks=Q(()=>C1(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?S1(e,this.now()):null});summary=O(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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),Hd(()=>{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`:g1(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:g1(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${y1(_1(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,_1(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+W0-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(d1(h1(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=A({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,s0,2,0,`p`,1)(1,c0,5,0,`div`,2)(2,V0,57,13)(3,H0,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[rk,OO,W1,r0],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -16131,7 +16137,7 @@ td.last[_ngcontent-%COMP%] {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},G0=[`log`,`info`,`warn`,`error`,`debug`];function K0(e){return e.split("`").map((e,t)=>({code:t%2==1,text:e})).filter(e=>e.text)}var q0={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function J0(e){return!!e&&typeof e==`object`}function Y0(e){let t=J0(e)?e.pages:void 0;return J0(t)?Object.values(t).filter(e=>J0(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:J0(e.errors)?Object.values(e.errors):[],console:J0(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:J0(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 X0(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function Z0(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 Q0(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 $0(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var e2=(e,t)=>t.signal+t.at,t2=(e,t)=>t.id+e;function n2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.binding)}}function r2(e,t){e&1&&(B(0,`span`,2),J(1,`A text interpolation (Angular doesn't name it)`),V())}function i2(e,t){if(e&1&&(B(0,`span`,2),J(1,` in `),V(),B(2,`code`),J(3),V()),e&2){let e=G();k(3),Y(e.template)}}function a2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function o2(e,t){if(e&1&&(B(0,`dt`),J(1,`Held by`),V(),B(2,`dd`),P(3,a2,3,2,null,null,Ag),V()),e&2){let e=G();k(3),F(e.members)}}function s2(e,t){e&1&&(B(0,`p`,4),J(1,` Values are hidden: the binding or a field that holds them has a secret-looking name. `),V())}function c2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular says this view was created after its parent was checked, so a change detection hook such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,` created it. `),V())}function l2(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V()()),e&2){let e=t.$implicit;k(2),Y(e)}}function u2(e,t){if(e&1&&(B(0,`ol`,6),P(1,l2,3,1,`li`,null,kg),V()),e&2){let e=G().$implicit;k(),F(e.stack)}}function d2(e,t){e&1&&(B(0,`span`,2),J(1,` (turn on write stacks in the Signals tab and reproduce to see the code)`),V())}function f2(e,t){if(e&1&&(B(0,`li`),J(1,` Signal `),B(2,`code`),J(3),V(),J(4),M(5,u2,3,0,`ol`,6)(6,d2,2,0,`span`,2),V()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.signal),k(),X(` at `,n.time(e.at),` `),k(),N(e.stack?.length?5:6)}}function p2(e,t){if(e&1&&(B(0,`h4`,0),J(1,`Written by`),V(),B(2,`ul`,5),P(3,f2,7,3,`li`,null,e2),V()),e&2){let e=G();k(3),F(e.writes)}}function m2(e,t){e&1&&(B(0,`p`,4),J(1,` No named signal was written with this value just before the check. Look for code that sets a field the template reads during change detection, such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,`, a getter that returns a new value each time, or a child that changes its parent. `),V())}function h2(e,t){e&1&&(B(0,`p`,4),J(1,` Where it was written is unknown: the page doesn't report signal writes (the Signals inspector is off, or Angular is older than 17). `),V())}function g2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`What changed`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Binding`),V(),B(5,`dd`),M(6,n2,2,1,`code`)(7,r2,2,0,`span`,2),M(8,i2,4,1),V(),B(9,`dt`),J(10,`Previous`),V(),B(11,`dd`)(12,`code`,3),J(13),V()(),B(14,`dt`),J(15,`Current`),V(),B(16,`dd`)(17,`code`,3),J(18),V()(),M(19,o2,5,0),V(),M(20,s2,2,0,`p`,4),M(21,c2,5,0,`p`,4),M(22,p2,5,0)(23,m2,5,0,`p`,4)(24,h2,2,0,`p`,4)),e&2){let e=t;k(6),N(e.binding?6:7),k(2),N(e.template?8:-1),k(5),Y(e.previous),k(5),Y(e.current),k(),N(e.members?.length?19:-1),k(),N(e.masked?20:-1),k(),N(e.creation?21:-1),k(),N(e.writes?.length?22:e.writesKnown?23:24)}}function _2(e,t){if(e&1&&M(0,g2,25,8),e&2){let e;N((e=G().changed())?0:-1,e)}}function v2(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.summary)}}function y2(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.op===`expected`?`Server only:`:`Client only:`)}}function b2(e,t){if(e&1&&(B(0,`li`)(1,`span`,13),J(2),V(),M(3,y2,2,1,`span`,14),B(4,`code`),J(5),V()()),e&2){let e=t.$implicit,n=G(4);j(`data-op`,e.op),k(2),Y(n.signOf(e.op)),k(),N(e.op===`same`?-1:3),k(2),Y(e.text)}}function x2(e,t){if(e&1&&(B(0,`p`,8)(1,`span`,9),J(2,`−`),V(),J(3,` server HTML Angular expected `),B(4,`span`,10),J(5,`+`),V(),J(6,` client DOM it found `),V(),B(7,`div`,11)(8,`ol`,12),P(9,b2,6,4,`li`,null,kg),V()()),e&2){let e=G();k(9),F(e.diff)}}function S2(e,t){e&1&&(B(0,`p`,4),J(1,`Angular described neither side of the mismatch.`),V())}function C2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular thinks a browser extension or third-party script changed the DOM before hydration. Try a clean browser profile, or add `),B(2,`code`),J(3,`ngSkipHydration`),V(),J(4,` to the host. `),V())}function w2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Server vs client DOM`),V(),M(2,v2,2,1,`p`,7),M(3,x2,11,0)(4,S2,2,0,`p`,4),M(5,C2,5,0,`p`,4)),e&2){let e=t;k(2),N(e.summary?2:-1),k(),N(e.diff?.length?3:4),k(2),N(e.external?5:-1)}}function T2(e,t){if(e&1&&M(0,w2,6,3),e&2){let e;N((e=G().mismatch())?0:-1,e)}}function E2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:` → `,` `)}}function D2(e,t){if(e&1&&(B(0,`dt`),J(1,`Path`),V(),B(2,`dd`),P(3,E2,3,2,null,null,kg),V()),e&2){let e=G();k(3),F(e.path)}}function O2(e,t){if(e&1&&(B(0,`dt`),J(1,`Source`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();k(4),Y(e.source)}}function k2(e,t){if(e&1){let e=H();B(0,`button`,18),W(`click`,function(){T(e);let t=G();return E(G(2).explainLookup(t.token))}),J(1),V()}if(e&2){let e=G(3);qg(`disabled`,e.loading()),k(),X(` `,e.lookup()?`Explain lookup again`:`Explain lookup`,` `)}}function A2(e,t){e&1&&(B(0,`p`,4),J(1,` The component that asked for it wasn't found on the page, so the lookup can't be walked from here. `),V())}function j2(e,t){e&1&&(B(0,`p`,4),J(1,`Walking the lookup…`),V())}function M2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function N2(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.text,` `)}}function P2(e,t){if(e&1&&M(0,M2,2,1,`code`)(1,N2,1,1),e&2){let e=t.$implicit;N(+!e.code)}}function F2(e,t){if(e&1&&(B(0,`p`,17),P(1,P2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t))}}function I2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function L2(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.text,` `)}}function R2(e,t){if(e&1&&M(0,I2,2,1,`code`)(1,L2,1,1),e&2){let e=t.$implicit;N(+!e.code)}}function z2(e,t){if(e&1&&(B(0,`code`,2),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.component)}}function B2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function V2(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.text,` `)}}function H2(e,t){if(e&1&&M(0,B2,2,1,`code`)(1,V2,1,1),e&2){let e=t.$implicit;N(+!e.code)}}function U2(e,t){if(e&1&&(B(0,`li`)(1,`span`,20)(2,`code`),J(3),V(),M(4,z2,2,1,`code`,2),V(),B(5,`span`,21),J(6),V(),B(7,`span`,22),P(8,H2,2,1,null,null,kg),V()()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.name),k(),N(e.component?4:-1),k(),j(`data-tone`,n.stepTone[e.status]),k(),Y(n.stepLabel[e.status]),k(2),F(n.segments(e.reason))}}function W2(e,t){e&1&&J(0,` This Angular version has no resolution path, so the path follows the rendered tree. `)}function G2(e,t){if(e&1&&(B(0,`p`,7),P(1,R2,2,1,null,null,kg),V(),B(3,`ol`,19),P(4,U2,10,4,`li`,null,t2),V(),B(6,`p`,4),J(7,` Read from the injector tree the page reported, assuming no `),B(8,`code`),J(9,`self`),V(),J(10,`, `),B(11,`code`),J(12,`skipSelf`),V(),J(13,`, `),B(14,`code`),J(15,`host`),V(),J(16,` or `),B(17,`code`),J(18,`optional`),V(),J(19,`. Agents can pass those to `),B(20,`code`),J(21,`explain-injection`),V(),J(22,`. `),M(23,W2,1,0),V()),e&2){let e=t,n=G(3);k(),F(n.segments(e.summary)),k(3),F(e.steps),k(19),N(e.approximate?23:-1)}}function K2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Missing provider`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Token`),V(),B(5,`dd`)(6,`code`),J(7),V()(),M(8,D2,5,0),M(9,O2,5,1),V(),M(10,k2,2,2,`button`,15)(11,A2,2,0,`p`,4),B(12,`div`,16),M(13,j2,2,0,`p`,4)(14,F2,3,0,`p`,17)(15,G2,24,1),V()),e&2){let e,n=t,r=G(2);k(7),Y(n.token),k(),N(n.path?.length?8:-1),k(),N(n.source?9:-1),k(),N(r.canExplain()&&r.owner()?10:r.owner()?-1:11),k(3),N(r.loading()?13:(e=r.lookupError())?14:(e=r.lookup())?15:-1,e)}}function q2(e,t){if(e&1&&M(0,K2,16,5),e&2){let e;N((e=G().missing())?0:-1,e)}}var J2={provides:`Provides it`,missing:`Not provided`,hidden:`Hidden`,skipped:`Skipped`,"not-asked":`Not asked`,unknown:`Unknown`},Y2={provides:`ok`,missing:`plain`,hidden:`warn`,skipped:`plain`,"not-asked":`plain`,unknown:`warn`},X2=class e{explain=$.required();owner=$(void 0);pageId=$(``);rpc=$(null);canExplain=$(!1);time=QO;segments=K0;stepLabel=J2;stepTone=Y2;changed=Q(()=>{let e=this.explain();return e.kind===`expression-changed`?e:null});mismatch=Q(()=>{let e=this.explain();return e.kind===`hydration-mismatch`?e:null});missing=Q(()=>{let e=this.explain();return e.kind===`missing-provider`?e:null});loading=O(!1);lookup=O(null);lookupError=O(null);signOf(e){return e===`expected`?`−`:e===`actual`?`+`:` `}async explainLookup(e){let t=this.rpc(),n=this.owner();if(t&&n){this.loading.set(!0),this.lookupError.set(null);try{let r=await t.scope(`pangular`).rpc.call(`explain-injection`,{selector:n.id,token:e,pageId:this.pageId()});!r||`error`in r?(this.lookup.set(null),this.lookupError.set(r?.error??`The server didn't answer.`)):this.lookup.set(r)}catch{this.lookup.set(null),this.lookupError.set(`Can't reach the devtools server. Try again.`)}finally{this.loading.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-error-explain`]],inputs:{explain:[1,`explain`],owner:[1,`owner`],pageId:[1,`pageId`],rpc:[1,`rpc`],canExplain:[1,`canExplain`]},decls:3,vars:1,consts:[[1,`label`],[1,`facts`],[1,`muted`],[1,`value`],[1,`note`],[1,`writes`],[`aria-label`,`App frames that wrote it`,1,`frames`],[1,`summary`],[1,`legend`],[`aria-hidden`,`true`,1,`sign`,`expected`],[`aria-hidden`,`true`,1,`sign`,`actual`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Server vs client DOM diff`,1,`diff-wrap`],[1,`diff`],[`aria-hidden`,`true`,1,`sign`],[1,`sr-only`],[`type`,`button`,1,`small`,3,`disabled`],[`aria-live`,`polite`],[`role`,`alert`,1,`note`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`aria-label`,`Injectors Angular asks, in order`,1,`steps`],[1,`step-name`],[1,`chip`],[1,`reason`]],template:function(e,t){if(e&1&&M(0,_2,1,1)(1,T2,1,1)(2,q2,1,1),e&2){let e;N((e=t.explain().kind)===`expression-changed`?0:e===`hydration-mismatch`?1:e===`missing-provider`?2:-1)}},styles:[`[_nghost-%COMP%] {
+}`]})},q0=[`log`,`info`,`warn`,`error`,`debug`];function J0(e){return e.split("`").map((e,t)=>({code:t%2==1,text:e})).filter(e=>e.text)}var Y0={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function X0(e){return!!e&&typeof e==`object`}function Z0(e){let t=X0(e)?e.pages:void 0;return X0(t)?Object.values(t).filter(e=>X0(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:X0(e.errors)?Object.values(e.errors):[],console:X0(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:X0(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 Q0(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function $0(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 e2(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 t2(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var n2=(e,t)=>t.signal+t.at,r2=(e,t)=>t.id+e;function i2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.binding)}}function a2(e,t){e&1&&(B(0,`span`,2),J(1,`A text interpolation (Angular doesn't name it)`),V())}function o2(e,t){if(e&1&&(B(0,`span`,2),J(1,` in `),V(),B(2,`code`),J(3),V()),e&2){let e=G();k(3),Y(e.template)}}function s2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function c2(e,t){if(e&1&&(B(0,`dt`),J(1,`Held by`),V(),B(2,`dd`),P(3,s2,3,2,null,null,Ag),V()),e&2){let e=G();k(3),F(e.members)}}function l2(e,t){e&1&&(B(0,`p`,4),J(1,` Values are hidden: the binding or a field that holds them has a secret-looking name. `),V())}function u2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular says this view was created after its parent was checked, so a change detection hook such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,` created it. `),V())}function d2(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V()()),e&2){let e=t.$implicit;k(2),Y(e)}}function f2(e,t){if(e&1&&(B(0,`ol`,6),P(1,d2,3,1,`li`,null,kg),V()),e&2){let e=G().$implicit;k(),F(e.stack)}}function p2(e,t){e&1&&(B(0,`span`,2),J(1,` (turn on write stacks in the Signals tab and reproduce to see the code)`),V())}function m2(e,t){if(e&1&&(B(0,`li`),J(1,` Signal `),B(2,`code`),J(3),V(),J(4),M(5,f2,3,0,`ol`,6)(6,p2,2,0,`span`,2),V()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.signal),k(),X(` at `,n.time(e.at),` `),k(),N(e.stack?.length?5:6)}}function h2(e,t){if(e&1&&(B(0,`h4`,0),J(1,`Written by`),V(),B(2,`ul`,5),P(3,m2,7,3,`li`,null,n2),V()),e&2){let e=G();k(3),F(e.writes)}}function g2(e,t){e&1&&(B(0,`p`,4),J(1,` No named signal was written with this value just before the check. Look for code that sets a field the template reads during change detection, such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,`, a getter that returns a new value each time, or a child that changes its parent. `),V())}function _2(e,t){e&1&&(B(0,`p`,4),J(1,` Where it was written is unknown: the page doesn't report signal writes (the Signals inspector is off, or Angular is older than 17). `),V())}function v2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`What changed`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Binding`),V(),B(5,`dd`),M(6,i2,2,1,`code`)(7,a2,2,0,`span`,2),M(8,o2,4,1),V(),B(9,`dt`),J(10,`Previous`),V(),B(11,`dd`)(12,`code`,3),J(13),V()(),B(14,`dt`),J(15,`Current`),V(),B(16,`dd`)(17,`code`,3),J(18),V()(),M(19,c2,5,0),V(),M(20,l2,2,0,`p`,4),M(21,u2,5,0,`p`,4),M(22,h2,5,0)(23,g2,5,0,`p`,4)(24,_2,2,0,`p`,4)),e&2){let e=t;k(6),N(e.binding?6:7),k(2),N(e.template?8:-1),k(5),Y(e.previous),k(5),Y(e.current),k(),N(e.members?.length?19:-1),k(),N(e.masked?20:-1),k(),N(e.creation?21:-1),k(),N(e.writes?.length?22:e.writesKnown?23:24)}}function y2(e,t){if(e&1&&M(0,v2,25,8),e&2){let e;N((e=G().changed())?0:-1,e)}}function b2(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.summary)}}function x2(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.op===`expected`?`Server only:`:`Client only:`)}}function S2(e,t){if(e&1&&(B(0,`li`)(1,`span`,13),J(2),V(),M(3,x2,2,1,`span`,14),B(4,`code`),J(5),V()()),e&2){let e=t.$implicit,n=G(4);j(`data-op`,e.op),k(2),Y(n.signOf(e.op)),k(),N(e.op===`same`?-1:3),k(2),Y(e.text)}}function C2(e,t){if(e&1&&(B(0,`p`,8)(1,`span`,9),J(2,`−`),V(),J(3,` server HTML Angular expected `),B(4,`span`,10),J(5,`+`),V(),J(6,` client DOM it found `),V(),B(7,`div`,11)(8,`ol`,12),P(9,S2,6,4,`li`,null,kg),V()()),e&2){let e=G();k(9),F(e.diff)}}function w2(e,t){e&1&&(B(0,`p`,4),J(1,`Angular described neither side of the mismatch.`),V())}function T2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular thinks a browser extension or third-party script changed the DOM before hydration. Try a clean browser profile, or add `),B(2,`code`),J(3,`ngSkipHydration`),V(),J(4,` to the host. `),V())}function E2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Server vs client DOM`),V(),M(2,b2,2,1,`p`,7),M(3,C2,11,0)(4,w2,2,0,`p`,4),M(5,T2,5,0,`p`,4)),e&2){let e=t;k(2),N(e.summary?2:-1),k(),N(e.diff?.length?3:4),k(2),N(e.external?5:-1)}}function D2(e,t){if(e&1&&M(0,E2,6,3),e&2){let e;N((e=G().mismatch())?0:-1,e)}}function O2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:` → `,` `)}}function k2(e,t){if(e&1&&(B(0,`dt`),J(1,`Path`),V(),B(2,`dd`),P(3,O2,3,2,null,null,kg),V()),e&2){let e=G();k(3),F(e.path)}}function A2(e,t){if(e&1&&(B(0,`dt`),J(1,`Source`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();k(4),Y(e.source)}}function j2(e,t){if(e&1){let e=H();B(0,`button`,18),W(`click`,function(){T(e);let t=G();return E(G(2).explainLookup(t.token))}),J(1),V()}if(e&2){let e=G(3);j(`aria-disabled`,e.loading()||null),k(),X(` `,e.lookup()?`Explain lookup again`:`Explain lookup`,` `)}}function M2(e,t){e&1&&(B(0,`p`,4),J(1,` The component that asked for it wasn't found on the page, so the lookup can't be walked from here. `),V())}function N2(e,t){e&1&&(B(0,`p`,4),J(1,`Walking the lookup…`),V())}function P2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function F2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function I2(e,t){if(e&1&&M(0,P2,2,1,`code`)(1,F2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function L2(e,t){if(e&1&&(B(0,`p`,17),P(1,I2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t))}}function R2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function z2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function B2(e,t){if(e&1&&M(0,R2,2,1,`code`)(1,z2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function V2(e,t){if(e&1&&(B(0,`p`,7),P(1,B2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t.summary))}}function H2(e,t){if(e&1&&(B(0,`code`,2),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.component)}}function U2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function W2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function G2(e,t){if(e&1&&M(0,U2,2,1,`code`)(1,W2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function K2(e,t){if(e&1&&(B(0,`li`)(1,`span`,20)(2,`code`),J(3),V(),M(4,H2,2,1,`code`,2),V(),B(5,`span`,21),J(6),V(),B(7,`span`,22),P(8,G2,2,1,null,null,kg),V()()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.name),k(),N(e.component?4:-1),k(),j(`data-tone`,n.stepTone[e.status]),k(),Y(n.stepLabel[e.status]),k(2),F(n.segments(e.reason))}}function q2(e,t){e&1&&J(0,` This Angular version has no resolution path, so the path follows the rendered tree. `)}function J2(e,t){if(e&1&&(B(0,`ol`,19),P(1,K2,10,4,`li`,null,r2),V(),B(3,`p`,4),J(4,` Read from the injector tree the page reported, assuming no `),B(5,`code`),J(6,`self`),V(),J(7,`, `),B(8,`code`),J(9,`skipSelf`),V(),J(10,`, `),B(11,`code`),J(12,`host`),V(),J(13,` or `),B(14,`code`),J(15,`optional`),V(),J(16,`. Agents can pass those to `),B(17,`code`),J(18,`explain-injection`),V(),J(19,`. `),M(20,q2,1,0),V()),e&2){let e=t;k(),F(e.steps),k(19),N(e.approximate?20:-1)}}function Y2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Missing provider`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Token`),V(),B(5,`dd`)(6,`code`),J(7),V()(),M(8,k2,5,0),M(9,A2,5,1),V(),M(10,j2,2,2,`button`,15)(11,M2,2,0,`p`,4),B(12,`div`,16),M(13,N2,2,0,`p`,4)(14,L2,3,0,`p`,17)(15,V2,3,0,`p`,7),V(),M(16,J2,21,1)),e&2){let e,n,r=t,i=G(2);k(7),Y(r.token),k(),N(r.path?.length?8:-1),k(),N(r.source?9:-1),k(),N(i.canExplain()&&i.owner()?10:i.owner()?-1:11),k(3),N(i.loading()?13:(e=i.lookupError())?14:(e=i.lookup())?15:-1,e),k(3),N((n=!i.loading()&&!i.lookupError()&&i.lookup())?16:-1,n)}}function X2(e,t){if(e&1&&M(0,Y2,17,6),e&2){let e;N((e=G().missing())?0:-1,e)}}var Z2={provides:`Provides it`,missing:`Not provided`,hidden:`Hidden`,skipped:`Skipped`,"not-asked":`Not asked`,unknown:`Unknown`},Q2={provides:`ok`,missing:`plain`,hidden:`warn`,skipped:`plain`,"not-asked":`plain`,unknown:`warn`},$2=class e{explain=$.required();owner=$(void 0);pageId=$(``);rpc=$(null);canExplain=$(!1);time=QO;segments=J0;stepLabel=Z2;stepTone=Q2;changed=Q(()=>{let e=this.explain();return e.kind===`expression-changed`?e:null});mismatch=Q(()=>{let e=this.explain();return e.kind===`hydration-mismatch`?e:null});missing=Q(()=>{let e=this.explain();return e.kind===`missing-provider`?e:null});loading=O(!1);lookup=O(null);lookupError=O(null);signOf(e){return e===`expected`?`−`:e===`actual`?`+`:` `}async explainLookup(e){let t=this.rpc(),n=this.owner();if(t&&n&&!this.loading()){this.loading.set(!0),this.lookupError.set(null);try{let r=await t.scope(`pangular`).rpc.call(`explain-injection`,{selector:n.id,token:e,pageId:this.pageId()});!r||`error`in r?(this.lookup.set(null),this.lookupError.set(r?.error??`The server didn't answer.`)):this.lookup.set(r)}catch{this.lookup.set(null),this.lookupError.set(`Can't reach the devtools server. Try again.`)}finally{this.loading.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-error-explain`]],inputs:{explain:[1,`explain`],owner:[1,`owner`],pageId:[1,`pageId`],rpc:[1,`rpc`],canExplain:[1,`canExplain`]},decls:3,vars:1,consts:[[1,`label`],[1,`facts`],[1,`muted`],[1,`value`],[1,`note`],[1,`writes`],[`aria-label`,`App frames that wrote it`,1,`frames`],[1,`summary`],[1,`legend`],[`aria-hidden`,`true`,1,`sign`,`expected`],[`aria-hidden`,`true`,1,`sign`,`actual`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Server vs client DOM diff`,1,`diff-wrap`],[1,`diff`],[`aria-hidden`,`true`,1,`sign`],[1,`sr-only`],[`type`,`button`,1,`small`],[`aria-live`,`polite`],[`role`,`alert`,1,`note`],[`type`,`button`,1,`small`,3,`click`],[`aria-label`,`Injectors Angular asks, in order`,1,`steps`],[1,`step-name`],[1,`chip`],[1,`reason`]],template:function(e,t){if(e&1&&M(0,y2,1,1)(1,D2,1,1)(2,X2,1,1),e&2){let e;N((e=t.explain().kind)===`expression-changed`?0:e===`hydration-mismatch`?1:e===`missing-provider`?2:-1)}},styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 6px;
   min-width: 0;
@@ -16277,7 +16283,7 @@ dd[_ngcontent-%COMP%] {
   background: var(--%NS%surface-3);
 }
 
-.small[_ngcontent-%COMP%]:disabled {
+.small[aria-disabled=true][_ngcontent-%COMP%] {
   cursor: progress;
 }
 
@@ -16336,7 +16342,7 @@ dd[_ngcontent-%COMP%] {
   border-color: var(--%NS%border);
   background: var(--%NS%surface-2);
   color: var(--%NS%text-2);
-}`]})},Z2=(e,t)=>t.pageId+t.id;function Q2(e,t){e&1&&(L(0,`p`,1),J(1,`Loading errors…`),R())}function $2(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function e4(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 t4(e,t){if(e&1){let e=H();L(0,`app-select`,20),U(`valueChange`,function(t){return T(e),E(G(2).level.set(t))}),R()}if(e&2){let e=G(2);I(`options`,e.levelOptions)(`value`,e.level())}}function n4(e,t){if(e&1){let e=H();L(0,`app-select`,21),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function r4(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 i4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedErrors(),` older error `,e.droppedErrors()===1?`group was`:`groups were`,` dropped. Each page keeps its last 100. `)}}function a4(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 o4(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`),J(2),R(),L(3,`button`,3),U(`click`,function(){T(e),G(2);let t=d_(17);return G().filter.set(``),E(t.focus())}),J(4,` Clear filter `),R()()}if(e&2){let e=G(3);k(2),X(`No error matches “`,e.filter(),`”.`)}}function s4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function c4(e,t){if(e&1&&(L(0,`span`,34),J(1),R()),e&2){let e=G();k(),Y(e)}}function l4(e,t){if(e&1&&M(0,s4,4,2,`a`,33)(1,c4,2,1,`span`,34),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function u4(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=t.$implicit,n=G(5);k(),Y(n.sourceLabels[e])}}function d4(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.pageLabel(e.pageId))}}function f4(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){T(e);let t=G(),n=G().$implicit;return E(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();k(3),Y(e.name)}}function p4(e,t){if(e&1&&(L(0,`span`,4),J(1,`In `),L(2,`code`),J(3),R()()),e&2){let e=G();k(3),Y(e.name)}}function m4(e,t){e&1&&M(0,f4,4,1,`button`,36)(1,p4,4,1,`span`,4),e&2&&N(+!G(5).canShowComponent())}function h4(e,t){if(e&1&&z(0,`app-error-explain`,32),e&2){let e=G().$implicit,n=G(4);I(`explain`,t)(`owner`,e.owner)(`pageId`,e.pageId)(`rpc`,n.rpc())(`canExplain`,n.canExplainInjection())}}function g4(e,t){if(e&1&&(L(0,`details`)(1,`summary`),J(2,`Stack`),R(),L(3,`pre`,38),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.stack)}}function _4(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,l4,2,1),P(8,u4,2,1,`span`,31,Ag),L(10,`span`,4),J(11),R(),M(12,d4,2,1,`span`,4),M(13,m4,2,1),R(),M(14,h4,1,5,`app-error-explain`,32),M(15,g4,5,1,`details`),R()),e&2){let e,n,r,i=t.$implicit,a=G(4);k(2),j(`aria-label`,a.timesLabel(i.count)),k(),X(` `,i.count,`× `),k(2),Y(i.message),k(2),N((e=i.code)?7:-1,e),k(),F(i.sources),k(3),X(`Last at `,a.time(i.lastAt)),k(),N(a.showPage()?12:-1),k(),N((n=i.owner)?13:-1,n),k(),N((r=i.explain)?14:-1,r),k(),N(i.stack?15:-1)}}function v4(e,t){if(e&1&&(L(0,`ol`,25),P(1,_4,16,9,`li`,26,Z2),R()),e&2){let e=G(3);k(),F(e.shownErrors())}}function y4(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,22),J(2,`Errors`),R(),M(3,r4,2,0,`p`,23),M(4,i4,2,2,`p`,23),M(5,a4,2,0,`p`,24)(6,o4,5,1,`div`,24)(7,v4,3,0,`ol`,25),R()),e&2){let e=G(2);k(3),N(e.unwrapped()?3:-1),k(),N(e.droppedErrors()?4:-1),k(),N(e.errors().length?e.shownErrors().length?7:6:5)}}function b4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedConsole(),` older `,e.droppedConsole()===1?`call was`:`calls were`,` dropped. Each page keeps its last 200. `)}}function x4(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 S4(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(){T(e),G(2);let t=d_(17);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}}function C4(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)),k(),X(``,e.count,`×`)}}function w4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function T4(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G();k(),Y(e)}}function E4(e,t){if(e&1&&M(0,w4,4,2,`a`,33)(1,T4,2,1,`span`,45),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function D4(e,t){if(e&1&&(L(0,`li`,41)(1,`span`,42),J(2),R(),L(3,`code`,43),J(4),R(),M(5,C4,2,2,`span`,28),M(6,E4,2,1),L(7,`time`,44),J(8),R()()),e&2){let e,n=t.$implicit,r=G(4);k(),j(`data-tone`,r.levelTone[n.level]),k(),Y(n.level),k(2),Y(n.text),k(),N(n.count>1?5:-1),k(),N((e=n.code)?6:-1,e),k(2),Y(r.time(n.at))}}function O4(e,t){if(e&1&&(L(0,`ol`,40),P(1,D4,9,6,`li`,41,Z2),R()),e&2){let e=G(3);k(),F(e.shownEntries())}}function k4(e,t){if(e&1&&(L(0,`section`,19)(1,`h2`,39),J(2,`Console`),R(),M(3,b4,2,2,`p`,23),M(4,x4,2,0,`p`,24)(5,S4,5,0,`div`,24)(6,O4,3,0,`ol`,40),R()),e&2){let e=G(2);k(3),N(e.droppedConsole()?3:-1),k(),N(e.entries().length?e.shownEntries().length?6:5:4)}}function A4(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 T(e),E(G().view.set(`errors`))}),J(5,` Errors `),L(6,`span`,9),J(7),R()(),L(8,`button`,8),U(`click`,function(){return T(e),E(G().view.set(`console`))}),J(9,` Console `),L(10,`span`,9),J(11),R()()(),L(12,`div`,10),D(),L(13,`svg`,11),z(14,`circle`,12)(15,`path`,13),R(),_s(),L(16,`input`,14,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(18,t4,1,2,`app-select`,15),M(19,n4,1,2,`app-select`,16),L(20,`span`,17),J(21),R()(),M(22,y4,8,3,`section`,18)(23,k4,7,2,`section`,19)}if(e&2){let e=G();k(4),j(`aria-pressed`,e.view()===`errors`),k(3),Y(e.errors().length),k(),j(`aria-pressed`,e.view()===`console`),k(3),Y(e.entries().length),k(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`),k(2),N(e.view()===`console`?18:-1),k(),N(e.pageOptions().length>2?19:-1),k(2),Y(e.countText()),k(),N(e.view()===`errors`?22:23)}}var j4={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},M4=class e{rpc=$(null);canShowComponent=$(!0);canExplainInjection=$(!1);showComponent=Rv();destroyRef=C(Ds);hostPageId=LE();unsubscribe;time=QO;codeLink=$0;sourceLabels=q0;levelTone=j4;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...G0.map(e=>({value:e,label:e}))];pages=O([]);loaded=O(!1);failed=O(!1);view=O(`errors`);filter=O(``);level=O(`all`);pageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&(t.value===`all`||e.some(e=>e.pageId===t.value))?t.value:X0(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(()=>Z0(this.pages(),this.pageId()));entries=Q(()=>Q0(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(){mc(()=>{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(Y0(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=A({type:e,selectors:[[`app-errors-inspector`]],inputs:{rpc:[1,`rpc`],canShowComponent:[1,`canShowComponent`],canExplainInjection:[1,`canExplainInjection`]},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`],[3,`explain`,`owner`,`pageId`,`rpc`,`canExplain`],[`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,Q2,2,0,`p`,1)(1,$2,5,0,`div`,2)(2,e4,5,0,`div`,1)(3,A4,24,11),e&2&&N(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[OO,X2],styles:[`[_nghost-%COMP%] {
+}`]})},e4=(e,t)=>t.pageId+t.id;function t4(e,t){e&1&&(L(0,`p`,1),J(1,`Loading errors…`),R())}function n4(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function r4(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 i4(e,t){if(e&1){let e=H();L(0,`app-select`,20),U(`valueChange`,function(t){return T(e),E(G(2).level.set(t))}),R()}if(e&2){let e=G(2);I(`options`,e.levelOptions)(`value`,e.level())}}function a4(e,t){if(e&1){let e=H();L(0,`app-select`,21),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function o4(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 s4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedErrors(),` older error `,e.droppedErrors()===1?`group was`:`groups were`,` dropped. Each page keeps its last 100. `)}}function c4(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 l4(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`),J(2),R(),L(3,`button`,3),U(`click`,function(){T(e),G(2);let t=d_(17);return G().filter.set(``),E(t.focus())}),J(4,` Clear filter `),R()()}if(e&2){let e=G(3);k(2),X(`No error matches “`,e.filter(),`”.`)}}function u4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function d4(e,t){if(e&1&&(L(0,`span`,34),J(1),R()),e&2){let e=G();k(),Y(e)}}function f4(e,t){if(e&1&&M(0,u4,4,2,`a`,33)(1,d4,2,1,`span`,34),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function p4(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=t.$implicit,n=G(5);k(),Y(n.sourceLabels[e])}}function m4(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.pageLabel(e.pageId))}}function h4(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){T(e);let t=G(),n=G().$implicit;return E(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();k(3),Y(e.name)}}function g4(e,t){if(e&1&&(L(0,`span`,4),J(1,`In `),L(2,`code`),J(3),R()()),e&2){let e=G();k(3),Y(e.name)}}function _4(e,t){e&1&&M(0,h4,4,1,`button`,36)(1,g4,4,1,`span`,4),e&2&&N(+!G(5).canShowComponent())}function v4(e,t){if(e&1&&z(0,`app-error-explain`,32),e&2){let e=G().$implicit,n=G(4);I(`explain`,t)(`owner`,e.owner)(`pageId`,e.pageId)(`rpc`,n.rpc())(`canExplain`,n.canExplainInjection())}}function y4(e,t){if(e&1&&(L(0,`details`)(1,`summary`),J(2,`Stack`),R(),L(3,`pre`,38),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.stack)}}function b4(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,f4,2,1),P(8,p4,2,1,`span`,31,Ag),L(10,`span`,4),J(11),R(),M(12,m4,2,1,`span`,4),M(13,_4,2,1),R(),M(14,v4,1,5,`app-error-explain`,32),M(15,y4,5,1,`details`),R()),e&2){let e,n,r,i=t.$implicit,a=G(4);k(2),j(`aria-label`,a.timesLabel(i.count)),k(),X(` `,i.count,`× `),k(2),Y(i.message),k(2),N((e=i.code)?7:-1,e),k(),F(i.sources),k(3),X(`Last at `,a.time(i.lastAt)),k(),N(a.showPage()?12:-1),k(),N((n=i.owner)?13:-1,n),k(),N((r=i.explain)?14:-1,r),k(),N(i.stack?15:-1)}}function x4(e,t){if(e&1&&(L(0,`ol`,25),P(1,b4,16,9,`li`,26,e4),R()),e&2){let e=G(3);k(),F(e.shownErrors())}}function S4(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,22),J(2,`Errors`),R(),M(3,o4,2,0,`p`,23),M(4,s4,2,2,`p`,23),M(5,c4,2,0,`p`,24)(6,l4,5,1,`div`,24)(7,x4,3,0,`ol`,25),R()),e&2){let e=G(2);k(3),N(e.unwrapped()?3:-1),k(),N(e.droppedErrors()?4:-1),k(),N(e.errors().length?e.shownErrors().length?7:6:5)}}function C4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedConsole(),` older `,e.droppedConsole()===1?`call was`:`calls were`,` dropped. Each page keeps its last 200. `)}}function w4(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 T4(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(){T(e),G(2);let t=d_(17);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}}function E4(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)),k(),X(``,e.count,`×`)}}function D4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function O4(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G();k(),Y(e)}}function k4(e,t){if(e&1&&M(0,D4,4,2,`a`,33)(1,O4,2,1,`span`,45),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function A4(e,t){if(e&1&&(L(0,`li`,41)(1,`span`,42),J(2),R(),L(3,`code`,43),J(4),R(),M(5,E4,2,2,`span`,28),M(6,k4,2,1),L(7,`time`,44),J(8),R()()),e&2){let e,n=t.$implicit,r=G(4);k(),j(`data-tone`,r.levelTone[n.level]),k(),Y(n.level),k(2),Y(n.text),k(),N(n.count>1?5:-1),k(),N((e=n.code)?6:-1,e),k(2),Y(r.time(n.at))}}function j4(e,t){if(e&1&&(L(0,`ol`,40),P(1,A4,9,6,`li`,41,e4),R()),e&2){let e=G(3);k(),F(e.shownEntries())}}function M4(e,t){if(e&1&&(L(0,`section`,19)(1,`h2`,39),J(2,`Console`),R(),M(3,C4,2,2,`p`,23),M(4,w4,2,0,`p`,24)(5,T4,5,0,`div`,24)(6,j4,3,0,`ol`,40),R()),e&2){let e=G(2);k(3),N(e.droppedConsole()?3:-1),k(),N(e.entries().length?e.shownEntries().length?6:5:4)}}function N4(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 T(e),E(G().view.set(`errors`))}),J(5,` Errors `),L(6,`span`,9),J(7),R()(),L(8,`button`,8),U(`click`,function(){return T(e),E(G().view.set(`console`))}),J(9,` Console `),L(10,`span`,9),J(11),R()()(),L(12,`div`,10),D(),L(13,`svg`,11),z(14,`circle`,12)(15,`path`,13),R(),_s(),L(16,`input`,14,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(18,i4,1,2,`app-select`,15),M(19,a4,1,2,`app-select`,16),L(20,`span`,17),J(21),R()(),M(22,S4,8,3,`section`,18)(23,M4,7,2,`section`,19)}if(e&2){let e=G();k(4),j(`aria-pressed`,e.view()===`errors`),k(3),Y(e.errors().length),k(),j(`aria-pressed`,e.view()===`console`),k(3),Y(e.entries().length),k(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`),k(2),N(e.view()===`console`?18:-1),k(),N(e.pageOptions().length>2?19:-1),k(2),Y(e.countText()),k(),N(e.view()===`errors`?22:23)}}var P4={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},F4=class e{rpc=$(null);canShowComponent=$(!0);canExplainInjection=$(!1);showComponent=Rv();destroyRef=C(Ds);hostPageId=LE();unsubscribe;time=QO;codeLink=t2;sourceLabels=Y0;levelTone=P4;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...q0.map(e=>({value:e,label:e}))];pages=O([]);loaded=O(!1);failed=O(!1);view=O(`errors`);filter=O(``);level=O(`all`);pageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&(t.value===`all`||e.some(e=>e.pageId===t.value))?t.value:Q0(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(()=>$0(this.pages(),this.pageId()));entries=Q(()=>e2(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(){mc(()=>{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(Z0(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=A({type:e,selectors:[[`app-errors-inspector`]],inputs:{rpc:[1,`rpc`],canShowComponent:[1,`canShowComponent`],canExplainInjection:[1,`canExplainInjection`]},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`],[3,`explain`,`owner`,`pageId`,`rpc`,`canExplain`],[`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,t4,2,0,`p`,1)(1,n4,5,0,`div`,2)(2,r4,5,0,`div`,1)(3,N4,24,11),e&2&&N(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[OO,$2],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -16669,7 +16675,7 @@ pre[_ngcontent-%COMP%]:focus-visible {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},N4=[{id:`router`,label:`Router`,tab:`routes`,tabLabel:`Routes`,inspector:`router`,state:`router`},{id:`http`,label:`HTTP`,tab:`network`,tabLabel:`SSR & HTTP`,inspector:`http`,state:`http`},{id:`ngrx`,label:`NgRx`,tab:`store`,tabLabel:`Store`,inspector:`ngrx`,state:`ngrx-store`},{id:`cd`,label:`Change detection`,tab:`components`,tabLabel:`Components`,inspector:`components`,state:`change-detection`},{id:`forms`,label:`Forms`,tab:`forms`,tabLabel:`Forms`,inspector:`forms`,state:`forms`},{id:`signals`,label:`Signals`,tab:`signals`,tabLabel:`Signals`,inspector:`signals`,state:`signal-graph`}],P4=Object.fromEntries(N4.map(e=>[e.id,e]));function F4(e){return N4.filter(t=>e.inspectors[t.inspector])}function I4(e){return Array.isArray(e)?e:[]}function L4(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function R4(e){let t=L4(e).pages;return Array.isArray(t)?t:Object.values(L4(t))}function z4(e){return typeof e==`number`&&Number.isFinite(e)}function B4(e){try{let t=new URL(e,`http://x`);return e.startsWith(`/`)||t.host===`x`?`${t.pathname}${t.search}`:e.replace(/^[a-z]+:\/\/[^/]+/i,``)||e}catch{return e}}function V4(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function H4(e){let t;try{t=typeof e==`string`?JSON.stringify(e):JSON.stringify(e)??``}catch{t=String(e)}return t.length>80?`${t.slice(0,79)}…`:t}function U4(e){let t=[];for(let n of R4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of I4(n?.navigations)){if(!z4(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=z4(r.endedAt)?Math.max(0,r.endedAt-r.startedAt):void 0,i=r.finalUrl&&r.finalUrl!==r.url?` to ${r.finalUrl}`:``;t.push({key:`router:${e}:${r.id}`,layer:`router`,pageId:e,at:r.startedAt,...n===void 0?{}:{ms:n},title:`Navigation to ${r.url}`,detail:[`${r.outcome}${i}`,r.trigger,n===void 0?``:V4(n)].filter(Boolean).join(` · `),...r.outcome===`failed`?{tone:`danger`}:r.outcome===`cancelled`||r.outcome===`redirected`?{tone:`warn`}:{},link:{tab:`routes`,...e?{page:e}:{}}})}}return t}function W4(e){let t=e.status??0;if(e.error||t>=500||t===0&&!e.cancelled)return`danger`;if(t>=400||e.faulted||e.cancelled)return`warn`}function G4(e,t){if(!z4(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=z4(e.durationMs)?e.durationMs:void 0,a=W4(e);return{key:`http:${e.side===`server`?`server`:t}:${e.id??e.at}`,layer:`http`,pageId:t,at:e.at,...i===void 0?{}:{ms:i},title:`${e.method??`GET`} ${B4(e.url??``)}`,detail:[r,n,i===void 0?``:V4(i),e.cacheHit?`from cache`:``,e.mocked?`mocked`:e.faulted?`fault rule`:``].filter(Boolean).join(` · `),...a?{tone:a}:{},link:{tab:`network`,...t?{page:t}:{}}}}function K4(e){let t=[],n=R4(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of I4(e?.calls)){let e=G4(r,n);e&&t.push(e)}}for(let r of I4(L4(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=G4({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function q4(e){let t=[];for(let n of R4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of I4(n?.log)){if(!z4(r?.timestamp))continue;let n=I4(r.diff).length+(r.diffTruncated??0),i=z4(r.durationMs)?r.durationMs:void 0;t.push({key:`ngrx:${e}:${r.seq}`,layer:`ngrx`,pageId:e,at:r.timestamp,...i===void 0?{}:{ms:i},title:r.source===`event`?r.eventType??r.type:r.type,detail:[r.storeId,r.source===`event`?`event`:n?`${n} ${n===1?`change`:`changes`}`:`no change`,i===void 0?``:V4(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var J4=16;function Y4(e){let t=[];for(let n of R4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of I4(n?.cycles)){if(!z4(r?.at))continue;let n=z4(r.ms)?r.ms:0;t.push({key:`cd:${e}:${r.id}`,layer:`cd`,pageId:e,at:r.at,ms:n,title:`Change detection cycle ${r.id}`,detail:[V4(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>J4?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function X4(e){return I4(L4(e).events).flatMap((e,t)=>{if(!z4(e?.timestamp)||typeof e.formId!=`string`)return[];let n=GE(e.formId),r=[e.detail,e.origin,e.outcome].filter(Boolean).join(` · `);return[{key:`forms:${e.formId}:${e.seq??`i${t}`}`,layer:`forms`,pageId:n,at:e.timestamp,...z4(e.ms)?{ms:e.ms}:{},title:`${e.type} ${e.path||`form`}`,detail:r,...e.type===`submit`&&e.outcome===`invalid`?{tone:`warn`}:{},link:{tab:`forms`,id:e.formId,...n?{page:n}:{}}}]})}var Z4={write:`set`,sample:`sampled`};function Q4(e){let t=[],n=L4(L4(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,L4(e).graph]];for(let[e,n]of r){let r=L4(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(I4(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(L4(r.history)))for(let r of I4(n)){if(!z4(r?.at)||r.source===`initial`)continue;let n=a.get(e)??e;t.push({key:`signals:${i}:${e}:${r.epoch??r.at}`,layer:`signals`,pageId:i,at:r.at,title:`${n} ${Z4[r.source??``]??`changed`}`,detail:H4(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var $4={router:U4,http:K4,ngrx:q4,cd:Y4,forms:X4,signals:Q4};function e3(e){let t=[];for(let n of N4){let r=e[n.id];r!=null&&t.push(...$4[n.id](r))}let n=new Map(N4.map((e,t)=>[e.id,t]));t.sort((e,t)=>e.at-t.at||n.get(e.layer)-n.get(t.layer)||(e.key<t.key?-1:+(e.key>t.key)));let r=new Set;for(let e of t){let t=e.key;for(let n=2;r.has(t);n++)t=`${e.key}#${n}`;e.key=t,r.add(t)}return t}function t3(e,t){let n=new Map,r=(e,t)=>{typeof e==`string`&&e&&(typeof t==`string`&&t&&!n.get(e)?n.set(e,t):n.has(e)||n.set(e,``))};for(let t of R4(e.http))r(t?.pageId,t?.title||t?.url);for(let t of R4(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of R4(e.ngrx))r(t?.pageId,t?.title||t?.url);for(let e of t)r(e.pageId,``);return[...n].map(([e,t])=>({pageId:e,label:t||e}))}function n3(e,t){let n=t.query.trim().toLowerCase();return e.filter(e=>t.layers.has(e.layer)&&(t.pageId===`all`||e.pageId===t.pageId)&&(!n||e.title.toLowerCase().includes(n)||e.detail.toLowerCase().includes(n)))}function r3(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function i3(e){if(!e.length)return null;let t=1/0,n=-1/0;for(let r of e)t=Math.min(t,r.at),n=Math.max(n,r.at+(r.ms??0));return n-t<20?{start:t-10,end:t+10}:{start:t,end:n}}function a3(e,t,n){let r=Math.max(20,(e.end-e.start)*t);if(r>=n.end-n.start)return null;let i=(e.start+e.end)/2;return s3({start:i-r/2,end:i+r/2},n)}function o3(e,t,n){let r=(e.end-e.start)*t;return s3({start:e.start+r,end:e.end+r},n)}function s3(e,t){let n=e.end-e.start;return e.start<t.start?{start:t.start,end:t.start+n}:e.end>t.end?{start:t.end-n,end:t.end}:e}function c3(e,t,n){let[r,i]=t<n?[t,n]:[n,t],a=e=>Math.min(1,Math.max(0,e)),o=e.end-e.start,s=e.start+a(r)*o,c=e.start+a(i)*o;return c-s<20?null:{start:s,end:c}}function l3(e,t,n){let r=Math.max(1,t.end-t.start),i=new Map;for(let a of e){if(a.at<t.start||a.at>t.end)continue;let e=Math.min(n-1,Math.floor((a.at-t.start)/r*n)),o=`${a.layer}:${e}`,s=i.get(o);s||(s={layer:a.layer,slot:e,count:0},i.set(o,s)),s.count++,(a.tone===`danger`||a.tone===`warn`&&s.tone!==`danger`)&&(s.tone=a.tone)}return[...i.values()]}function u3(e,t,n){let r=null;for(let i of e)i.layer===t&&(!r||Math.abs(i.at-n)<Math.abs(r.at-n))&&(r=i);return r}var d3=`pangular-timeline-hidden-layers`;function f3(){try{let e=JSON.parse(localStorage.getItem(d3)??`[]`);return Array.isArray(e)?e.filter(e=>N4.some(t=>t.id===e)):[]}catch{return[]}}function p3(e){try{localStorage.setItem(d3,JSON.stringify(e))}catch{}}function m3(e){let t=new Date(e),n=(e,t=2)=>String(e).padStart(t,`0`);return`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${n(t.getMilliseconds(),3)}`}function h3(e){if(e<1e3)return`${Math.round(e)} ms`;if(e<6e4)return`${Math.round(e/100)/10} s`;let t=Math.floor(e/6e4),n=Math.round(e%6e4/1e3);return n?`${t} min ${n} s`:`${t} min`}var g3=[`tracks`],_3=(e,t)=>t.id,v3=(e,t)=>t.layer+t.slot,y3=(e,t)=>t.key;function b3(e,t){e&1&&(L(0,`p`,3),J(1,`Loading the timeline…`),R())}function x3(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`p`),J(2,`Can't read the timeline from the devtools server.`),R(),L(3,`button`,5),U(`click`,function(){return T(e),E(G().retry())}),J(4,`Retry`),R()()}}function S3(e,t){if(e&1){let e=H();L(0,`app-select`,19),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function C3(e,t){if(e&1){let e=H();L(0,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleLayer(t.id))}),z(1,`span`,21),J(2),L(3,`span`,22),J(4),R()()}if(e&2){let e=t.$implicit,n=G(2);j(`aria-pressed`,!n.hidden().includes(e.id)),k(2),X(` `,e.label,` `),k(2),Y(n.layerCounts()[e.id])}}function w3(e,t){e&1&&(L(0,`div`,3)(1,`p`),J(2,`Nothing on the timeline yet.`),R(),L(3,`p`,23),J(4,` Use the app with the overlay loaded. Navigations, HTTP calls, NgRx actions and form events show up as they happen. Record change detection on the Components tab, and pick a component on the Signals tab to follow its signals. `),R()())}function T3(e,t){if(e&1){let e=H();L(0,`div`,3)(1,`p`),J(2),R(),L(3,`button`,5),U(`click`,function(){T(e),G();let t=d_(6);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}if(e&2){let e=G(2);k(2),X(`No event matches the filters`,e.range()?` in this range`:``,`.`)}}function E3(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.label)}}function D3(e,t){if(e&1&&(D(),z(0,`line`,31)),e&2){let e=t.$index,n=G(3);j(`x2`,n.chartWidth)(`y1`,e*n.laneHeight+n.laneHeight/2)(`y2`,e*n.laneHeight+n.laneHeight/2)}}function O3(e,t){if(e&1&&(D(),z(0,`rect`,32)),e&2){let e=t.$implicit,n=G(3);j(`data-tone`,e.tone??null)(`x`,e.slot*n.slotWidth)(`y`,n.laneIndex()[e.layer]*n.laneHeight+4)(`width`,n.slotWidth-1)(`height`,n.laneHeight-8)(`opacity`,n.binOpacity(e.count))}}function k3(e,t){if(e&1&&(D(),z(0,`rect`,33)),e&2){let e=t,n=G(3);j(`x`,e.x-2)(`y`,e.y+1)(`width`,n.slotWidth+3)(`height`,n.laneHeight-2)}}function A3(e,t){if(e&1&&z(0,`div`,44),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function j3(e,t){if(e&1&&(L(0,`p`,40),J(1),R()),e&2){let e=G(3);k(),Z(` Showing the newest `,e.listed().length,` of `,e.shown().length,` events. Zoom in or filter to see older ones. `)}}function M3(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function N3(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.pageLabel(e.pageId))}}function P3(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,45),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`dblclick`,function(){let t=T(e).$implicit;return E(G(3).openEvent(t))}),L(2,`time`,46),J(3),R(),L(4,`span`,47),J(5),R(),L(6,`span`,48),J(7),R(),M(8,M3,2,1,`span`,49),M(9,N3,2,1,`span`,50),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),q(`selected`,e.key===n.selectedKey()),j(`aria-current`,e.key===n.selectedKey()?`true`:null)(`data-key`,e.key),k(2),Y(n.clock(e.at)),k(),j(`data-tone`,e.tone??null),k(),Y(n.layerLabel(e.layer)),k(2),Y(e.title),k(),N(e.detail?8:-1),k(),N(n.showPage()?9:-1)}}function F3(e,t){if(e&1&&(L(0,`dt`),J(1,`Took`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(),t=G(3);k(3),Y(t.span(e.ms))}}function I3(e,t){if(e&1&&(L(0,`dt`),J(1,`Detail`),R(),L(2,`dd`,53),J(3),R()),e&2){let e=G();k(3),Y(e.detail)}}function L3(e,t){if(e&1){let e=H();L(0,`p`,51),J(1),R(),L(2,`dl`)(3,`dt`),J(4,`Layer`),R(),L(5,`dd`),J(6),R(),L(7,`dt`),J(8,`Time`),R(),L(9,`dd`),J(10),R(),M(11,F3,4,1),M(12,I3,4,1),L(13,`dt`),J(14,`Page`),R(),L(15,`dd`),J(16),R()(),L(17,`button`,52),U(`click`,function(){let t=T(e);return E(G(3).openEvent(t))}),J(18),R()}if(e&2){let e=t,n=G(3);k(),Y(e.title),k(5),Y(n.layerLabel(e.layer)),k(4),Y(n.clock(e.at)),k(),N(e.ms===void 0?-1:11),k(),N(e.detail?12:-1),k(4),Y(e.pageId?n.pageLabel(e.pageId):`Server, no page`),k(2),X(` Open in `,n.tabLabel(e.layer),` `)}}function R3(e,t){e&1&&(L(0,`p`,23),J(1,` Select an event in the list or on the chart to see it here. Double click a row to open it in its own tab. `),R())}function z3(e,t){if(e&1){let e=H();L(0,`section`,24)(1,`div`,25)(2,`h2`,26),J(3,`Time axis`),R(),L(4,`span`,23),J(5),R()(),L(6,`div`,27)(7,`ul`,28),P(8,E3,2,1,`li`,null,_3),R(),L(10,`div`,29,1),U(`pointerdown`,function(t){return T(e),E(G(2).onPointerDown(t))})(`pointermove`,function(t){return T(e),E(G(2).onPointerMove(t))})(`pointerup`,function(t){return T(e),E(G(2).onPointerUp(t))})(`pointercancel`,function(){return T(e),E(G(2).brush.set(null))}),D(),L(12,`svg`,30),P(13,D3,1,3,`:svg:line`,31,_3),P(15,O3,1,6,`:svg:rect`,32,v3),M(17,k3,1,4,`:svg:rect`,33),R(),M(18,A3,1,4,`div`,34),R()(),_s(),L(19,`div`,35)(20,`span`),J(21),R(),L(22,`span`),J(23),R()(),L(24,`p`,36),J(25,` Drag across the chart to look at a range, and click a mark to select the nearest event. The list below holds the same events. `),R()(),L(26,`div`,37)(27,`section`,38)(28,`h2`,39),J(29,`Events`),R(),M(30,j3,2,2,`p`,40),L(31,`ol`,41),P(32,P3,10,10,`li`,null,y3),R()(),L(34,`aside`,42)(35,`h2`,43),J(36,`Selected event`),R(),M(37,L3,19,7)(38,R3,2,0,`p`,23),R()()}if(e&2){let e,t,n,r=G(2);k(5),Y(r.viewText()),k(3),F(r.lanes()),k(2),K(`height`,r.lanes().length*r.laneHeight,`px`),j(`aria-label`,r.chartLabel()),k(2),j(`viewBox`,`0 0 `+r.chartWidth+` `+r.lanes().length*r.laneHeight),k(),F(r.lanes()),k(2),F(r.bins()),k(2),N((e=r.selectedMark())?17:-1,e),k(),N((t=r.brushBox())?18:-1,t),k(3),Y(r.clock(r.view().start)),k(2),Y(r.clock(r.view().end)),k(7),N(r.shown().length>r.listed().length?30:-1),k(2),F(r.listed()),k(5),N((n=r.selected())?37:38,n)}}function B3(e,t){if(e&1){let e=H();L(0,`div`,6)(1,`div`,7),D(),L(2,`svg`,8),z(3,`circle`,9)(4,`path`,10),R(),_s(),L(5,`input`,11,0),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),M(7,S3,1,2,`app-select`,12),L(8,`span`,13),J(9),R()(),L(10,`div`,14)(11,`div`,15),P(12,C3,5,3,`button`,16,_3),R(),L(14,`div`,17)(15,`button`,18),U(`click`,function(){return T(e),E(G().zoom(.5))}),J(16,` Zoom in `),R(),L(17,`button`,18),U(`click`,function(){return T(e),E(G().zoom(2))}),J(18,` Zoom out `),R(),L(19,`button`,18),U(`click`,function(){return T(e),E(G().pan(-1))}),J(20,` Earlier `),R(),L(21,`button`,18),U(`click`,function(){return T(e),E(G().pan(1))}),J(22,` Later `),R(),L(23,`button`,18),U(`click`,function(){return T(e),E(G().range.set(null))}),J(24,` Show all `),R()()(),M(25,w3,5,0,`div`,3)(26,T3,5,1,`div`,3)(27,z3,39,11)}if(e&2){let e=G();k(5),I(`value`,e.query()),k(2),N(e.pageOptions().length>2?7:-1),k(2),Y(e.countText()),k(3),F(e.layers()),k(3),I(`disabled`,!e.canZoomIn()),k(2),I(`disabled`,!e.range()),k(2),I(`disabled`,!e.canPan(-1)),k(2),I(`disabled`,!e.canPan(1)),k(2),I(`disabled`,!e.range()),k(2),N(e.events().length?e.shown().length?27:26:25)}}var V3=240,H3=1e3,U3=4,W3=class e{rpc=$(null);open=Rv();destroyRef=C(Ds);tracks=Jv(`tracks`);host=C(Il);hostPageId=LE();cleanups=[];loads=0;allPages=`all`;clock=m3;span=h3;laneHeight=24;chartWidth=H3;slotWidth=H3/V3;loading=O(!0);failed=O(!1);sources=O({});query=O(``);hidden=O(f3());range=O(null);selectedKey=O(null);brush=O(null);layers=Q(()=>F4(nD(this.rpc())));events=Q(()=>{let e=new Set(this.layers().map(e=>e.id));return e3(this.sources()).filter(t=>e.has(t.layer))});pages=Q(()=>t3(this.sources(),this.events()));pageId=Fv({source:()=>this.pages().map(e=>e.pageId),computation:(e,t)=>t&&(t.value===`all`||e.includes(t.value))?t.value:this.hostPageId&&e.includes(this.hostPageId)?this.hostPageId:`all`});pageOptions=Q(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.label,...e.label===e.pageId?{}:{hint:e.pageId}}))]);showPage=Q(()=>this.pageId()===`all`&&this.pages().length>1);matching=Q(()=>n3(this.events(),{layers:new Set(N4.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=Q(()=>{let e=Object.fromEntries(N4.map(e=>[e.id,0]));for(let t of r3(this.matching(),this.range()))e[t.layer]++;return e});visible=Q(()=>{let e=new Set(this.hidden());return this.matching().filter(t=>!e.has(t.layer))});lanes=Q(()=>{let e=new Set(this.hidden());return this.layers().filter(t=>!e.has(t.id))});laneIndex=Q(()=>Object.fromEntries(this.lanes().map((e,t)=>[e.id,t])));bounds=Q(()=>i3(this.visible()));view=Q(()=>this.range()??this.bounds());shown=Q(()=>r3(this.visible(),this.range()));listed=Q(()=>this.shown().slice(-200).reverse());bins=Q(()=>{let e=this.view();return e?l3(this.shown(),e,V3):[]});maxBin=Q(()=>this.bins().reduce((e,t)=>Math.max(e,t.count),1));selected=Q(()=>this.events().find(e=>e.key===this.selectedKey())??null);selectedMark=Q(()=>{let e=this.selected(),t=this.view(),n=e?this.laneIndex()[e.layer]:void 0;if(!e||!t||n===void 0||e.at<t.start||e.at>t.end)return null;let r=Math.max(1,t.end-t.start);return{x:Math.min(239,Math.floor((e.at-t.start)/r*V3))*this.slotWidth,y:n*this.laneHeight}});brushBox=Q(()=>{let e=this.brush();if(!e)return null;let t=Math.min(e.from,e.to),n=Math.max(e.from,e.to);return{left:t*100,width:(n-t)*100}});countText=Q(()=>{let e=this.events().length;return`${this.shown().length} of ${e} ${e===1?`event`:`events`}`});viewText=Q(()=>{let e=this.view();if(!e)return``;let t=h3(e.end-e.start);return this.range()?`Range of ${t}`:`All ${t}`});chartLabel=Q(()=>{let e=this.view();if(!e)return`Timeline`;let t=this.layerCounts(),n=this.lanes().map(e=>`${e.label} ${t[e.id]}`);return`Timeline from ${m3(e.start)} to ${m3(e.end)}: ${n.join(`, `)}. The Events list holds the same events.`});canZoomIn=Q(()=>{let e=this.view();return!!e&&e.end-e.start>40});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stop())}layerLabel(e){return P4[e].label}tabLabel(e){return P4[e].tabLabel}pageLabel(e){return e?this.pages().find(t=>t.pageId===e)?.label??e:`Server`}binOpacity(e){return Math.round((.55+.45*Math.min(1,Math.log2(e+1)/Math.log2(this.maxBin()+1)))*100)/100}toggleLayer(e){let t=this.hidden().includes(e)?this.hidden().filter(t=>t!==e):[...this.hidden(),e];this.hidden.set(t),p3(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),p3([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(a3(t,e,n))}canPan(e){let t=this.range(),n=this.bounds();return!t||!n?!1:e<0?t.start>n.start:t.end<n.end}pan(e){let t=this.range(),n=this.bounds();t&&n&&this.range.set(o3(t,e*.5,n))}select(e){this.selectedKey.set(e.key)}openEvent(e){this.open.emit(e.link)}share(e){let t=this.tracks()?.nativeElement.getBoundingClientRect();return!t||t.width<=0?0:Math.min(1,Math.max(0,(e.clientX-t.left)/t.width))}onPointerDown(e){if(e.pointerType===`mouse`&&e.button!==0)return;let t=this.share(e);this.brush.set({from:t,to:t,id:e.pointerId}),this.downX=e.clientX;try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.preventDefault()}onPointerMove(e){let t=this.brush();t&&t.id===e.pointerId&&this.brush.set({...t,to:this.share(e)})}onPointerUp(e){let t=this.brush(),n=this.view();if(this.brush.set(null),!t||t.id!==e.pointerId||!n)return;if(Math.abs(e.clientX-this.downX)<U3){this.pick(e,n);return}let r=c3(n,t.from,this.share(e));r&&this.range.set(r)}downX=0;pick(e,t){let n=this.tracks()?.nativeElement.getBoundingClientRect(),r=this.lanes();if(!n||!r.length)return;let i=r[Math.min(r.length-1,Math.max(0,Math.floor((e.clientY-n.top)/this.laneHeight)))],a=t.start+this.share(e)*(t.end-t.start),o=u3(this.shown(),i.id,a);o&&(this.selectedKey.set(o.key),queueMicrotask(()=>{this.host.nativeElement.querySelector(`button.row[data-key="${CSS.escape(o.key)}"]`)?.scrollIntoView?.({block:`nearest`})}))}retry(){let e=this.rpc();e&&this.load(e)}stop(){for(let e of this.cleanups.splice(0))e()}async load(e){this.stop();let t=++this.loads;this.loading.set(!0),this.failed.set(!1);let n=e.scope(`pangular`).rpc,r=await Promise.allSettled(N4.map(async e=>{let r=await n.sharedState(e.state);if(this.destroyRef.destroyed||t!==this.loads)return;let i=t=>this.sources.update(n=>({...n,[e.id]:t}));i(r.value()),this.cleanups.push(r.on(`updated`,i))}));this.destroyRef.destroyed||t!==this.loads||(this.failed.set(r.every(e=>e.status===`rejected`)),this.loading.set(!1))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-timeline`]],viewQuery:function(e,t){e&1&&l_(t.tracks,g3,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},outputs:{open:`open`},decls:5,vars:1,consts:[[`search`,``],[`tracks`,``],[1,`intro`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[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 events`,`placeholder`,`Filter by name, URL or detail`,`autocomplete`,`off`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[1,`controls`],[`role`,`group`,`aria-label`,`Layers`,1,`layers`],[`type`,`button`,1,`layer`],[`role`,`group`,`aria-label`,`Time range`,1,`zoom`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[`type`,`button`,1,`layer`,3,`click`],[`aria-hidden`,`true`,1,`check`],[1,`badge`],[1,`muted`],[`aria-labelledby`,`timeline-chart-heading`,1,`chart-card`],[1,`chart-head`],[`id`,`timeline-chart-heading`],[1,`chart`],[`aria-hidden`,`true`,1,`lane-labels`],[`role`,`img`,1,`tracks`,3,`pointerdown`,`pointermove`,`pointerup`,`pointercancel`],[`preserveAspectRatio`,`none`,`aria-hidden`,`true`],[`x1`,`0`,1,`lane-line`],[1,`mark`],[1,`selected-mark`],[1,`brush`,3,`left`,`width`],[`aria-hidden`,`true`,1,`axis`],[1,`hint`],[1,`split`],[`aria-labelledby`,`timeline-events-heading`,1,`events`],[`id`,`timeline-events-heading`],[1,`note`],[`appRovingList`,`button.row`,`aria-label`,`Events, newest first`,1,`rows`],[`aria-labelledby`,`timeline-detail-heading`,1,`detail-panel`],[`id`,`timeline-detail-heading`],[1,`brush`],[`type`,`button`,1,`row`,3,`click`,`dblclick`],[1,`when`],[1,`chip`],[1,`title`],[1,`detail`],[1,`page`],[1,`detail-title`],[`type`,`button`,1,`primary`,3,`click`],[1,`mono`]],template:function(e,t){e&1&&(L(0,`p`,2),J(1,` Navigations, HTTP calls, NgRx actions, change detection cycles, form events and signal changes from the live page on one time axis. Turn layers on and off, drag across the chart to look at a range, and open an event in its own tab. `),R(),M(2,b3,2,0,`p`,3)(3,x3,5,0,`div`,4)(4,B3,28,9)),e&2&&(k(2),N(t.loading()?2:t.failed()?3:4))},dependencies:[OO,Vz],styles:[`[_nghost-%COMP%] {
+}`]})},I4=[{id:`router`,label:`Router`,tab:`routes`,tabLabel:`Routes`,inspector:`router`,state:`router`},{id:`http`,label:`HTTP`,tab:`network`,tabLabel:`SSR & HTTP`,inspector:`http`,state:`http`},{id:`ngrx`,label:`NgRx`,tab:`store`,tabLabel:`Store`,inspector:`ngrx`,state:`ngrx-store`},{id:`cd`,label:`Change detection`,tab:`components`,tabLabel:`Components`,inspector:`components`,state:`change-detection`},{id:`forms`,label:`Forms`,tab:`forms`,tabLabel:`Forms`,inspector:`forms`,state:`forms`},{id:`signals`,label:`Signals`,tab:`signals`,tabLabel:`Signals`,inspector:`signals`,state:`signal-graph`}],L4=Object.fromEntries(I4.map(e=>[e.id,e]));function R4(e){return I4.filter(t=>e.inspectors[t.inspector])}function z4(e){return Array.isArray(e)?e:[]}function B4(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function V4(e){let t=B4(e).pages;return Array.isArray(t)?t:Object.values(B4(t))}function H4(e){return typeof e==`number`&&Number.isFinite(e)}function U4(e){try{let t=new URL(e,`http://x`);return e.startsWith(`/`)||t.host===`x`?`${t.pathname}${t.search}`:e.replace(/^[a-z]+:\/\/[^/]+/i,``)||e}catch{return e}}function W4(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function G4(e){let t;try{t=typeof e==`string`?JSON.stringify(e):JSON.stringify(e)??``}catch{t=String(e)}return t.length>80?`${t.slice(0,79)}…`:t}function K4(e){let t=[];for(let n of V4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of z4(n?.navigations)){if(!H4(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=H4(r.endedAt)?Math.max(0,r.endedAt-r.startedAt):void 0,i=r.finalUrl&&r.finalUrl!==r.url?` to ${r.finalUrl}`:``;t.push({key:`router:${e}:${r.id}`,layer:`router`,pageId:e,at:r.startedAt,...n===void 0?{}:{ms:n},title:`Navigation to ${r.url}`,detail:[`${r.outcome}${i}`,r.trigger,n===void 0?``:W4(n)].filter(Boolean).join(` · `),...r.outcome===`failed`?{tone:`danger`}:r.outcome===`cancelled`||r.outcome===`redirected`?{tone:`warn`}:{},link:{tab:`routes`,...e?{page:e}:{}}})}}return t}function q4(e){let t=e.status??0;if(e.error||t>=500||t===0&&!e.cancelled)return`danger`;if(t>=400||e.faulted||e.cancelled)return`warn`}function J4(e,t){if(!H4(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=H4(e.durationMs)?e.durationMs:void 0,a=q4(e);return{key:`http:${e.side===`server`?`server`:t}:${e.id??e.at}`,layer:`http`,pageId:t,at:e.at,...i===void 0?{}:{ms:i},title:`${e.method??`GET`} ${U4(e.url??``)}`,detail:[r,n,i===void 0?``:W4(i),e.cacheHit?`from cache`:``,e.mocked?`mocked`:e.faulted?`fault rule`:``].filter(Boolean).join(` · `),...a?{tone:a}:{},link:{tab:`network`,...t?{page:t}:{}}}}function Y4(e){let t=[],n=V4(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of z4(e?.calls)){let e=J4(r,n);e&&t.push(e)}}for(let r of z4(B4(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=J4({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function X4(e){let t=[];for(let n of V4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of z4(n?.log)){if(!H4(r?.timestamp))continue;let n=z4(r.diff).length+(r.diffTruncated??0),i=H4(r.durationMs)?r.durationMs:void 0;t.push({key:`ngrx:${e}:${r.seq}`,layer:`ngrx`,pageId:e,at:r.timestamp,...i===void 0?{}:{ms:i},title:r.source===`event`?r.eventType??r.type:r.type,detail:[r.storeId,r.source===`event`?`event`:n?`${n} ${n===1?`change`:`changes`}`:`no change`,i===void 0?``:W4(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var Z4=16;function Q4(e){let t=[];for(let n of V4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of z4(n?.cycles)){if(!H4(r?.at))continue;let n=H4(r.ms)?r.ms:0;t.push({key:`cd:${e}:${r.id}`,layer:`cd`,pageId:e,at:r.at,ms:n,title:`Change detection cycle ${r.id}`,detail:[W4(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>Z4?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function $4(e){return z4(B4(e).events).flatMap((e,t)=>{if(!H4(e?.timestamp)||typeof e.formId!=`string`)return[];let n=GE(e.formId),r=[e.detail,e.origin,e.outcome].filter(Boolean).join(` · `);return[{key:`forms:${e.formId}:${e.seq??`i${t}`}`,layer:`forms`,pageId:n,at:e.timestamp,...H4(e.ms)?{ms:e.ms}:{},title:`${e.type} ${e.path||`form`}`,detail:r,...e.type===`submit`&&e.outcome===`invalid`?{tone:`warn`}:{},link:{tab:`forms`,id:e.formId,...n?{page:n}:{}}}]})}var e3={write:`set`,sample:`sampled`};function t3(e){let t=[],n=B4(B4(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,B4(e).graph]];for(let[e,n]of r){let r=B4(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(z4(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(B4(r.history)))for(let r of z4(n)){if(!H4(r?.at)||r.source===`initial`)continue;let n=a.get(e)??e;t.push({key:`signals:${i}:${e}:${r.epoch??r.at}`,layer:`signals`,pageId:i,at:r.at,title:`${n} ${e3[r.source??``]??`changed`}`,detail:G4(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var n3={router:K4,http:Y4,ngrx:X4,cd:Q4,forms:$4,signals:t3};function r3(e){let t=[];for(let n of I4){let r=e[n.id];r!=null&&t.push(...n3[n.id](r))}let n=new Map(I4.map((e,t)=>[e.id,t]));t.sort((e,t)=>e.at-t.at||n.get(e.layer)-n.get(t.layer)||(e.key<t.key?-1:+(e.key>t.key)));let r=new Set;for(let e of t){let t=e.key;for(let n=2;r.has(t);n++)t=`${e.key}#${n}`;e.key=t,r.add(t)}return t}function i3(e,t){let n=new Map,r=(e,t)=>{typeof e==`string`&&e&&(typeof t==`string`&&t&&!n.get(e)?n.set(e,t):n.has(e)||n.set(e,``))};for(let t of V4(e.http))r(t?.pageId,t?.title||t?.url);for(let t of V4(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of V4(e.ngrx))r(t?.pageId,t?.title||t?.url);for(let e of t)r(e.pageId,``);return[...n].map(([e,t])=>({pageId:e,label:t||e}))}function a3(e,t){let n=t.query.trim().toLowerCase();return e.filter(e=>t.layers.has(e.layer)&&(t.pageId===`all`||e.pageId===t.pageId)&&(!n||e.title.toLowerCase().includes(n)||e.detail.toLowerCase().includes(n)))}function o3(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function s3(e){if(!e.length)return null;let t=1/0,n=-1/0;for(let r of e)t=Math.min(t,r.at),n=Math.max(n,r.at+(r.ms??0));return n-t<20?{start:t-10,end:t+10}:{start:t,end:n}}function c3(e,t,n){let r=Math.max(20,(e.end-e.start)*t);if(r>=n.end-n.start)return null;let i=(e.start+e.end)/2;return u3({start:i-r/2,end:i+r/2},n)}function l3(e,t,n){let r=(e.end-e.start)*t;return u3({start:e.start+r,end:e.end+r},n)}function u3(e,t){let n=e.end-e.start;return e.start<t.start?{start:t.start,end:t.start+n}:e.end>t.end?{start:t.end-n,end:t.end}:e}function d3(e,t,n){let[r,i]=t<n?[t,n]:[n,t],a=e=>Math.min(1,Math.max(0,e)),o=e.end-e.start,s=e.start+a(r)*o,c=e.start+a(i)*o;return c-s<20?null:{start:s,end:c}}function f3(e,t,n){let r=Math.max(1,t.end-t.start),i=new Map;for(let a of e){if(a.at<t.start||a.at>t.end)continue;let e=Math.min(n-1,Math.floor((a.at-t.start)/r*n)),o=`${a.layer}:${e}`,s=i.get(o);s||(s={layer:a.layer,slot:e,count:0},i.set(o,s)),s.count++,(a.tone===`danger`||a.tone===`warn`&&s.tone!==`danger`)&&(s.tone=a.tone)}return[...i.values()]}function p3(e,t,n){let r=null;for(let i of e)i.layer===t&&(!r||Math.abs(i.at-n)<Math.abs(r.at-n))&&(r=i);return r}var m3=`pangular-timeline-hidden-layers`;function h3(){try{let e=JSON.parse(localStorage.getItem(m3)??`[]`);return Array.isArray(e)?e.filter(e=>I4.some(t=>t.id===e)):[]}catch{return[]}}function g3(e){try{localStorage.setItem(m3,JSON.stringify(e))}catch{}}function _3(e){let t=new Date(e),n=(e,t=2)=>String(e).padStart(t,`0`);return`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${n(t.getMilliseconds(),3)}`}function v3(e){if(e<1e3)return`${Math.round(e)} ms`;if(e<6e4)return`${Math.round(e/100)/10} s`;let t=Math.floor(e/6e4),n=Math.round(e%6e4/1e3);return n?`${t} min ${n} s`:`${t} min`}var y3=[`tracks`],b3=(e,t)=>t.id,x3=(e,t)=>t.layer+t.slot,S3=(e,t)=>t.key;function C3(e,t){e&1&&(L(0,`p`,3),J(1,`Loading the timeline…`),R())}function w3(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`p`),J(2,`Can't read the timeline from the devtools server.`),R(),L(3,`button`,5),U(`click`,function(){return T(e),E(G().retry())}),J(4,`Retry`),R()()}}function T3(e,t){if(e&1){let e=H();L(0,`app-select`,19),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function E3(e,t){if(e&1){let e=H();L(0,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleLayer(t.id))}),z(1,`span`,21),J(2),L(3,`span`,22),J(4),R()()}if(e&2){let e=t.$implicit,n=G(2);j(`aria-pressed`,!n.hidden().includes(e.id)),k(2),X(` `,e.label,` `),k(2),Y(n.layerCounts()[e.id])}}function D3(e,t){e&1&&(L(0,`div`,3)(1,`p`),J(2,`Nothing on the timeline yet.`),R(),L(3,`p`,23),J(4,` Use the app with the overlay loaded. Navigations, HTTP calls, NgRx actions and form events show up as they happen. Record change detection on the Components tab, and pick a component on the Signals tab to follow its signals. `),R()())}function O3(e,t){if(e&1){let e=H();L(0,`div`,3)(1,`p`),J(2),R(),L(3,`button`,5),U(`click`,function(){T(e),G();let t=d_(6);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}if(e&2){let e=G(2);k(2),X(`No event matches the filters`,e.range()?` in this range`:``,`.`)}}function k3(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.label)}}function A3(e,t){if(e&1&&(D(),z(0,`line`,31)),e&2){let e=t.$index,n=G(3);j(`x2`,n.chartWidth)(`y1`,e*n.laneHeight+n.laneHeight/2)(`y2`,e*n.laneHeight+n.laneHeight/2)}}function j3(e,t){if(e&1&&(D(),z(0,`rect`,32)),e&2){let e=t.$implicit,n=G(3);j(`data-tone`,e.tone??null)(`x`,e.slot*n.slotWidth)(`y`,n.laneIndex()[e.layer]*n.laneHeight+4)(`width`,n.slotWidth-1)(`height`,n.laneHeight-8)(`opacity`,n.binOpacity(e.count))}}function M3(e,t){if(e&1&&(D(),z(0,`rect`,33)),e&2){let e=t,n=G(3);j(`x`,e.x-2)(`y`,e.y+1)(`width`,n.slotWidth+3)(`height`,n.laneHeight-2)}}function N3(e,t){if(e&1&&z(0,`div`,44),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function P3(e,t){if(e&1&&(L(0,`p`,40),J(1),R()),e&2){let e=G(3);k(),Z(` Showing the newest `,e.listed().length,` of `,e.shown().length,` events. Zoom in or filter to see older ones. `)}}function F3(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function I3(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.pageLabel(e.pageId))}}function L3(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,45),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`dblclick`,function(){let t=T(e).$implicit;return E(G(3).openEvent(t))}),L(2,`time`,46),J(3),R(),L(4,`span`,47),J(5),R(),L(6,`span`,48),J(7),R(),M(8,F3,2,1,`span`,49),M(9,I3,2,1,`span`,50),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),q(`selected`,e.key===n.selectedKey()),j(`aria-current`,e.key===n.selectedKey()?`true`:null)(`data-key`,e.key),k(2),Y(n.clock(e.at)),k(),j(`data-tone`,e.tone??null),k(),Y(n.layerLabel(e.layer)),k(2),Y(e.title),k(),N(e.detail?8:-1),k(),N(n.showPage()?9:-1)}}function R3(e,t){if(e&1&&(L(0,`dt`),J(1,`Took`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(),t=G(3);k(3),Y(t.span(e.ms))}}function z3(e,t){if(e&1&&(L(0,`dt`),J(1,`Detail`),R(),L(2,`dd`,53),J(3),R()),e&2){let e=G();k(3),Y(e.detail)}}function B3(e,t){if(e&1){let e=H();L(0,`p`,51),J(1),R(),L(2,`dl`)(3,`dt`),J(4,`Layer`),R(),L(5,`dd`),J(6),R(),L(7,`dt`),J(8,`Time`),R(),L(9,`dd`),J(10),R(),M(11,R3,4,1),M(12,z3,4,1),L(13,`dt`),J(14,`Page`),R(),L(15,`dd`),J(16),R()(),L(17,`button`,52),U(`click`,function(){let t=T(e);return E(G(3).openEvent(t))}),J(18),R()}if(e&2){let e=t,n=G(3);k(),Y(e.title),k(5),Y(n.layerLabel(e.layer)),k(4),Y(n.clock(e.at)),k(),N(e.ms===void 0?-1:11),k(),N(e.detail?12:-1),k(4),Y(e.pageId?n.pageLabel(e.pageId):`Server, no page`),k(2),X(` Open in `,n.tabLabel(e.layer),` `)}}function V3(e,t){e&1&&(L(0,`p`,23),J(1,` Select an event in the list or on the chart to see it here. Double click a row to open it in its own tab. `),R())}function H3(e,t){if(e&1){let e=H();L(0,`section`,24)(1,`div`,25)(2,`h2`,26),J(3,`Time axis`),R(),L(4,`span`,23),J(5),R()(),L(6,`div`,27)(7,`ul`,28),P(8,k3,2,1,`li`,null,b3),R(),L(10,`div`,29,1),U(`pointerdown`,function(t){return T(e),E(G(2).onPointerDown(t))})(`pointermove`,function(t){return T(e),E(G(2).onPointerMove(t))})(`pointerup`,function(t){return T(e),E(G(2).onPointerUp(t))})(`pointercancel`,function(){return T(e),E(G(2).brush.set(null))}),D(),L(12,`svg`,30),P(13,A3,1,3,`:svg:line`,31,b3),P(15,j3,1,6,`:svg:rect`,32,x3),M(17,M3,1,4,`:svg:rect`,33),R(),M(18,N3,1,4,`div`,34),R()(),_s(),L(19,`div`,35)(20,`span`),J(21),R(),L(22,`span`),J(23),R()(),L(24,`p`,36),J(25,` Drag across the chart to look at a range, and click a mark to select the nearest event. The list below holds the same events. `),R()(),L(26,`div`,37)(27,`section`,38)(28,`h2`,39),J(29,`Events`),R(),M(30,P3,2,2,`p`,40),L(31,`ol`,41),P(32,L3,10,10,`li`,null,S3),R()(),L(34,`aside`,42)(35,`h2`,43),J(36,`Selected event`),R(),M(37,B3,19,7)(38,V3,2,0,`p`,23),R()()}if(e&2){let e,t,n,r=G(2);k(5),Y(r.viewText()),k(3),F(r.lanes()),k(2),K(`height`,r.lanes().length*r.laneHeight,`px`),j(`aria-label`,r.chartLabel()),k(2),j(`viewBox`,`0 0 `+r.chartWidth+` `+r.lanes().length*r.laneHeight),k(),F(r.lanes()),k(2),F(r.bins()),k(2),N((e=r.selectedMark())?17:-1,e),k(),N((t=r.brushBox())?18:-1,t),k(3),Y(r.clock(r.view().start)),k(2),Y(r.clock(r.view().end)),k(7),N(r.shown().length>r.listed().length?30:-1),k(2),F(r.listed()),k(5),N((n=r.selected())?37:38,n)}}function U3(e,t){if(e&1){let e=H();L(0,`div`,6)(1,`div`,7),D(),L(2,`svg`,8),z(3,`circle`,9)(4,`path`,10),R(),_s(),L(5,`input`,11,0),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),M(7,T3,1,2,`app-select`,12),L(8,`span`,13),J(9),R()(),L(10,`div`,14)(11,`div`,15),P(12,E3,5,3,`button`,16,b3),R(),L(14,`div`,17)(15,`button`,18),U(`click`,function(){return T(e),E(G().zoom(.5))}),J(16,` Zoom in `),R(),L(17,`button`,18),U(`click`,function(){return T(e),E(G().zoom(2))}),J(18,` Zoom out `),R(),L(19,`button`,18),U(`click`,function(){return T(e),E(G().pan(-1))}),J(20,` Earlier `),R(),L(21,`button`,18),U(`click`,function(){return T(e),E(G().pan(1))}),J(22,` Later `),R(),L(23,`button`,18),U(`click`,function(){return T(e),E(G().range.set(null))}),J(24,` Show all `),R()()(),M(25,D3,5,0,`div`,3)(26,O3,5,1,`div`,3)(27,H3,39,11)}if(e&2){let e=G();k(5),I(`value`,e.query()),k(2),N(e.pageOptions().length>2?7:-1),k(2),Y(e.countText()),k(3),F(e.layers()),k(3),I(`disabled`,!e.canZoomIn()),k(2),I(`disabled`,!e.range()),k(2),I(`disabled`,!e.canPan(-1)),k(2),I(`disabled`,!e.canPan(1)),k(2),I(`disabled`,!e.range()),k(2),N(e.events().length?e.shown().length?27:26:25)}}var W3=240,G3=1e3,K3=4,q3=class e{rpc=$(null);open=Rv();destroyRef=C(Ds);tracks=Jv(`tracks`);host=C(Il);hostPageId=LE();cleanups=[];loads=0;allPages=`all`;clock=_3;span=v3;laneHeight=24;chartWidth=G3;slotWidth=G3/W3;loading=O(!0);failed=O(!1);sources=O({});query=O(``);hidden=O(h3());range=O(null);selectedKey=O(null);brush=O(null);layers=Q(()=>R4(nD(this.rpc())));events=Q(()=>{let e=new Set(this.layers().map(e=>e.id));return r3(this.sources()).filter(t=>e.has(t.layer))});pages=Q(()=>i3(this.sources(),this.events()));pageId=Fv({source:()=>this.pages().map(e=>e.pageId),computation:(e,t)=>t&&(t.value===`all`||e.includes(t.value))?t.value:this.hostPageId&&e.includes(this.hostPageId)?this.hostPageId:`all`});pageOptions=Q(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.label,...e.label===e.pageId?{}:{hint:e.pageId}}))]);showPage=Q(()=>this.pageId()===`all`&&this.pages().length>1);matching=Q(()=>a3(this.events(),{layers:new Set(I4.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=Q(()=>{let e=Object.fromEntries(I4.map(e=>[e.id,0]));for(let t of o3(this.matching(),this.range()))e[t.layer]++;return e});visible=Q(()=>{let e=new Set(this.hidden());return this.matching().filter(t=>!e.has(t.layer))});lanes=Q(()=>{let e=new Set(this.hidden());return this.layers().filter(t=>!e.has(t.id))});laneIndex=Q(()=>Object.fromEntries(this.lanes().map((e,t)=>[e.id,t])));bounds=Q(()=>s3(this.visible()));view=Q(()=>this.range()??this.bounds());shown=Q(()=>o3(this.visible(),this.range()));listed=Q(()=>this.shown().slice(-200).reverse());bins=Q(()=>{let e=this.view();return e?f3(this.shown(),e,W3):[]});maxBin=Q(()=>this.bins().reduce((e,t)=>Math.max(e,t.count),1));selected=Q(()=>this.events().find(e=>e.key===this.selectedKey())??null);selectedMark=Q(()=>{let e=this.selected(),t=this.view(),n=e?this.laneIndex()[e.layer]:void 0;if(!e||!t||n===void 0||e.at<t.start||e.at>t.end)return null;let r=Math.max(1,t.end-t.start);return{x:Math.min(239,Math.floor((e.at-t.start)/r*W3))*this.slotWidth,y:n*this.laneHeight}});brushBox=Q(()=>{let e=this.brush();if(!e)return null;let t=Math.min(e.from,e.to),n=Math.max(e.from,e.to);return{left:t*100,width:(n-t)*100}});countText=Q(()=>{let e=this.events().length;return`${this.shown().length} of ${e} ${e===1?`event`:`events`}`});viewText=Q(()=>{let e=this.view();if(!e)return``;let t=v3(e.end-e.start);return this.range()?`Range of ${t}`:`All ${t}`});chartLabel=Q(()=>{let e=this.view();if(!e)return`Timeline`;let t=this.layerCounts(),n=this.lanes().map(e=>`${e.label} ${t[e.id]}`);return`Timeline from ${_3(e.start)} to ${_3(e.end)}: ${n.join(`, `)}. The Events list holds the same events.`});canZoomIn=Q(()=>{let e=this.view();return!!e&&e.end-e.start>40});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stop())}layerLabel(e){return L4[e].label}tabLabel(e){return L4[e].tabLabel}pageLabel(e){return e?this.pages().find(t=>t.pageId===e)?.label??e:`Server`}binOpacity(e){return Math.round((.55+.45*Math.min(1,Math.log2(e+1)/Math.log2(this.maxBin()+1)))*100)/100}toggleLayer(e){let t=this.hidden().includes(e)?this.hidden().filter(t=>t!==e):[...this.hidden(),e];this.hidden.set(t),g3(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),g3([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(c3(t,e,n))}canPan(e){let t=this.range(),n=this.bounds();return!t||!n?!1:e<0?t.start>n.start:t.end<n.end}pan(e){let t=this.range(),n=this.bounds();t&&n&&this.range.set(l3(t,e*.5,n))}select(e){this.selectedKey.set(e.key)}openEvent(e){this.open.emit(e.link)}share(e){let t=this.tracks()?.nativeElement.getBoundingClientRect();return!t||t.width<=0?0:Math.min(1,Math.max(0,(e.clientX-t.left)/t.width))}onPointerDown(e){if(e.pointerType===`mouse`&&e.button!==0)return;let t=this.share(e);this.brush.set({from:t,to:t,id:e.pointerId}),this.downX=e.clientX;try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.preventDefault()}onPointerMove(e){let t=this.brush();t&&t.id===e.pointerId&&this.brush.set({...t,to:this.share(e)})}onPointerUp(e){let t=this.brush(),n=this.view();if(this.brush.set(null),!t||t.id!==e.pointerId||!n)return;if(Math.abs(e.clientX-this.downX)<K3){this.pick(e,n);return}let r=d3(n,t.from,this.share(e));r&&this.range.set(r)}downX=0;pick(e,t){let n=this.tracks()?.nativeElement.getBoundingClientRect(),r=this.lanes();if(!n||!r.length)return;let i=r[Math.min(r.length-1,Math.max(0,Math.floor((e.clientY-n.top)/this.laneHeight)))],a=t.start+this.share(e)*(t.end-t.start),o=p3(this.shown(),i.id,a);o&&(this.selectedKey.set(o.key),queueMicrotask(()=>{this.host.nativeElement.querySelector(`button.row[data-key="${CSS.escape(o.key)}"]`)?.scrollIntoView?.({block:`nearest`})}))}retry(){let e=this.rpc();e&&this.load(e)}stop(){for(let e of this.cleanups.splice(0))e()}async load(e){this.stop();let t=++this.loads;this.loading.set(!0),this.failed.set(!1);let n=e.scope(`pangular`).rpc,r=await Promise.allSettled(I4.map(async e=>{let r=await n.sharedState(e.state);if(this.destroyRef.destroyed||t!==this.loads)return;let i=t=>this.sources.update(n=>({...n,[e.id]:t}));i(r.value()),this.cleanups.push(r.on(`updated`,i))}));this.destroyRef.destroyed||t!==this.loads||(this.failed.set(r.every(e=>e.status===`rejected`)),this.loading.set(!1))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-timeline`]],viewQuery:function(e,t){e&1&&l_(t.tracks,y3,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},outputs:{open:`open`},decls:5,vars:1,consts:[[`search`,``],[`tracks`,``],[1,`intro`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[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 events`,`placeholder`,`Filter by name, URL or detail`,`autocomplete`,`off`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[1,`controls`],[`role`,`group`,`aria-label`,`Layers`,1,`layers`],[`type`,`button`,1,`layer`],[`role`,`group`,`aria-label`,`Time range`,1,`zoom`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[`type`,`button`,1,`layer`,3,`click`],[`aria-hidden`,`true`,1,`check`],[1,`badge`],[1,`muted`],[`aria-labelledby`,`timeline-chart-heading`,1,`chart-card`],[1,`chart-head`],[`id`,`timeline-chart-heading`],[1,`chart`],[`aria-hidden`,`true`,1,`lane-labels`],[`role`,`img`,1,`tracks`,3,`pointerdown`,`pointermove`,`pointerup`,`pointercancel`],[`preserveAspectRatio`,`none`,`aria-hidden`,`true`],[`x1`,`0`,1,`lane-line`],[1,`mark`],[1,`selected-mark`],[1,`brush`,3,`left`,`width`],[`aria-hidden`,`true`,1,`axis`],[1,`hint`],[1,`split`],[`aria-labelledby`,`timeline-events-heading`,1,`events`],[`id`,`timeline-events-heading`],[1,`note`],[`appRovingList`,`button.row`,`aria-label`,`Events, newest first`,1,`rows`],[`aria-labelledby`,`timeline-detail-heading`,1,`detail-panel`],[`id`,`timeline-detail-heading`],[1,`brush`],[`type`,`button`,1,`row`,3,`click`,`dblclick`],[1,`when`],[1,`chip`],[1,`title`],[1,`detail`],[1,`page`],[1,`detail-title`],[`type`,`button`,1,`primary`,3,`click`],[1,`mono`]],template:function(e,t){e&1&&(L(0,`p`,2),J(1,` Navigations, HTTP calls, NgRx actions, change detection cycles, form events and signal changes from the live page on one time axis. Turn layers on and off, drag across the chart to look at a range, and open an event in its own tab. `),R(),M(2,C3,2,0,`p`,3)(3,w3,5,0,`div`,4)(4,U3,28,9)),e&2&&(k(2),N(t.loading()?2:t.failed()?3:4))},dependencies:[OO,Uz],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -17136,7 +17142,7 @@ dd[_ngcontent-%COMP%] {
   .layer[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function G3(e){let t=e===`light`?`#ffffff`:`#0b0b0e`,n=e===`light`?`#92400e`:`#f5a524`;return`
+}`]})};function J3(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;
   }
@@ -17227,7 +17233,7 @@ dd[_ngcontent-%COMP%] {
       transition: none;
     }
   }
-`}var K3=new Map;function q3(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=K3.get(e);t!==void 0&&(clearTimeout(t),K3.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=G3(t);return}if(n>0&&e){let r=K3.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{K3.delete(e),q3(e,t,n-1)},100);K3.set(e,i)}}var J3=`pangular-pref`,Y3={order:[],hidden:[],pinned:[]};function X3(e){try{return localStorage.getItem(`${J3}:${e}`)}catch{return null}}function Z3(e,t){try{t===null?localStorage.removeItem(`${J3}:${e}`):localStorage.setItem(`${J3}:${e}`,t)}catch{}}function Q3(){let e=X3(`theme`);return e===`light`||e===`dark`?e:`system`}function $3(e){Z3(`theme`,e===`system`?null:e)}function e6(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 t6(){let e=X3(`tabs`);if(!e)return Y3;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return Y3;let n=t;return{order:e6(n.order),hidden:e6(n.hidden),pinned:e6(n.pinned)}}catch{return Y3}}function n6(e){Z3(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function r6(){return X3(`passive`)===`true`}function i6(e){Z3(`passive`,e?`true`:null)}function a6(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 o6(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return a6(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function s6(e,t,n,r){let i=a6(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 c6(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 l6(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:a6(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function u6(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function d6(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 f6=`pangular-inspector-`;function p6(e=window){try{let t=e.top??e;return t.name.startsWith(f6)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function m6(e=window){let t=p6(e);if(!t)return!1;let n;try{n=t.location.origin}catch{try{n=new URL(e.document.referrer).origin}catch{n=void 0}}if(!n||n===`null`)return!1;try{return t.postMessage({type:`pangular:popup-return`},n),!0}catch{return!1}}var h6=class e{current=O(`dark`);preference=O(Q3());source=`dark`;sourceAttr=!1;constructor(){let e=C(Ds),t=v6(),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(_6(t),!0);else{let t=g6();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{}mc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of y6())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(_6(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),$3(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=Nl({token:e,factory:e.ɵfac})};function g6(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function _6(e){return e.classList.contains(`dark`)?`dark`:`light`}function v6(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function y6(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=b6(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function b6(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 x6=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function S6(){try{return window.parent===window?void 0:window.parent[x6]}catch{return}}function C6(e,t,n=50){let r=S6();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=C6(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(UT(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>UT(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function w6(){return!!S6()}async function T6(e){let t=S6();if(!t)return!1;try{return await t.docks.switchEntry(UT(e))}catch{return!1}}function E6(){let e=S6()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function D6(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function O6(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var k6=`pangular-tab`;function A6(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function j6(e){try{return sessionStorage.getItem(`${k6}:${e}`)}catch{return null}}function M6(e,t){try{sessionStorage.setItem(`${k6}:${e}`,t)}catch{}}function N6(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function P6(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 F6(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(N6(t,e)||P6(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var I6={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 L6(e,t){let n=I6[t];return e&&n[e]||null}var R6=(e,t)=>t.value,z6=(e,t)=>t.id;function B6(e,t){if(e&1){let e=H();L(0,`label`,23)(1,`input`,24),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`value`,e.value)(`checked`,n.theme()===e.value),k(2),Y(e.label),k(2),Y(e.hint)}}function V6(e,t){e&1&&(L(0,`span`,30),J(1,`Pinned`),R())}function H6(e,t){if(e&1){let e=H();L(0,`li`,27),U(`keydown`,function(t){let n=T(e).$implicit;return E(G().onRowKey(t,n.id))}),z(1,`app-tab-icon`,28),L(2,`span`,29),J(3),M(4,V6,2,0,`span`,30),R(),L(5,`button`,31),U(`click`,function(){let t=T(e).$implicit;return E(G().togglePinned(t.id))}),J(6,` Pin `),R(),L(7,`label`,32)(8,`input`,33),U(`change`,function(t){let n=T(e).$implicit;return E(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=T(e).$implicit;return E(G().move(t.id,-1))}),D(),L(13,`svg`,36),z(14,`path`,37),R()(),_s(),L(15,`button`,38),U(`click`,function(){let t=T(e).$implicit;return E(G().move(t.id,1))}),D(),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),k(),I(`name`,e.id),k(2),X(` `,e.label,` `),k(),N(n.isPinned(e.id)?4:-1),k(),j(`aria-pressed`,n.isPinned(e.id))(`aria-label`,`Pin `+e.label),k(3),I(`checked`,!n.isHidden(e.id)),j(`aria-label`,e.label+` shown in the tab bar`),k(4),I(`disabled`,!n.canMove(e.id,-1)),j(`aria-label`,`Move `+e.label+` up`),k(3),I(`disabled`,!n.canMove(e.id,1)),j(`aria-label`,`Move `+e.label+` down`)}}function U6(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&&(k(2),Y(t))}function W6(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 G6(e,t){e&1&&(L(0,`kbd`),J(1),R()),e&2&&(k(),Y(t))}function K6(e,t){e&1&&J(0,` Off `)}var q6=[{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`}],J6=class e{tabs=$([]);layout=Gv(Y3);theme=Gv(`system`);passive=Gv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);themes=q6;announcement=O(``);host=C(Il);injector=C(Ts);ids=Q(()=>this.tabs().map(e=>e.id));orderedTabs=Q(()=>{let e=new Map(this.tabs().map(e=>[e.id,e]));return a6(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=Q(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=a6(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 s6(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=s6(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=a6(this.ids(),n),i=this.label(e);this.say(`${i} moved to position ${r.indexOf(e)+1} of ${r.length}.`),Hd(()=>{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(l6(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(c6(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(Y3),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=A({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,B6,6,6,`label`,4,R6),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,H6,18,14,`li`,11,z6),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,U6,4,1)(37,W6,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,G6,2,1,`kbd`)(60,K6,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;k(6),F(t.themes),k(6),I(`disabled`,t.isDefaultLayout()),k(14),F(t.orderedTabs()),k(6),I(`checked`,t.passive())(`disabled`,t.hotkey()===!1),k(4),N((e=t.hotkey())?36:37,e),k(18),Y(t.paletteShortcut()),k(5),N((n=t.hotkey())?59:60,n),k(5),Y(t.announcement())}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
+`}var Y3=new Map;function X3(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=Y3.get(e);t!==void 0&&(clearTimeout(t),Y3.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=J3(t);return}if(n>0&&e){let r=Y3.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{Y3.delete(e),X3(e,t,n-1)},100);Y3.set(e,i)}}var Z3=`pangular-pref`,Q3={order:[],hidden:[],pinned:[]};function $3(e){try{return localStorage.getItem(`${Z3}:${e}`)}catch{return null}}function e6(e,t){try{t===null?localStorage.removeItem(`${Z3}:${e}`):localStorage.setItem(`${Z3}:${e}`,t)}catch{}}function t6(){let e=$3(`theme`);return e===`light`||e===`dark`?e:`system`}function n6(e){e6(`theme`,e===`system`?null:e)}function r6(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 i6(){let e=$3(`tabs`);if(!e)return Q3;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return Q3;let n=t;return{order:r6(n.order),hidden:r6(n.hidden),pinned:r6(n.pinned)}}catch{return Q3}}function a6(e){e6(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function o6(){return $3(`passive`)===`true`}function s6(e){e6(`passive`,e?`true`:null)}function c6(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 l6(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return c6(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function u6(e,t,n,r){let i=c6(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 d6(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 f6(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:c6(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function p6(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function m6(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 h6=`pangular-inspector-`;function g6(e=window){try{let t=e.top??e;return t.name.startsWith(h6)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function _6(e=window){let t=g6(e);if(!t)return!1;let n;try{n=t.location.origin}catch{try{n=new URL(e.document.referrer).origin}catch{n=void 0}}if(!n||n===`null`)return!1;try{return t.postMessage({type:`pangular:popup-return`},n),!0}catch{return!1}}var v6=class e{current=O(`dark`);preference=O(t6());source=`dark`;sourceAttr=!1;constructor(){let e=C(Ds),t=x6(),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(b6(t),!0);else{let t=y6();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{}mc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of S6())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(b6(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),n6(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=Nl({token:e,factory:e.ɵfac})};function y6(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function b6(e){return e.classList.contains(`dark`)?`dark`:`light`}function x6(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function S6(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=C6(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function C6(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 w6=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function T6(){try{return window.parent===window?void 0:window.parent[w6]}catch{return}}function E6(e,t,n=50){let r=T6();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=E6(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(UT(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>UT(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function D6(){return!!T6()}async function O6(e){let t=T6();if(!t)return!1;try{return await t.docks.switchEntry(UT(e))}catch{return!1}}function k6(){let e=T6()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function A6(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function j6(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var M6=`pangular-tab`;function N6(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function P6(e){try{return sessionStorage.getItem(`${M6}:${e}`)}catch{return null}}function F6(e,t){try{sessionStorage.setItem(`${M6}:${e}`,t)}catch{}}function I6(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function L6(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 R6(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(I6(t,e)||L6(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var z6={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 B6(e,t){let n=z6[t];return e&&n[e]||null}var V6=(e,t)=>t.value,H6=(e,t)=>t.id;function U6(e,t){if(e&1){let e=H();L(0,`label`,23)(1,`input`,24),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`value`,e.value)(`checked`,n.theme()===e.value),k(2),Y(e.label),k(2),Y(e.hint)}}function W6(e,t){e&1&&(L(0,`span`,30),J(1,`Pinned`),R())}function G6(e,t){if(e&1){let e=H();L(0,`li`,27),U(`keydown`,function(t){let n=T(e).$implicit;return E(G().onRowKey(t,n.id))}),z(1,`app-tab-icon`,28),L(2,`span`,29),J(3),M(4,W6,2,0,`span`,30),R(),L(5,`button`,31),U(`click`,function(){let t=T(e).$implicit;return E(G().togglePinned(t.id))}),J(6,` Pin `),R(),L(7,`label`,32)(8,`input`,33),U(`change`,function(t){let n=T(e).$implicit;return E(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=T(e).$implicit;return E(G().move(t.id,-1))}),D(),L(13,`svg`,36),z(14,`path`,37),R()(),_s(),L(15,`button`,38),U(`click`,function(){let t=T(e).$implicit;return E(G().move(t.id,1))}),D(),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),k(),I(`name`,e.id),k(2),X(` `,e.label,` `),k(),N(n.isPinned(e.id)?4:-1),k(),j(`aria-pressed`,n.isPinned(e.id))(`aria-label`,`Pin `+e.label),k(3),I(`checked`,!n.isHidden(e.id)),j(`aria-label`,e.label+` shown in the tab bar`),k(4),I(`disabled`,!n.canMove(e.id,-1)),j(`aria-label`,`Move `+e.label+` up`),k(3),I(`disabled`,!n.canMove(e.id,1)),j(`aria-label`,`Move `+e.label+` down`)}}function K6(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&&(k(2),Y(t))}function q6(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 J6(e,t){e&1&&(L(0,`kbd`),J(1),R()),e&2&&(k(),Y(t))}function Y6(e,t){e&1&&J(0,` Off `)}var X6=[{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`}],Z6=class e{tabs=$([]);layout=Gv(Q3);theme=Gv(`system`);passive=Gv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);themes=X6;announcement=O(``);host=C(Il);injector=C(Ts);ids=Q(()=>this.tabs().map(e=>e.id));orderedTabs=Q(()=>{let e=new Map(this.tabs().map(e=>[e.id,e]));return c6(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=Q(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=c6(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 u6(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=u6(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=c6(this.ids(),n),i=this.label(e);this.say(`${i} moved to position ${r.indexOf(e)+1} of ${r.length}.`),Hd(()=>{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(f6(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(d6(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(Q3),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=A({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,U6,6,6,`label`,4,V6),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,G6,18,14,`li`,11,H6),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,K6,4,1)(37,q6,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,J6,2,1,`kbd`)(60,Y6,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;k(6),F(t.themes),k(6),I(`disabled`,t.isDefaultLayout()),k(14),F(t.orderedTabs()),k(6),I(`checked`,t.passive())(`disabled`,t.hotkey()===!1),k(4),N((e=t.hotkey())?36:37,e),k(18),Y(t.paletteShortcut()),k(5),N((n=t.hotkey())?59:60,n),k(5),Y(t.announcement())}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
   display: block;
   max-width: 760px;
 }
@@ -17487,7 +17493,7 @@ code[_ngcontent-%COMP%] {
   padding: 8px;
   border-top: 1px solid var(--%NS%border);
   color: var(--%NS%text);
-}`]})};function Y6(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 X6(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=Y6(e.title,n),i=Y6(`${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 Z6=[`input`],Q6=(e,t)=>t.id;function $6(e,t){if(e&1&&(B(0,`kbd`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.shortcut)}}function e8(e,t){if(e&1){let e=H();B(0,`li`,14),W(`pointermove`,function(){let t=T(e).$index;return E(G(2).active.set(t))})(`click`,function(){let t=T(e).$implicit;return E(G(2).run(t))}),B(1,`span`,15),J(2),V(),M(3,$6,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()),k(2),Y(e.title),k(),N(e.shortcut?3:-1),k(2),Y(e.group)}}function t8(e,t){if(e&1&&(B(0,`p`,11),J(1),V()),e&2){let e=G(2);k(),X(`No commands match “`,e.query().trim(),`”.`)}}function n8(e,t){if(e&1){let e=H();B(0,`div`,1),W(`pointerdown`,function(){return T(e),E(G().close())}),V(),B(1,`div`,2),W(`keydown`,function(t){return T(e),E(G().onKey(t))}),B(2,`h2`,3),J(3,`Command palette`),V(),B(4,`div`,4),D(),B(5,`svg`,5),Vg(6,`circle`,6)(7,`path`,7),V(),_s(),B(8,`input`,8,0),W(`input`,function(t){return T(e),E(G().query.set(t.target.value))}),V()(),B(10,`ul`,9),W(`pointerdown`,function(e){return e.preventDefault()}),P(11,e8,6,7,`li`,10,Q6),V(),M(13,t8,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();k(),j(`aria-labelledby`,e.uid+`-title`),k(),j(`id`,e.uid+`-title`),k(6),qg(`value`,e.query()),j(`aria-controls`,e.uid+`-list`)(`aria-activedescendant`,e.activeId())(`aria-describedby`,e.uid+`-help`),k(2),qg(`hidden`,!e.results().length),j(`id`,e.uid+`-list`),k(),F(e.results()),k(2),N(e.results().length?-1:13),k(),j(`id`,e.uid+`-help`),k(13),Y(e.status())}}var r8=0,i8=class e{commands=$([]);open=Gv(!1);picked=Rv();uid=`cp${r8++}`;query=O(``);results=Q(()=>X6(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=C(Ts);returnFocus=null;constructor(){mc(()=>{this.open()&&Nv(()=>{let e=document.activeElement;this.returnFocus=e instanceof HTMLElement&&e!==document.body?e:null,this.query.set(``),Hd(()=>this.input()?.nativeElement.focus(),{injector:this.injector})})})}close(e){if(!this.open())return;this.open.set(!1);let t=this.returnFocus;this.returnFocus=null,Hd(()=>{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(){Hd(()=>{let e=this.activeId();e&&document.getElementById(e)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-command-palette`]],viewQuery:function(e,t){e&1&&l_(t.input,Z6,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,n8,28,11),e&2&&N(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
+}`]})};function Q6(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 $6(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=Q6(e.title,n),i=Q6(`${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 e8=[`input`],t8=(e,t)=>t.id;function n8(e,t){if(e&1&&(B(0,`kbd`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.shortcut)}}function r8(e,t){if(e&1){let e=H();B(0,`li`,14),W(`pointermove`,function(){let t=T(e).$index;return E(G(2).active.set(t))})(`click`,function(){let t=T(e).$implicit;return E(G(2).run(t))}),B(1,`span`,15),J(2),V(),M(3,n8,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()),k(2),Y(e.title),k(),N(e.shortcut?3:-1),k(2),Y(e.group)}}function i8(e,t){if(e&1&&(B(0,`p`,11),J(1),V()),e&2){let e=G(2);k(),X(`No commands match “`,e.query().trim(),`”.`)}}function a8(e,t){if(e&1){let e=H();B(0,`div`,1),W(`pointerdown`,function(){return T(e),E(G().close())}),V(),B(1,`div`,2),W(`keydown`,function(t){return T(e),E(G().onKey(t))}),B(2,`h2`,3),J(3,`Command palette`),V(),B(4,`div`,4),D(),B(5,`svg`,5),Vg(6,`circle`,6)(7,`path`,7),V(),_s(),B(8,`input`,8,0),W(`input`,function(t){return T(e),E(G().query.set(t.target.value))}),V()(),B(10,`ul`,9),W(`pointerdown`,function(e){return e.preventDefault()}),P(11,r8,6,7,`li`,10,t8),V(),M(13,i8,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();k(),j(`aria-labelledby`,e.uid+`-title`),k(),j(`id`,e.uid+`-title`),k(6),qg(`value`,e.query()),j(`aria-controls`,e.uid+`-list`)(`aria-activedescendant`,e.activeId())(`aria-describedby`,e.uid+`-help`),k(2),qg(`hidden`,!e.results().length),j(`id`,e.uid+`-list`),k(),F(e.results()),k(2),N(e.results().length?-1:13),k(),j(`id`,e.uid+`-help`),k(13),Y(e.status())}}var o8=0,s8=class e{commands=$([]);open=Gv(!1);picked=Rv();uid=`cp${o8++}`;query=O(``);results=Q(()=>$6(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=C(Ts);returnFocus=null;constructor(){mc(()=>{this.open()&&Nv(()=>{let e=document.activeElement;this.returnFocus=e instanceof HTMLElement&&e!==document.body?e:null,this.query.set(``),Hd(()=>this.input()?.nativeElement.focus(),{injector:this.injector})})})}close(e){if(!this.open())return;this.open.set(!1);let t=this.returnFocus;this.returnFocus=null,Hd(()=>{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(){Hd(()=>{let e=this.activeId();e&&document.getElementById(e)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-command-palette`]],viewQuery:function(e,t){e&1&&l_(t.input,e8,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,a8,28,11),e&2&&N(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
   position: fixed;
   inset: 0;
   z-index: 100;
@@ -17628,7 +17634,7 @@ kbd[_ngcontent-%COMP%] {
    .help[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},a8=[`nav`],o8=[`main`],s8=e=>[e],c8=(e,t)=>t.id;function l8(e,t){e&1&&(D(),L(0,`svg`,4),z(1,`path`,30),R())}function u8(e,t){e&1&&(D(),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 d8(e,t){e&1&&(D(),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 f8(e,t){e&1&&(D(),L(0,`svg`,6),z(1,`path`,46)(2,`path`,47)(3,`path`,48)(4,`path`,49),R())}function p8(e,t){e&1&&(D(),L(0,`svg`,7),z(1,`path`,50),R())}function m8(e,t){e&1&&(D(),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 h8(e,t){e&1&&(D(),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 g8(e,t){if(e&1){let e=H();L(0,`button`,81),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),I(`name`,e.id),k(2),Y(e.label)}}function _8(e,t){if(e&1&&(L(0,`div`,12),P(1,g8,4,6,`button`,80,c8),R()),e&2){let e=G();k(),F(e.tabs())}}function v8(e,t){if(e&1){let e=H();L(0,`a`,83),U(`click`,function(t){let n=T(e);return E(G().openFullPanel(t,n.tab))}),D(),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,Nu)}function y8(e,t){if(e&1){let e=H();L(0,`app-settings`,89),U(`layoutChange`,function(t){return T(e),E(G().setTabLayout(t))})(`themeChange`,function(t){return T(e),E(G().setTheme(t))})(`passiveChange`,function(t){return T(e),E(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 b8(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 T(e),E(G().retryConnection())}),J(4,`Retry now`),R()()}}function x8(e,t){e&1&&z(0,`app-coming-soon`,26),e&2&&I(`info`,t)}function S8(e,t){e&1&&(L(0,`p`,27),J(1,`Looking for an Angular Native app…`),R())}function C8(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&&(k(2),Y(t))}function w8(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,C8,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();k(5),N((e=t.turnOnSnippet())?5:-1,e),k(),I(`href`,t.inspectorsDocsUrl,Nu)}}function T8(e,t){if(e&1){let e=H();L(0,`app-dashboard`,97),U(`navigate`,function(t){return T(e),E(G(3).switchTab(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function E8(e,t){if(e&1){let e=H();L(0,`app-timeline`,98),U(`open`,function(t){return T(e),E(G(3).openLink(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function D8(e,t){if(e&1){let e=H();L(0,`app-component-tree`,99),U(`focusHandled`,function(){return T(e),E(G(3).componentFocus.set(null))})(`commandHandled`,function(){return T(e),E(G(3).componentCommand.set(null))})(`showForm`,function(t){return T(e),E(G(3).showForm(t))})(`showInjector`,function(t){return T(e),E(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 O8(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,100),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function k8(e,t){e&1&&z(0,`app-signal-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function A8(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,101),U(`focusHandled`,function(){return T(e),E(G(3).injectorFocus.set(null))})(`showComponent`,function(t){return T(e),E(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 j8(e,t){e&1&&z(0,`app-store-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function M8(e,t){e&1&&z(0,`app-network-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function N8(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,102),U(`focusHandled`,function(){return T(e),E(G(3).formFocus.set(null))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.formFocus())}}function P8(e,t){e&1&&z(0,`app-pipes-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function F8(e,t){e&1&&z(0,`app-analog-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function I8(e,t){e&1&&z(0,`app-capacitor-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function L8(e,t){if(e&1){let e=H();L(0,`app-errors-inspector`,103),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)(`canExplainInjection`,e.config().inspectors.injectors)}}function R8(e,t){if(e&1&&M(0,T8,1,1,`app-dashboard`,92)(1,E8,1,1,`app-timeline`,92)(2,D8,1,4,`app-component-tree`,93)(3,O8,1,1,`app-route-inspector`,92)(4,k8,1,1,`app-signal-inspector`,92)(5,A8,1,3,`app-di-inspector`,94)(6,j8,1,1,`app-store-inspector`,92)(7,M8,1,1,`app-network-inspector`,92)(8,N8,1,2,`app-forms-inspector`,95)(9,P8,1,1,`app-pipes-inspector`,92)(10,F8,1,1,`app-analog-inspector`,92)(11,I8,1,1,`app-capacitor-inspector`,92)(12,L8,1,3,`app-errors-inspector`,96),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`timeline`?1:e===`components`?2:e===`routes`?3:e===`signals`?4:e===`injectors`?5:e===`store`?6:e===`network`?7:e===`forms`?8:e===`pipes`?9:e===`analog`?10:e===`capacitor`?11:e===`errors`?12:-1)}}function z8(e,t){e&1&&P(0,R8,13,1,null,null,Ag),e&2&&F(hv(0,s8,G().scopeKey()))}var B8=`all`,V8=[B8,...HT],H8={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},U8={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},W8={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},G8={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},K8={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/`}},q8={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/`}},J8={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`}},Y8={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/`}},X8=[1e3,2e3,5e3,1e4];function Z8(){let e=new URLSearchParams(location.search).get(`view`);return HT.find(t=>t===e)??null}ex(class e{analog=O(!1);allTabs=tE.map(({id:e,label:t})=>({id:e,label:t}));view=O(Z8());viewAccent=Q(()=>L6(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?H8[e]:`Pangular Inspector`});mainLabel=Q(()=>this.tab()===`settings`?`Settings`:this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=O(!1);capacitorReporting=O(!1);capacitorKnown=O(!1);nativePageId=O(null);nativeKnown=O(!1);scopeKey=Q(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=Q(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?J8:void 0;if(e===`nativescript`)return K8;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?q8:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?Y8:void 0});config=Q(()=>nD(this.rpc()));tabEnabled=sD;inspectorsDocsUrl=oD;turnOnSnippet=Q(()=>{let e=aD(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=Q(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?U8[e]:void 0,n=this.allTabs.filter(e=>sD(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?G8[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`&&W8[t.id]))});tabLayout=O(t6());tabs=Q(()=>{let e=this.tab(),t=o6(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`:U8[e]??this.tab();return{tab:t,href:D6(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(U8[e]??G8[e]?.[0])||`dashboard`});rpc=O(null);openedDock=O(null);connected=O(!1);connectionFailed=O(!1);hiddenPages=O([]);pageId=LE();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=C(Ts);themeService=C(h6);navObserver;navFade=O({start:!1,end:!1});constructor(){C(sM).use(this.rpc),Hd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),dy(()=>{this.tab(),this.tabs(),Nv(()=>{this.revealActiveTab(),this.measureNav()})}),mc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Nv(()=>void HE(t,`hub-dock-seen`,UT(e.dock)))}),mc(()=>{let e=this.themeService.current();Nv(()=>{try{window.parent!==window&&q3(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=C6(V8,e=>{this.openedDock.set({dock:e}),e===B8?this.showFullPanel():this.showView(e)});let e=A6(location.hash,j6(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&A6(location.hash,j6(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&A6(location.hash,j6(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=WE(()=>this.rpc()),this.connect()}connecting=!1;retries=0;retryTimer;connect(){if(this.connecting||this.rpc())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=F6();BT(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&&sD(`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=X8[Math.min(this.retries++,X8.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;IE(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;IE(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??j6(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=A6(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){O6(e)&&w6()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),T6(B8))}paletteOpen=O(!1);paletteShortcut=u6()?`⌘K`:`Ctrl+K`;themePreference=Q(()=>this.themeService.preference());passive=O(r6());popupHotkey=Q(()=>{let e=this.config().popup.hotkey;return e!==!1&&eE(e,u6())});popup=d6();poppedOut=!!p6();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 lE(this.config()).filter(n=>n.id.startsWith(`tab:`)?e.has(n.id.slice(4)):n.id===`popout:return`?this.poppedOut:n.popupOnly?this.popup:n.id===`pick-component`||n.id.startsWith(`cd-`)?t:!0)});onGlobalKey(e){if(e.defaultPrevented)return;let t=u6(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&$T(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(){w6()&&E6()||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===`dock:reset-size`){this.postToPopup({type:`pangular:popup-dock-size`});return}if(e.startsWith(`dock:`)){this.postToPopup({type:`pangular:popup-dock`,mode:e.slice(5)});return}if(e===`popout`){this.postToPopup({type:`pangular:popup-popout`});return}if(e===`popout:return`){m6();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),n6(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),i6(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of y6())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(iE,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,``,oE(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=sE(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=O(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=W8[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),M6(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=vO(t,this.nativePageId());this.view()===`angular-native`&&IE(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=p1(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&sD(`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(){Hd(()=>{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 T6(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:UT(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&l_(t.nav,a8,5)(t.main,o8,5),e&2&&u_(2)},hostVars:4,hostBindings:function(e,t){e&1&&U(`message`,function(e){return t.inspectFromPanel(e)},Fu)(`keydown`,function(e){return t.onGlobalKey(e)},Iu),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`,`canExplainInjection`],[3,`navigate`,`rpc`],[3,`open`,`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`,`canExplainInjection`]],template:function(e,t){if(e&1){let e=H();L(0,`header`)(1,`h1`,2)(2,`span`,3),M(3,l8,2,0,`:svg:svg`,4)(4,u8,7,0,`:svg:svg`,4)(5,d8,11,0,`:svg:svg`,5)(6,f8,5,0,`:svg:svg`,6)(7,p8,2,0,`:svg:svg`,7)(8,m8,10,0,`:svg:svg`,8)(9,h8,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,_8,3,0,`div`,12),R(),M(15,v8,7,1,`a`,13),L(16,`span`,14)(17,`button`,15),U(`click`,function(){return t.openPalette()}),D(),L(18,`svg`,16),z(19,`path`,17),R()(),_s(),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,y8,1,6,`app-settings`,24)(31,b8,5,0,`div`,25)(32,x8,1,1,`app-coming-soon`,26)(33,S8,2,0,`p`,27)(34,w8,10,2,`p`,28)(35,z8,2,2),R(),L(36,`app-command-palette`,29),cv(`openChange`,function(n){return T(e),sv(t.paletteOpen,n)||(t.paletteOpen=n),E(n)}),U(`picked`,function(e){return t.runCommand(e)}),R()}if(e&2){let e,n;k(2),q(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),k(),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),k(7),q(`ng-text`,t.view()===`angular`),k(),Y(t.title()),k(),q(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),k(2),N(t.availableTabs().length>1?14:-1),k(),N((e=t.fullPanelLink())?15:-1,e),k(2),j(`aria-label`,`Command palette (`+t.paletteShortcut+`)`)(`title`,`Command palette (`+t.paletteShortcut+`)`),k(3),q(`active`,t.tab()===`settings`),j(`aria-pressed`,t.tab()===`settings`),k(2),q(`connected`,t.connected())(`failed`,t.connectionFailed()),k(3),X(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:`Connecting…`,` `),k(),j(`aria-label`,t.mainLabel()),k(3),Y(t.backgroundNote()),k(),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),k(6),I(`commands`,t.paletteCommands()),ov(`open`,t.paletteOpen)}},dependencies:[nO,aI,Rz,KV,OU,GG,uJ,jY,ZZ,$$,W0,M4,W3,o1,SD,J6,i8],styles:[`[_nghost-%COMP%] {
+}`]})},c8=[`nav`],l8=[`main`],u8=e=>[e],d8=(e,t)=>t.id;function f8(e,t){e&1&&(D(),L(0,`svg`,4),z(1,`path`,30),R())}function p8(e,t){e&1&&(D(),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 m8(e,t){e&1&&(D(),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 h8(e,t){e&1&&(D(),L(0,`svg`,6),z(1,`path`,46)(2,`path`,47)(3,`path`,48)(4,`path`,49),R())}function g8(e,t){e&1&&(D(),L(0,`svg`,7),z(1,`path`,50),R())}function _8(e,t){e&1&&(D(),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 v8(e,t){e&1&&(D(),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 y8(e,t){if(e&1){let e=H();L(0,`button`,81),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),I(`name`,e.id),k(2),Y(e.label)}}function b8(e,t){if(e&1&&(L(0,`div`,12),P(1,y8,4,6,`button`,80,d8),R()),e&2){let e=G();k(),F(e.tabs())}}function x8(e,t){if(e&1){let e=H();L(0,`a`,83),U(`click`,function(t){let n=T(e);return E(G().openFullPanel(t,n.tab))}),D(),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,Nu)}function S8(e,t){if(e&1){let e=H();L(0,`app-settings`,89),U(`layoutChange`,function(t){return T(e),E(G().setTabLayout(t))})(`themeChange`,function(t){return T(e),E(G().setTheme(t))})(`passiveChange`,function(t){return T(e),E(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 C8(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 T(e),E(G().retryConnection())}),J(4,`Retry now`),R()()}}function w8(e,t){e&1&&z(0,`app-coming-soon`,26),e&2&&I(`info`,t)}function T8(e,t){e&1&&(L(0,`p`,27),J(1,`Looking for an Angular Native app…`),R())}function E8(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&&(k(2),Y(t))}function D8(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,E8,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();k(5),N((e=t.turnOnSnippet())?5:-1,e),k(),I(`href`,t.inspectorsDocsUrl,Nu)}}function O8(e,t){if(e&1){let e=H();L(0,`app-dashboard`,97),U(`navigate`,function(t){return T(e),E(G(3).switchTab(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function k8(e,t){if(e&1){let e=H();L(0,`app-timeline`,98),U(`open`,function(t){return T(e),E(G(3).openLink(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function A8(e,t){if(e&1){let e=H();L(0,`app-component-tree`,99),U(`focusHandled`,function(){return T(e),E(G(3).componentFocus.set(null))})(`commandHandled`,function(){return T(e),E(G(3).componentCommand.set(null))})(`showForm`,function(t){return T(e),E(G(3).showForm(t))})(`showInjector`,function(t){return T(e),E(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 j8(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,100),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function M8(e,t){e&1&&z(0,`app-signal-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function N8(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,101),U(`focusHandled`,function(){return T(e),E(G(3).injectorFocus.set(null))})(`showComponent`,function(t){return T(e),E(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 P8(e,t){e&1&&z(0,`app-store-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function F8(e,t){e&1&&z(0,`app-network-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function I8(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,102),U(`focusHandled`,function(){return T(e),E(G(3).formFocus.set(null))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.formFocus())}}function L8(e,t){e&1&&z(0,`app-pipes-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function R8(e,t){e&1&&z(0,`app-analog-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function z8(e,t){e&1&&z(0,`app-capacitor-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function B8(e,t){if(e&1){let e=H();L(0,`app-errors-inspector`,103),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)(`canExplainInjection`,e.config().inspectors.injectors)}}function V8(e,t){if(e&1&&M(0,O8,1,1,`app-dashboard`,92)(1,k8,1,1,`app-timeline`,92)(2,A8,1,4,`app-component-tree`,93)(3,j8,1,1,`app-route-inspector`,92)(4,M8,1,1,`app-signal-inspector`,92)(5,N8,1,3,`app-di-inspector`,94)(6,P8,1,1,`app-store-inspector`,92)(7,F8,1,1,`app-network-inspector`,92)(8,I8,1,2,`app-forms-inspector`,95)(9,L8,1,1,`app-pipes-inspector`,92)(10,R8,1,1,`app-analog-inspector`,92)(11,z8,1,1,`app-capacitor-inspector`,92)(12,B8,1,3,`app-errors-inspector`,96),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`timeline`?1:e===`components`?2:e===`routes`?3:e===`signals`?4:e===`injectors`?5:e===`store`?6:e===`network`?7:e===`forms`?8:e===`pipes`?9:e===`analog`?10:e===`capacitor`?11:e===`errors`?12:-1)}}function H8(e,t){e&1&&P(0,V8,13,1,null,null,Ag),e&2&&F(hv(0,u8,G().scopeKey()))}var U8=`all`,W8=[U8,...HT],G8={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},K8={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},q8={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},J8={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},Y8={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/`}},X8={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/`}},Z8={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`}},Q8={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/`}},$8=[1e3,2e3,5e3,1e4];function e5(){let e=new URLSearchParams(location.search).get(`view`);return HT.find(t=>t===e)??null}ex(class e{analog=O(!1);allTabs=tE.map(({id:e,label:t})=>({id:e,label:t}));view=O(e5());viewAccent=Q(()=>B6(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?G8[e]:`Pangular Inspector`});mainLabel=Q(()=>this.tab()===`settings`?`Settings`:this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=O(!1);capacitorReporting=O(!1);capacitorKnown=O(!1);nativePageId=O(null);nativeKnown=O(!1);scopeKey=Q(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=Q(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?Z8:void 0;if(e===`nativescript`)return Y8;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?X8:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?Q8:void 0});config=Q(()=>nD(this.rpc()));tabEnabled=sD;inspectorsDocsUrl=oD;turnOnSnippet=Q(()=>{let e=aD(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=Q(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?K8[e]:void 0,n=this.allTabs.filter(e=>sD(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?J8[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`&&q8[t.id]))});tabLayout=O(i6());tabs=Q(()=>{let e=this.tab(),t=l6(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`:K8[e]??this.tab();return{tab:t,href:A6(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(K8[e]??J8[e]?.[0])||`dashboard`});rpc=O(null);openedDock=O(null);connected=O(!1);connectionFailed=O(!1);hiddenPages=O([]);pageId=LE();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=C(Ts);themeService=C(v6);navObserver;navFade=O({start:!1,end:!1});constructor(){C(cM).use(this.rpc),Hd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),dy(()=>{this.tab(),this.tabs(),Nv(()=>{this.revealActiveTab(),this.measureNav()})}),mc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Nv(()=>void HE(t,`hub-dock-seen`,UT(e.dock)))}),mc(()=>{let e=this.themeService.current();Nv(()=>{try{window.parent!==window&&X3(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=E6(W8,e=>{this.openedDock.set({dock:e}),e===U8?this.showFullPanel():this.showView(e)});let e=N6(location.hash,P6(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&N6(location.hash,P6(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&N6(location.hash,P6(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=WE(()=>this.rpc()),this.connect()}connecting=!1;retries=0;retryTimer;connect(){if(this.connecting||this.rpc())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=R6();BT(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&&sD(`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=$8[Math.min(this.retries++,$8.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;IE(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;IE(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??P6(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=N6(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){j6(e)&&D6()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),O6(U8))}paletteOpen=O(!1);paletteShortcut=p6()?`⌘K`:`Ctrl+K`;themePreference=Q(()=>this.themeService.preference());passive=O(o6());popupHotkey=Q(()=>{let e=this.config().popup.hotkey;return e!==!1&&eE(e,p6())});popup=m6();poppedOut=!!g6();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 lE(this.config()).filter(n=>n.id.startsWith(`tab:`)?e.has(n.id.slice(4)):n.id===`popout:return`?this.poppedOut:n.popupOnly?this.popup:n.id===`pick-component`||n.id.startsWith(`cd-`)?t:!0)});onGlobalKey(e){if(e.defaultPrevented)return;let t=p6(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&$T(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(){D6()&&k6()||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===`dock:reset-size`){this.postToPopup({type:`pangular:popup-dock-size`});return}if(e.startsWith(`dock:`)){this.postToPopup({type:`pangular:popup-dock`,mode:e.slice(5)});return}if(e===`popout`){this.postToPopup({type:`pangular:popup-popout`});return}if(e===`popout:return`){_6();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),a6(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),s6(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of S6())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(iE,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,``,oE(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=sE(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=O(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=q8[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),F6(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=vO(t,this.nativePageId());this.view()===`angular-native`&&IE(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=h1(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&sD(`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(){Hd(()=>{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 O6(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:UT(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&l_(t.nav,c8,5)(t.main,l8,5),e&2&&u_(2)},hostVars:4,hostBindings:function(e,t){e&1&&U(`message`,function(e){return t.inspectFromPanel(e)},Fu)(`keydown`,function(e){return t.onGlobalKey(e)},Iu),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`,`canExplainInjection`],[3,`navigate`,`rpc`],[3,`open`,`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`,`canExplainInjection`]],template:function(e,t){if(e&1){let e=H();L(0,`header`)(1,`h1`,2)(2,`span`,3),M(3,f8,2,0,`:svg:svg`,4)(4,p8,7,0,`:svg:svg`,4)(5,m8,11,0,`:svg:svg`,5)(6,h8,5,0,`:svg:svg`,6)(7,g8,2,0,`:svg:svg`,7)(8,_8,10,0,`:svg:svg`,8)(9,v8,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,b8,3,0,`div`,12),R(),M(15,x8,7,1,`a`,13),L(16,`span`,14)(17,`button`,15),U(`click`,function(){return t.openPalette()}),D(),L(18,`svg`,16),z(19,`path`,17),R()(),_s(),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,S8,1,6,`app-settings`,24)(31,C8,5,0,`div`,25)(32,w8,1,1,`app-coming-soon`,26)(33,T8,2,0,`p`,27)(34,D8,10,2,`p`,28)(35,H8,2,2),R(),L(36,`app-command-palette`,29),cv(`openChange`,function(n){return T(e),sv(t.paletteOpen,n)||(t.paletteOpen=n),E(n)}),U(`picked`,function(e){return t.runCommand(e)}),R()}if(e&2){let e,n;k(2),q(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),k(),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),k(7),q(`ng-text`,t.view()===`angular`),k(),Y(t.title()),k(),q(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),k(2),N(t.availableTabs().length>1?14:-1),k(),N((e=t.fullPanelLink())?15:-1,e),k(2),j(`aria-label`,`Command palette (`+t.paletteShortcut+`)`)(`title`,`Command palette (`+t.paletteShortcut+`)`),k(3),q(`active`,t.tab()===`settings`),j(`aria-pressed`,t.tab()===`settings`),k(2),q(`connected`,t.connected())(`failed`,t.connectionFailed()),k(3),X(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:`Connecting…`,` `),k(),j(`aria-label`,t.mainLabel()),k(3),Y(t.backgroundNote()),k(),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),k(6),I(`commands`,t.paletteCommands()),ov(`open`,t.paletteOpen)}},dependencies:[nO,sI,Bz,JV,AU,qG,fJ,NY,$Z,t1,K0,F4,q3,c1,SD,Z6,s8],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;
diff --git a/extension/ui/index.html b/extension/ui/index.html
index 5dfc33ec..1243ab58 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-BNWPqdBD.js"></script>
+    <script type="module" crossorigin src="./assets/index-CwGBIRVq.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BJvGA0C8.css">
   </head>
   <body>

From 3ca950c33c552f89cb19a28250fa3445c3b15e63 Mon Sep 17 00:00:00 2001
From: erKam <erkamyaman35@gmail.com>
Date: Tue, 13 Oct 2026 04:56:10 +0000
Subject: [PATCH 5/9] fix(components): say retention can't be judged with DI
 debug data

From Angular 16.2 a development build records every injection for DI debugging, which keeps each destroyed component in memory, so Still retained would list them all. Report that instead of false positives, and keep revealed tree rows clear of the sticky toolbar.
---
 .../__tests__/component-tree-leaks.test.ts    |  35 ++++-
 app/src/__tests__/leaks-section.test.ts       |  28 ++--
 app/src/pages/component-tree.ts               |  27 ++--
 app/src/pages/leaks-section.ts                | 120 +++++++++---------
 app/src/ui/sticky-clearance.ts                |  36 ++++++
 apps/docs/src/content/agents/tools.md         |  10 +-
 .../docs/src/content/inspectors/components.md |  10 +-
 docs/angular-compat.md                        |  25 ++--
 .../src/__tests__/leaks-collector.test.ts     |  74 +++++++----
 .../devtools/src/__tests__/leaks-real.test.ts |  19 ++-
 .../src/__tests__/leaks-tools.test.ts         |  60 +++++----
 packages/devtools/src/leaks-collector.ts      |  60 +++++----
 packages/devtools/src/rpc/leaks-register.ts   |   2 +-
 packages/devtools/src/rpc/leaks-tools.ts      | 108 ++++++++--------
 14 files changed, 383 insertions(+), 231 deletions(-)
 create mode 100644 app/src/ui/sticky-clearance.ts

diff --git a/app/src/__tests__/component-tree-leaks.test.ts b/app/src/__tests__/component-tree-leaks.test.ts
index 7c4de04a..f45d1219 100644
--- a/app/src/__tests__/component-tree-leaks.test.ts
+++ b/app/src/__tests__/component-tree-leaks.test.ts
@@ -5,6 +5,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { ComponentTree } from '../pages/component-tree';
 import type { TreeNode } from '../pages/component-tree-state';
 import { LeaksSection } from '../pages/leaks-section';
+import { scrollParent, stickyClearance } from '../ui/sticky-clearance';
 
 const roots: TreeNode[] = [
   {
@@ -52,12 +53,18 @@ describe('component tree and the Leaks section', () => {
   it('moves focus to the tree row of a Leaks row and keeps it clear of the toolbar', async () => {
     const fixture = TestBed.createComponent(ComponentTree);
     fixture.componentRef.setInput('rpc', client());
-    document.body.append(fixture.nativeElement);
+    // The panel's scroller: the toolbar sticks inside its padding.
+    const main = document.createElement('main');
+    main.style.overflowY = 'auto';
+    main.style.paddingTop = '20px';
+    main.append(fixture.nativeElement);
+    document.body.append(main);
     for (let i = 0; i < 3; i++) {
       await new Promise((resolve) => setTimeout(resolve));
       await fixture.whenStable();
     }
     const el = fixture.nativeElement as HTMLElement;
+    Object.defineProperty(el.querySelector('.toolbar')!, 'offsetHeight', { value: 64 });
     const scrolled = vi.spyOn(Element.prototype, 'scrollIntoView');
     const leaks = fixture.debugElement.query(By.directive(LeaksSection));
     expect(leaks).not.toBeNull();
@@ -68,6 +75,30 @@ describe('component tree and the Leaks section', () => {
     expect(row.getAttribute('aria-selected')).toBe('true');
     expect(document.activeElement).toBe(row);
     expect(scrolled).toHaveBeenCalled();
-    expect(el.style.getPropertyValue('--ct-toolbar-clearance')).toMatch(/px$/);
+    // The scroller's padding, the toolbar's height and an 8px gap.
+    expect(el.style.getPropertyValue('--ct-toolbar-clearance')).toBe('92px');
+  });
+
+  it('measures the clearance a sticky bar needs, with the scroller padding and scroll padding', () => {
+    const scroller = document.createElement('div');
+    scroller.style.overflowY = 'auto';
+    scroller.style.paddingTop = '16px';
+    const wrap = document.createElement('section');
+    const bar = document.createElement('div');
+    bar.style.top = '4px';
+    Object.defineProperty(bar, 'offsetHeight', { value: 100 });
+    wrap.append(bar);
+    scroller.append(wrap);
+    document.body.append(scroller);
+    expect(scrollParent(bar)).toBe(scroller);
+    expect(stickyClearance(bar)).toBe(16 + 4 + 100 + 8);
+    scroller.style.scrollPaddingTop = '10px';
+    expect(stickyClearance(bar, 0)).toBe(16 + 4 + 100 - 10);
+    // Without a scrolling ancestor the page scrolls, with no padding to add.
+    const loose = document.createElement('div');
+    Object.defineProperty(loose, 'offsetHeight', { value: 50 });
+    document.body.append(loose);
+    expect(scrollParent(loose)).toBeNull();
+    expect(stickyClearance(loose)).toBe(58);
   });
 });
diff --git a/app/src/__tests__/leaks-section.test.ts b/app/src/__tests__/leaks-section.test.ts
index 067a1f85..bcbd013c 100644
--- a/app/src/__tests__/leaks-section.test.ts
+++ b/app/src/__tests__/leaks-section.test.ts
@@ -86,23 +86,25 @@ describe('LeaksSection', () => {
     expect(host().querySelectorAll('h3')).toHaveLength(3);
   });
 
-  it('names instances DI debug data keeps alive apart, without counting them as retained', async () => {
+  it('says retention is unavailable where DI debug data keeps every instance, and still lists detached views', async () => {
     await show(
       page({
-        destroyed: [
-          {
-            id: 'c12',
-            name: 'PipesExample',
-            route: '/pipes',
-            destroyedAt: NOW - 60_000,
-            navigations: 5,
-            devHeld: true,
-          },
-        ],
+        support: { retention: 'dev-di-debug', effects: true, subscriptions: 'off', detached: true },
       }),
     );
-    expect(host().querySelectorAll('.rows')[0]?.textContent ?? '').not.toContain('PipesExample');
-    expect(text()).toContain('DI debug data can keep alive: PipesExample');
+    expect(text()).toContain(
+      "In a development build, Angular's DI debug data keeps every destroyed component in memory, so Pangular can't tell a leak from that.",
+    );
+    expect(text()).toContain('Chrome DevTools Memory panel');
+    // No instance is listed as retained or recent, and no collected count is claimed.
+    expect(text()).not.toContain('still retained ·');
+    expect(text()).not.toContain('collected');
+    expect(text()).not.toContain('destroyed recently');
+    expect(text()).not.toContain('TripCard');
+    expect(text()).toContain('5 navigations');
+    expect(text()).toContain('not destroyed (detached views, such as a route reuse cache): Cached');
+    expect(host().querySelectorAll('h3')).toHaveLength(3);
+    expect(host().querySelectorAll('h3')[0]!.textContent!.trim()).toBe('Still retained');
   });
 
   it('lists live effects, with the shared note, and selects or highlights a component', async () => {
diff --git a/app/src/pages/component-tree.ts b/app/src/pages/component-tree.ts
index 3a780e54..61581fd2 100644
--- a/app/src/pages/component-tree.ts
+++ b/app/src/pages/component-tree.ts
@@ -50,6 +50,7 @@ import { StoreGlobal } from '../ui/store-global';
 import { ForBlocksSection, type ForBlock } from './for-blocks-section';
 import { LeaksSection, type LeaksPage } from './leaks-section';
 import { VirtualWindow } from '../ui/virtual-window';
+import { stickyClearance } from '../ui/sticky-clearance';
 
 interface SourceComponent {
   selector: string;
@@ -2460,14 +2461,7 @@ export class ComponentTree {
     afterNextRender(
       () => {
         const row = document.querySelector<HTMLElement>(`.row[data-id="${CSS.escape(id)}"]`);
-        // Keep the row clear of the sticky toolbar, whose height changes as it wraps.
-        const toolbar = this.host.nativeElement.querySelector<HTMLElement>('.toolbar');
-        if (toolbar) {
-          this.host.nativeElement.style.setProperty(
-            '--ct-toolbar-clearance',
-            `${toolbar.offsetHeight + 8}px`,
-          );
-        }
+        this.clearToolbar();
         row?.scrollIntoView({ block: 'nearest' });
         if (focus) row?.focus({ preventScroll: true });
       },
@@ -2475,6 +2469,20 @@ export class ComponentTree {
     );
   }
 
+  /**
+   * Sets the rows' `scroll-margin-top` so a row scrolled into view sits below
+   * the sticky toolbar, whose height changes as it wraps and which sticks
+   * inside the scroller's padding.
+   */
+  private clearToolbar() {
+    const toolbar = this.host.nativeElement.querySelector<HTMLElement>('.toolbar');
+    if (!toolbar) return;
+    this.host.nativeElement.style.setProperty(
+      '--ct-toolbar-clearance',
+      `${stickyClearance(toolbar)}px`,
+    );
+  }
+
   toggle(id: string, event?: Event) {
     event?.stopPropagation();
     if (this.query()) return;
@@ -2614,7 +2622,8 @@ export class ComponentTree {
       this.focusId.set(id);
       const focus = () => {
         const el = document.querySelector<HTMLElement>(`.row[data-id="${CSS.escape(id)}"]`);
-        el?.focus();
+        this.clearToolbar();
+        el?.focus({ preventScroll: true });
         el?.scrollIntoView({ block: 'nearest' });
       };
       // A row outside the rendered window is brought in first.
diff --git a/app/src/pages/leaks-section.ts b/app/src/pages/leaks-section.ts
index d3bdd094..51c00f1e 100644
--- a/app/src/pages/leaks-section.ts
+++ b/app/src/pages/leaks-section.ts
@@ -25,8 +25,6 @@ export interface LeakDestroyed {
   destroyedAt: number;
   navigations: number;
   detached?: boolean;
-  /** Kept alive by Angular's development-mode DI debug data, so not counted as retained. */
-  devHeld?: boolean;
   subscriptions?: number;
 }
 
@@ -49,7 +47,11 @@ export interface LeaksPage {
   at: number;
   reportedAt: number;
   support: {
-    retention: boolean;
+    /**
+     * `'dev-di-debug'`: the page's Angular keeps DI debug data that holds every
+     * destroyed component, so retained instances can't be listed.
+     */
+    retention: boolean | 'dev-di-debug';
     effects: boolean;
     subscriptions: 'off' | 'on' | 'unavailable';
     instances?: boolean;
@@ -111,59 +113,63 @@ const plural = (n: number, one: string, many = `${one}s`) => `${n} ${n === 1 ? o
       </p>
 
       @if (report(); as page) {
-        @if (!page.support.retention) {
+        @if (page.support.retention === 'dev-di-debug') {
+          <p class="stats">{{ plural(page.navigations, 'navigation') }}</p>
+          <h3 class="sub">Still retained</h3>
           <p class="note" role="status">
-            This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and
-            the Angular debug API of a development build.
+            In a development build, Angular's DI debug data keeps every destroyed component in
+            memory, so Pangular can't tell a leak from that. Check retainers in the Chrome DevTools
+            Memory panel: take a heap snapshot after a few navigations, search for the class and
+            look for a retainer other than Angular's DI debug records. Open subscriptions after
+            destroy are still tracked below.
           </p>
-        }
-        <p class="stats">
-          {{ plural(page.navigations, 'navigation') }} · {{ retained().length }} still retained ·
-          {{ plural(page.totals.collected, 'instance') }} collected
-        </p>
-
-        <h3 class="sub">
-          Still retained
-          <span class="pill">{{ retained().length }}</span>
-        </h3>
-        @if (retained().length) {
-          <p class="note">
-            Destroyed, yet still in memory after at least {{ minNavigations }} navigations and
-            {{ minSeconds }} seconds. Take a heap snapshot, search for the class and read its
-            retainers.
-          </p>
-          <ul class="rows">
-            @for (item of retained().slice(0, shown); track item.id) {
-              <li class="row">
-                <span class="name mono">{{ item.name }}</span>
-                <span class="meta mono">{{ item.route || '/' }}</span>
-                <span class="count">{{ plural(item.navigations, 'navigation') }} ago</span>
-                <span class="meta">{{ ageOf(item) }}</span>
-                @if (item.subscriptions) {
-                  <span class="flag warn">{{
-                    plural(item.subscriptions, 'open subscription')
-                  }}</span>
-                }
-              </li>
-            }
-          </ul>
         } @else {
-          <p class="note">No destroyed component is still in memory after a few navigations.</p>
-        }
-        @if (recent().length) {
-          <p class="note">
-            {{ plural(recent().length, 'instance') }} destroyed recently and not collected yet:
-            <span class="mono">{{ names(recent()) }}</span
-            >. Navigate a few times to see whether they stay.
-          </p>
-        }
-        @if (devHeld().length) {
-          <p class="note">
-            Not counted: the last destroyed instance of a class with none left on the page, which
-            Angular's development-mode DI debug data can keep alive:
-            <span class="mono">{{ names(devHeld()) }}</span
-            >.
+          @if (!page.support.retention) {
+            <p class="note" role="status">
+              This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry
+              and the Angular debug API of a development build.
+            </p>
+          }
+          <p class="stats">
+            {{ plural(page.navigations, 'navigation') }} · {{ retained().length }} still retained ·
+            {{ plural(page.totals.collected, 'instance') }} collected
           </p>
+
+          <h3 class="sub">
+            Still retained
+            <span class="pill">{{ retained().length }}</span>
+          </h3>
+          @if (retained().length) {
+            <p class="note">
+              Destroyed, yet still in memory after at least {{ minNavigations }} navigations and
+              {{ minSeconds }} seconds. Take a heap snapshot, search for the class and read its
+              retainers.
+            </p>
+            <ul class="rows">
+              @for (item of retained().slice(0, shown); track item.id) {
+                <li class="row">
+                  <span class="name mono">{{ item.name }}</span>
+                  <span class="meta mono">{{ item.route || '/' }}</span>
+                  <span class="count">{{ plural(item.navigations, 'navigation') }} ago</span>
+                  <span class="meta">{{ ageOf(item) }}</span>
+                  @if (item.subscriptions) {
+                    <span class="flag warn">{{
+                      plural(item.subscriptions, 'open subscription')
+                    }}</span>
+                  }
+                </li>
+              }
+            </ul>
+          } @else {
+            <p class="note">No destroyed component is still in memory after a few navigations.</p>
+          }
+          @if (recent().length) {
+            <p class="note">
+              {{ plural(recent().length, 'instance') }} destroyed recently and not collected yet:
+              <span class="mono">{{ names(recent()) }}</span
+              >. Navigate a few times to see whether they stay.
+            </p>
+          }
         }
         @if (detached().length) {
           <p class="note">
@@ -424,20 +430,20 @@ export class LeaksSection {
     const retained: LeakDestroyed[] = [];
     const recent: LeakDestroyed[] = [];
     const detached: LeakDestroyed[] = [];
-    const devHeld: LeakDestroyed[] = [];
-    if (!page) return { retained, recent, detached, devHeld };
+    if (!page) return { retained, recent, detached };
+    // Angular's DI debug data keeps every destroyed instance; only detached views mean something.
+    const held = page.support.retention === 'dev-di-debug';
     for (const item of page.destroyed) {
       if (item.detached) detached.push(item);
-      else if (item.devHeld) devHeld.push(item);
+      else if (held) continue;
       else if (this.isRetained(page, item)) retained.push(item);
       else recent.push(item);
     }
-    return { retained, recent, detached, devHeld };
+    return { retained, recent, detached };
   });
   protected readonly retained = computed(() => this.split().retained);
   protected readonly recent = computed(() => this.split().recent);
   protected readonly detached = computed(() => this.split().detached);
-  protected readonly devHeld = computed(() => this.split().devHeld);
 
   private ageMs(page: LeaksPage, item: LeakDestroyed): number {
     return Math.max(0, this.now()() - page.reportedAt + (page.at - item.destroyedAt));
diff --git a/app/src/ui/sticky-clearance.ts b/app/src/ui/sticky-clearance.ts
new file mode 100644
index 00000000..9a67de2b
--- /dev/null
+++ b/app/src/ui/sticky-clearance.ts
@@ -0,0 +1,36 @@
+/** The nearest ancestor that scrolls vertically, or `null` when the page itself scrolls. */
+export function scrollParent(el: Element): HTMLElement | null {
+  const view = el.ownerDocument.defaultView;
+  if (!view) return null;
+  for (let parent = el.parentElement; parent; parent = parent.parentElement) {
+    if (parent === el.ownerDocument.documentElement || parent === el.ownerDocument.body) break;
+    if (/(auto|scroll|overlay)/.test(view.getComputedStyle(parent).overflowY)) return parent;
+  }
+  return null;
+}
+
+const px = (value: string) => {
+  const n = parseFloat(value);
+  return Number.isFinite(n) ? n : 0;
+};
+
+/**
+ * The `scroll-margin-top` an item needs so `scrollIntoView` leaves it `gap`
+ * pixels below a stuck `position: sticky` bar in the same scroller.
+ *
+ * A sticky bar sticks inside its scroll container's padding (`top: 0` sits
+ * `padding-top` below the scrollport edge), while `scrollIntoView` lines an
+ * item up with the scrollport edge plus `scroll-padding-top`. So the margin
+ * is the container's padding, the bar's `top` and its height, less the
+ * container's scroll padding.
+ */
+export function stickyClearance(sticky: HTMLElement, gap = 8): number {
+  const view = sticky.ownerDocument.defaultView;
+  if (!view) return sticky.offsetHeight + gap;
+  const scroller = scrollParent(sticky);
+  const box = scroller ? view.getComputedStyle(scroller) : null;
+  const padding = box ? px(box.paddingTop) : 0;
+  const scrollPadding = box ? px(box.scrollPaddingTop) : 0;
+  const top = px(view.getComputedStyle(sticky).top);
+  return Math.max(0, Math.ceil(padding + top + sticky.offsetHeight + gap - scrollPadding));
+}
diff --git a/apps/docs/src/content/agents/tools.md b/apps/docs/src/content/agents/tools.md
index 39add205..e8895542 100644
--- a/apps/docs/src/content/agents/tools.md
+++ b/apps/docs/src/content/agents/tools.md
@@ -261,11 +261,11 @@ A parent binding sets a bound input again the next time its own value changes. O
 
 Leak hints for one page, in three parts. Reads: page.
 
-| Part                                 | What it lists                                                                                                                                                                                                                                                                                                                                                                                         |
-| ------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **Still retained**                   | Component instances destroyed but still in memory after at least 2 navigations and 10 seconds: class, instance id, the route they lived on, age, navigations since and open subscriptions. In a development build, the latest destroyed instance of a class with none left on the page is named apart and not counted, as Angular's DI debug data keeps it alive. Detached views are named apart too. |
-| **Open subscriptions after destroy** | Subscriptions still open after the component that made them went away, grouped by class, instance and call site, with why each is flagged. Only while subscription tracking is on.                                                                                                                                                                                                                    |
-| **Live effects and subscriptions**   | Components with live effects (from `ng.ɵgetSignalGraph`, Angular 20.1 and later) or tracked open subscriptions, with instance ids for `inspect-component`.                                                                                                                                                                                                                                            |
+| Part                                 | What it lists                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| ------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Still retained**                   | Component instances destroyed but still in memory after at least 2 navigations and 10 seconds: class, instance id, the route they lived on, age, navigations since and open subscriptions. When the page has `ng.ɵgetInjectorProviders` (a development build of Angular 16.2 or later), Angular's DI debug data keeps every destroyed component in memory, so this part lists no instances and says so, pointing to the Chrome Memory panel. Detached views are named apart. |
+| **Open subscriptions after destroy** | Subscriptions still open after the component that made them went away, grouped by class, instance and call site, with why each is flagged. Only while subscription tracking is on.                                                                                                                                                                                                                                                                                           |
+| **Live effects and subscriptions**   | Components with live effects (from `ng.ɵgetSignalGraph`, Angular 20.1 and later) or tracked open subscriptions, with instance ids for `inspect-component`.                                                                                                                                                                                                                                                                                                                   |
 
 | Argument    | Required | Value                                                    |
 | ----------- | -------- | -------------------------------------------------------- |
diff --git a/apps/docs/src/content/inspectors/components.md b/apps/docs/src/content/inspectors/components.md
index df661c57..831f9481 100644
--- a/apps/docs/src/content/inspectors/components.md
+++ b/apps/docs/src/content/inspectors/components.md
@@ -257,7 +257,11 @@ A line above the lists counts the navigations, the retained instances and the de
   The browser collects garbage when it decides, so an instance in <strong>Still retained</strong> is not proof of a leak. Take a heap snapshot in the Chrome DevTools <strong>Memory</strong> panel, search for the class name and read its <strong>Retainers</strong> to see what holds it.
 </ngmd-alert>
 
-In a development build, Angular's DI debug data (the records behind `ng.ɵgetInjectorProviders`) keeps the last instance of each component class alive. One destroyed instance of a class with none left on the page is therefore no sign of a leak on its own. The section and the `find-leaks` agent tool name that instance in a separate note and don't count it as retained. A second destroyed instance of the same class that stays is the stronger hint.
+#### Development builds of Angular 16.2 and later
+
+From Angular 16.2, a development build records DI debug data for its debug API (the injector profiler behind `ng.ɵgetInjectorProviders`). The records keep every value a component injected and, from 17.0, the view it injected from. That keeps every destroyed component in memory, and its children through its view, so a retained instance says nothing about your code. Production builds have no such data, but no debug API either.
+
+When the page has `ng.ɵgetInjectorProviders`, **Still retained** lists no instances. It shows a note instead: In a development build, Angular's DI debug data keeps every destroyed component in memory, so Pangular can't tell a leak from that. The `find-leaks` agent tool says the same. To check a component there, take a heap snapshot in the Chrome DevTools **Memory** panel after a few navigations, search for the class and look for a retainer other than Angular's DI debug records. **Open subscriptions after destroy**, detached views and **Live effects and subscriptions** work as usual, and an open subscription after destroy is still a real leak. On Angular 12 to 16.1, **Still retained** works as described above.
 
 #### How destroyed components are found
 
@@ -408,7 +412,7 @@ To go the other way, select a component and click **Reveal in Elements** in its
     Open the screen you suspect, then navigate away and around a few times.
   </ngmd-step>
   <ngmd-step title="Read the lists">
-    An instance under <strong>Still retained</strong> with open subscriptions points at a missing teardown. <strong>Open subscriptions after destroy</strong> shows the line that subscribed.
+    <strong>Open subscriptions after destroy</strong> shows the line that subscribed, which points at a missing teardown. On Angular 16.1 and earlier, an instance under <strong>Still retained</strong> with open subscriptions points there too.
   </ngmd-step>
   <ngmd-step title="Confirm in the Memory panel">
     Take a heap snapshot in Chrome DevTools, search for the class and read its retainers.
@@ -486,7 +490,7 @@ The devtools replace inputs and properties with secret-looking names with `[reda
 
 ### Selected components stay in memory
 
-The console handles `$ng0` to `$ng4`, a component stored as a global, and values you logged in the browser console keep their component in memory. A component you selected or logged can then show under **Still retained**. Select other components, or clear the console, before you judge the list.
+The console handles `$ng0` to `$ng4`, a component stored as a global, and values you logged in the browser console keep their component in memory. A component you selected or logged can then show under **Still retained** (on Angular 16.1 and earlier). Select other components, or clear the console, before you judge the list.
 
 ### Instance ids change on reload
 
diff --git a/docs/angular-compat.md b/docs/angular-compat.md
index d8034002..3b15906e 100644
--- a/docs/angular-compat.md
+++ b/docs/angular-compat.md
@@ -24,18 +24,18 @@ The `@angular/core` and `@angular/router` packages of these versions were packed
 
 ## Private debug API on `window.ng`
 
-| API                              | Used by                                                                                                              | First version            | Shape changes up to 22                                                                                                                                                                                             | Fallback                                                                                                                                                                                                                                                                      |
-| -------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `ɵsetProfiler`                   | `change-detection.ts`, `cd-overlay.ts`, `forms-instrument.ts`, `leaks-collector.ts`                                  | 12.0                     | Up to 19.2 it holds one profiler and returns nothing; setting it would evict another profiler (the Angular DevTools extension) with no way to give the slot back. From 20.0 it keeps a list and returns a remover. | Not used before 20.0: the refresh falls back to polling and change detection recording is unavailable (`profiler`). This is the one check made from the version, since trying the util would take the slot.                                                                   |
-| `ɵgetInjectorProviders`          | `injector-tree.ts`, `router.ts`, `router-setup.ts`, `ngrx-collector.ts`, `forms-webmcp.ts`, `router-config-tools.ts` | 16.2                     | None.                                                                                                                                                                                                              | Element injectors are listed without providers. The router is found through `router-fallback.ts`. The `@ngrx/store` Store and signal stores provided by components are not found (`injectorProviders`).                                                                       |
-| `ɵgetInjectorResolutionPath`     | `injector-tree.ts`, `router.ts`, `router-setup.ts`, `signal-graph.ts`, `ngrx-collector.ts`, `forms-webmcp.ts`        | 16.2                     | None.                                                                                                                                                                                                              | No environment injectors and no lookup path.                                                                                                                                                                                                                                  |
-| `ɵgetDependenciesFromInjectable` | `injector-tree.ts`, `component-tree.ts`                                                                              | 16.2                     | None.                                                                                                                                                                                                              | No dependencies listed.                                                                                                                                                                                                                                                       |
-| `ɵgetInjectorMetadata`           | `injector-tree.ts`, `ngrx-collector.ts`, `signal-graph.ts`                                                           | 17.0                     | None.                                                                                                                                                                                                              | `injectorMetadata()` in `injector-tree.ts` tells an environment injector by its `records` map and `source` (an `R3Injector` in every Ivy version) and the null injector by its class. Element injectors on a lookup path can't be named and are left out.                     |
-| `ɵgetSignalGraph`                | `signal-graph.ts`, `signal-peek.ts`, `leaks-collector.ts`                                                            | 19.1                     | Nodes carry `id` and `epoch` (and `debuggableFn`) from 20.1. Before that the collector reports `unsupported: true`.                                                                                                | The Signals page shows the source scan and the unavailable note; `inspect-signals` and `watch-signal` answer "unsupported" (`signalGraph`, named as 20.1).                                                                                                                    |
-| `ɵgetDeferBlocks`                | `defer-blocks.ts`                                                                                                    | 19.1 (removed in 22.0)   | Replaced by `ɵgetControlFlowBlocks` in 22.0.                                                                                                                                                                       | `deferBlocks` is true when either util exists. `@defer` itself exists from 17.0, so pages on 17.0 to 19.0 get the unavailable note.                                                                                                                                           |
-| `ɵgetControlFlowBlocks`          | `defer-blocks.ts`, `for-blocks.ts`, `rpc/for-blocks-tools.ts`                                                        | 22.0                     | None.                                                                                                                                                                                                              | `@for` blocks unavailable (`forBlocks`).                                                                                                                                                                                                                                      |
-| `ɵgetRouterInstance`             | `router.ts`, `router-setup.ts`, `analog-runtime.ts`, `ssr-navigation.ts`                                             | 20.3.5 (`provideRouter`) | Published by `@angular/router`, not core: present in 21.0.9, absent in 20.0.7. 20.3.5 comes from the router changelog and `private-api-canary.test.ts`.                                                            | `providerOf()` looks the Router up through `ɵgetInjectorProviders` (16.2+). Before 16.2 `router-fallback.ts` reads the Router a `RouterLink`, `RouterLinkActive` or component holds in a field, then asks the root injector for that class. Nothing holds it: no router data. |
-| `ɵgetTransferState`              | Not used                                                                                                             | 20.2                     | None.                                                                                                                                                                                                              | None.                                                                                                                                                                                                                                                                         |
+| API                              | Used by                                                                                                                                    | First version            | Shape changes up to 22                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Fallback                                                                                                                                                                                                                                                                      |
+| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `ɵsetProfiler`                   | `change-detection.ts`, `cd-overlay.ts`, `forms-instrument.ts`, `leaks-collector.ts`                                                        | 12.0                     | Up to 19.2 it holds one profiler and returns nothing; setting it would evict another profiler (the Angular DevTools extension) with no way to give the slot back. From 20.0 it keeps a list and returns a remover.                                                                                                                                                                                                                                                      | Not used before 20.0: the refresh falls back to polling and change detection recording is unavailable (`profiler`). This is the one check made from the version, since trying the util would take the slot.                                                                   |
+| `ɵgetInjectorProviders`          | `injector-tree.ts`, `router.ts`, `router-setup.ts`, `ngrx-collector.ts`, `forms-webmcp.ts`, `router-config-tools.ts`, `leaks-collector.ts` | 16.2                     | Publishing it also turns on Angular's injector profiler (`setupFrameworkInjectorProfiler`, in `publishDefaultGlobalUtils`), whose DI debug data keeps every injected value (a `NodeInjector`, `ChangeDetectorRef`) under the component class, and from 17.0 the injecting view (`injectedIn.lView`). That keeps every destroyed component in memory, so `leaks-collector.ts` reads its presence as `support.retention: 'dev-di-debug'` and lists no retained instances. | Element injectors are listed without providers. The router is found through `router-fallback.ts`. The `@ngrx/store` Store and signal stores provided by components are not found (`injectorProviders`).                                                                       |
+| `ɵgetInjectorResolutionPath`     | `injector-tree.ts`, `router.ts`, `router-setup.ts`, `signal-graph.ts`, `ngrx-collector.ts`, `forms-webmcp.ts`                              | 16.2                     | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | No environment injectors and no lookup path.                                                                                                                                                                                                                                  |
+| `ɵgetDependenciesFromInjectable` | `injector-tree.ts`, `component-tree.ts`                                                                                                    | 16.2                     | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | No dependencies listed.                                                                                                                                                                                                                                                       |
+| `ɵgetInjectorMetadata`           | `injector-tree.ts`, `ngrx-collector.ts`, `signal-graph.ts`                                                                                 | 17.0                     | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `injectorMetadata()` in `injector-tree.ts` tells an environment injector by its `records` map and `source` (an `R3Injector` in every Ivy version) and the null injector by its class. Element injectors on a lookup path can't be named and are left out.                     |
+| `ɵgetSignalGraph`                | `signal-graph.ts`, `signal-peek.ts`, `leaks-collector.ts`                                                                                  | 19.1                     | Nodes carry `id` and `epoch` (and `debuggableFn`) from 20.1. Before that the collector reports `unsupported: true`.                                                                                                                                                                                                                                                                                                                                                     | The Signals page shows the source scan and the unavailable note; `inspect-signals` and `watch-signal` answer "unsupported" (`signalGraph`, named as 20.1).                                                                                                                    |
+| `ɵgetDeferBlocks`                | `defer-blocks.ts`                                                                                                                          | 19.1 (removed in 22.0)   | Replaced by `ɵgetControlFlowBlocks` in 22.0.                                                                                                                                                                                                                                                                                                                                                                                                                            | `deferBlocks` is true when either util exists. `@defer` itself exists from 17.0, so pages on 17.0 to 19.0 get the unavailable note.                                                                                                                                           |
+| `ɵgetControlFlowBlocks`          | `defer-blocks.ts`, `for-blocks.ts`, `rpc/for-blocks-tools.ts`                                                                              | 22.0                     | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `@for` blocks unavailable (`forBlocks`).                                                                                                                                                                                                                                      |
+| `ɵgetRouterInstance`             | `router.ts`, `router-setup.ts`, `analog-runtime.ts`, `ssr-navigation.ts`                                                                   | 20.3.5 (`provideRouter`) | Published by `@angular/router`, not core: present in 21.0.9, absent in 20.0.7. 20.3.5 comes from the router changelog and `private-api-canary.test.ts`.                                                                                                                                                                                                                                                                                                                 | `providerOf()` looks the Router up through `ɵgetInjectorProviders` (16.2+). Before 16.2 `router-fallback.ts` reads the Router a `RouterLink`, `RouterLinkActive` or component holds in a field, then asks the root injector for that class. Nothing holds it: no router data. |
+| `ɵgetTransferState`              | Not used                                                                                                                                   | 20.2                     | None.                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | None.                                                                                                                                                                                                                                                                         |
 
 ## Framework objects
 
@@ -83,6 +83,7 @@ The `@angular/core` and `@angular/router` packages of these versions were packed
 | Components, `@defer` blocks                                | 19.1           | Unavailable note on 17.0 to 19.0; nothing on 12 to 16, which have no `@defer`.                                                                                                                                                                                                                                                   |
 | Components, `@for` blocks                                  | 22.0           | Unavailable note on 17.0 to 21.x; nothing on 12 to 16.                                                                                                                                                                                                                                                                           |
 | Components, change detection recording                     | 20.0           | Unavailable note. Angular profiling also needs 20.0.                                                                                                                                                                                                                                                                             |
+| Components, Leaks (**Still retained**)                     | 12.0 to 16.1   | 16.2 and later development builds: a note in place of the list, since Angular's DI debug data keeps every destroyed component (see `ɵgetInjectorProviders`). Detached views from 14.0. Subscriptions and effects are not affected.                                                                                               |
 | Injectors                                                  | 17.0           | 16.2 to 16.x: element injectors with providers and dependencies, and environment injectors, with element injectors left out of lookup paths. 12.0 to 16.1: element injectors with their components and directives only.                                                                                                          |
 | Signals                                                    | 20.1           | The source scan and the unavailable note. 19.1 to 20.0 have `ɵgetSignalGraph` without node ids.                                                                                                                                                                                                                                  |
 | Router                                                     | 16.2           | 12.0 to 16.1: live data when a router link, an outlet's component or the root component holds the Router; otherwise none.                                                                                                                                                                                                        |
diff --git a/packages/devtools/src/__tests__/leaks-collector.test.ts b/packages/devtools/src/__tests__/leaks-collector.test.ts
index e1310010..baa20723 100644
--- a/packages/devtools/src/__tests__/leaks-collector.test.ts
+++ b/packages/devtools/src/__tests__/leaks-collector.test.ts
@@ -5,6 +5,7 @@ import {
   MAX_TRACKED_DESTROYED,
   TRACKING_KEY,
   attachLeaks,
+  holdsDestroyedInstances,
   stackClasses,
   type LeaksDebugNg,
   type LeaksOptions,
@@ -624,37 +625,62 @@ describe('attachLeaks: pushes', () => {
 });
 
 describe('attachLeaks: development builds', () => {
-  it('marks only the latest destroyed instance of a class with none left as held by DI debug data', async () => {
-    const { root, components, cards } = page(3);
-    const ng = fakeNg(components);
+  it('detects the DI debug data that holds destroyed instances by ng.ɵgetInjectorProviders', () => {
+    expect(holdsDestroyedInstances(undefined)).toBe(false);
+    expect(holdsDestroyedInstances(fakeNg(new Map()))).toBe(false);
+    expect(holdsDestroyedInstances(fakeNg(new Map(), { ɵgetInjectorProviders: () => [] }))).toBe(
+      true,
+    );
+    const throwing = fakeNg(new Map());
+    Object.defineProperty(throwing, 'ɵgetInjectorProviders', {
+      get() {
+        throw new Error('no');
+      },
+    });
+    expect(holdsDestroyedInstances(throwing)).toBe(false);
+  });
+
+  it('reports retention as unavailable with that data, lists only detached views, and still flags subscriptions', async () => {
+    const { components, cards } = page(2);
+    let withDebugData = true;
+    const base = fakeNg(components);
+    const ng = () => (withDebugData ? { ...base, ɵgetInjectorProviders: () => [] } : base);
+    const rx = fakeRxjs();
+    const source = new rx.Observable();
     let now = 1000;
-    let devMode = true;
-    const h = harness(() => ng, { now: () => now, devMode: () => devMode });
+    const h = harness(ng, { now: () => now, loadRxjs: async () => rx.module as never });
+    await h.collector.setTracking(true);
     await h.collector.push();
-    // Two cards go, one stays: the class is still on the page, so neither is excused.
+    // A card subscribes and goes; another goes while Angular still holds its view.
+    (components.get(cards[0]!) as TripCard).listen(source as never);
+    base.alive.add(cards[1]!);
     cards[0]!.remove();
-    await h.collector.push(true);
-    now += 10;
     cards[1]!.remove();
+    h.route.value = '/a';
+    now += 60_000;
     await h.collector.push(true);
-    expect(h.reports.at(-1)!.destroyed.filter((d) => d.devHeld)).toEqual([]);
-
-    // The last card goes too: only the latest destroyed card is excused.
-    now += 10;
-    cards[2]!.remove();
+    h.route.value = '/b';
     await h.collector.push(true);
-    const held = h.reports
-      .at(-1)!
-      .destroyed.filter((d) => d.devHeld)
-      .map((d) => d.id);
-    expect(held).toEqual([elementId(cards[2]!)]);
-    expect(h.reports.at(-1)!.destroyed).toHaveLength(3);
-
-    // A production build excuses nothing.
-    devMode = false;
+
+    const dev = h.reports.at(-1)!;
+    expect(dev.support.retention).toBe('dev-di-debug');
+    expect(dev.destroyed).toEqual([
+      expect.objectContaining({ id: elementId(cards[1]!), detached: true }),
+    ]);
+    expect(dev.destroyed.some((d) => 'devHeld' in d)).toBe(false);
+    expect(dev.subscriptions).toEqual([
+      expect.objectContaining({ name: 'TripCard', reason: 'no-live-instance' }),
+    ]);
+    expect(dev.navigations).toBe(2);
+
+    // Without the debug data (older Angular) the same instances are listed as before.
+    withDebugData = false;
     await h.collector.push(true);
-    expect(h.reports.at(-1)!.destroyed.some((d) => d.devHeld)).toBe(false);
-    expect(root.isConnected).toBe(true);
+    const plain = h.reports.at(-1)!;
+    expect(plain.support.retention).toBe(true);
+    expect(plain.destroyed.map((d) => d.id).sort()).toEqual(
+      [elementId(cards[0]!), elementId(cards[1]!)].sort(),
+    );
   });
 });
 
diff --git a/packages/devtools/src/__tests__/leaks-real.test.ts b/packages/devtools/src/__tests__/leaks-real.test.ts
index 39a66f94..e6a8d9cb 100644
--- a/packages/devtools/src/__tests__/leaks-real.test.ts
+++ b/packages/devtools/src/__tests__/leaks-real.test.ts
@@ -77,7 +77,14 @@ describe.runIf(angularAtLeast('17.0'))('the leaks collector with a real app', ()
         },
       },
     };
-    const ng = () => (globalThis as { ng?: LeaksDebugNg }).ng;
+    // Hides the DI debug data's marker, to read the destroyed list as on Angular 16.1 and earlier.
+    let hideDiDebug = false;
+    const ng = () => {
+      const real = (globalThis as { ng?: LeaksDebugNg }).ng;
+      if (!real || !hideDiDebug) return real;
+      const { ɵgetInjectorProviders: _hidden, ...rest } = real;
+      return rest as LeaksDebugNg;
+    };
     const collector = attachLeaks(my, 'real-page', ng, {
       route: () => route.value,
       dirty: null,
@@ -111,6 +118,16 @@ describe.runIf(angularAtLeast('17.0'))('the leaks collector with a real app', ()
     await collector.push();
     report = reports.at(-1)!;
     expect(report.support.detached).toBe(true);
+    // From 16.2 a development build's DI debug data keeps every destroyed instance.
+    const diDebug = angularAtLeast('16.2');
+    expect(report.support.retention).toBe(diDebug ? 'dev-di-debug' : true);
+    if (diDebug) {
+      expect(report.destroyed).toEqual([]);
+      hideDiDebug = true;
+      await collector.push(true);
+      report = reports.at(-1)!;
+      expect(report.support.retention).toBe(true);
+    }
     expect(report.destroyed).toEqual([
       expect.objectContaining({ name: 'LeakyCard', route: '/trips', navigations: 1 }),
     ]);
diff --git a/packages/devtools/src/__tests__/leaks-tools.test.ts b/packages/devtools/src/__tests__/leaks-tools.test.ts
index da9b2b09..0f6d0384 100644
--- a/packages/devtools/src/__tests__/leaks-tools.test.ts
+++ b/packages/devtools/src/__tests__/leaks-tools.test.ts
@@ -125,50 +125,62 @@ describe('isRetained', () => {
     expect(isRetained(page, page.destroyed[1]!)).toBe(false);
     expect(isRetained(page, { ...page.destroyed[0]!, detached: true })).toBe(false);
     expect(isRetained(page, { ...page.destroyed[0]!, navigations: 1 })).toBe(false);
-    expect(isRetained(page, { ...page.destroyed[0]!, devHeld: true })).toBe(false);
   });
+});
 
-  it('keeps devHeld through the sanitizer, but never on a detached view', () => {
+describe('retention held by DI debug data', () => {
+  it('keeps the reason through the sanitizer and drops the instances it makes meaningless', () => {
     const base = report().destroyed[0]!;
     const sane = toLeaksReport(
       report({
-        destroyed: [
-          { ...base, devHeld: true },
-          { ...base, id: 'c11', detached: true, devHeld: true },
-          { ...base, id: 'c12', devHeld: 'yes' as never },
-        ],
+        support: { retention: 'dev-di-debug', effects: true, subscriptions: 'off' },
+        destroyed: [base, { ...base, id: 'c11', detached: true }],
       }),
     )!;
-    expect(sane.destroyed.map((item) => item.devHeld)).toEqual([true, undefined, undefined]);
+    expect(sane.support.retention).toBe('dev-di-debug');
+    expect(sane.destroyed.map((item) => item.id)).toEqual(['c11']);
+    expect(
+      toLeaksReport(report({ support: { retention: 'yes' as never } } as never))!.support.retention,
+    ).toBe(false);
+    // The old per-instance flag is not passed on.
+    const old = toLeaksReport(report({ destroyed: [{ ...base, devHeld: true } as never] }))!;
+    expect(old.destroyed[0]).not.toHaveProperty('devHeld');
   });
 
-  it('names the instance dev-mode DI debug data may hold apart, and still lists a second one', () => {
+  it('says retention is unavailable and why, and still answers subscriptions, detached views and effects', () => {
     const old = Date.now() - RETAINED_AFTER_MS - 5000;
     const page = {
       ...report({
+        support: {
+          retention: 'dev-di-debug',
+          effects: true,
+          subscriptions: 'on',
+          instances: true,
+          detached: true,
+        },
         destroyed: [
-          { id: 'a1', name: 'About', route: '/about', destroyedAt: old, navigations: 4 },
           {
-            id: 'a2',
-            name: 'About',
-            route: '/about',
-            destroyedAt: old + 1,
-            navigations: 3,
-            devHeld: true,
+            id: 'r1',
+            name: 'Reused',
+            route: '/r',
+            destroyedAt: old,
+            navigations: 4,
+            detached: true,
           },
-          { id: 'h1', name: 'Home', route: '/', destroyedAt: old, navigations: 3, devHeld: true },
         ],
-        subscriptions: [],
       }),
       reportedAt: Date.now(),
     };
     const text = findLeaksText({ pages: { tab1: page } });
-    expect(text).toMatch(/\| `About` \| `a1` \|/);
-    expect(text).not.toMatch(/\| `About` \| `a2` \|/);
-    expect(text).not.toMatch(/\| `Home` \|/);
-    expect(text).toMatch(/Not counted as retained: .*2 classes.*`About`, `Home`/);
-    expect(text).toMatch(/DI debug data/);
-    expect(text).not.toMatch(/destroyed recently/);
+    expect(text).toMatch(/## Still retained\n\nNot available on this page/);
+    expect(text).toMatch(/DI debug data .*keeps every destroyed component in memory/);
+    expect(text).toMatch(/can't tell a leak from that/);
+    expect(text).toMatch(/Memory panel/);
+    expect(text).not.toMatch(/garbage collected since/);
+    expect(text).not.toMatch(/\| Class \| Instance \| Route when destroyed/);
+    expect(text).toMatch(/off the page but not destroyed .*`Reused`/);
+    expect(text).toMatch(/its instance is destroyed/);
+    expect(text).toMatch(/\| `TripList` \| `c1` \| 2 \| 1 \|/);
   });
 });
 
diff --git a/packages/devtools/src/leaks-collector.ts b/packages/devtools/src/leaks-collector.ts
index 9f37cba1..642e5293 100644
--- a/packages/devtools/src/leaks-collector.ts
+++ b/packages/devtools/src/leaks-collector.ts
@@ -50,6 +50,21 @@ export interface LeaksDebugNg extends ComponentDebugNg {
   ɵgetSignalGraph?(injector: unknown): { nodes?: { id?: unknown; kind?: unknown }[] } | null;
 }
 
+/**
+ * Whether the page's Angular records DI debug data that keeps destroyed
+ * components in memory. From 16.2 a development build's
+ * `publishDefaultGlobalUtils` turns on the injector profiler
+ * (`setupFrameworkInjectorProfiler`) in the same step that publishes
+ * `ng.ɵgetInjectorProviders`, and keeps it on. Its records hold every
+ * injected value (a `NodeInjector`, `ChangeDetectorRef`, `DestroyRef`) and,
+ * from 17.0, the injecting view (`injectedIn.lView`), under the component
+ * class as key, so each destroyed instance stays reachable through its own or
+ * its parent's view. Nothing on the page can tell that apart from a leak.
+ */
+export function holdsDestroyedInstances(ng: LeaksDebugNg | undefined): boolean {
+  return read(() => typeof ng?.ɵgetInjectorProviders === 'function', false);
+}
+
 interface Rpc {
   rpc: {
     call(name: string, ...args: unknown[]): Promise<unknown>;
@@ -103,8 +118,6 @@ export interface LeaksOptions {
    * count and the report, and only re-sends the last report as a keepalive.
    */
   active?: () => boolean;
-  /** Whether the app is a development build (`ngDevMode`), whose DI debug data holds instances. */
-  devMode?: () => boolean;
 }
 
 export interface LeaksCollector {
@@ -237,7 +250,11 @@ function nameOf(instance: object): string {
  * collector itself keeps nothing alive. Destroyed means the host left the page
  * and Angular dropped its view (`ng.getInjector` gives the null injector from
  * Angular 14); a host that left while Angular still holds the view is
- * reported as detached instead. Subscription tracking wraps
+ * reported as detached instead. Where Angular's DI debug data keeps every
+ * destroyed instance (`holdsDestroyedInstances`), the report lists detached
+ * views only and says why (`support.retention: 'dev-di-debug'`); the
+ * bookkeeping still runs, since subscriptions are flagged against it.
+ * Subscription tracking wraps
  * `Observable.prototype.subscribe` only while it is on, and restores it when
  * turned off.
  */
@@ -250,9 +267,6 @@ export function attachLeaks(
   const now = options.now ?? Date.now;
   const tickMs = options.tickMs ?? (() => 0);
   const active = options.active ?? (() => true);
-  const devMode =
-    options.devMode ??
-    (() => read(() => !!(globalThis as { ngDevMode?: unknown }).ngDevMode, false));
   const hasDocument = typeof document !== 'undefined';
   const tree = options.tree ?? (() => domTree());
   const route =
@@ -320,8 +334,14 @@ export function attachLeaks(
         }
       })
     : null;
-  const retention = () =>
-    !!weak.WeakRef && !!registry && typeof getNg()?.getComponent === 'function';
+  /**
+   * `true` when retained instances can be listed; `'dev-di-debug'` when the
+   * page's Angular keeps every destroyed instance itself, so none can be.
+   */
+  const retention = (ng: LeaksDebugNg | undefined): LeaksReport['support']['retention'] => {
+    if (!weak.WeakRef || !registry || typeof ng?.getComponent !== 'function') return false;
+    return holdsDestroyedInstances(ng) ? 'dev-di-debug' : true;
+  };
 
   const checkNavigation = () => {
     const next = route();
@@ -759,23 +779,12 @@ export function attachLeaks(
       )
       .slice(0, MAX_LEAK_COMPONENTS);
 
-    // In a development build Angular's DI debug data (the injector profiler's records behind
-    // `ng.ɵgetInjectorProviders`) keeps the last instance of a class alive, so the latest
-    // destroyed instance of a class with none on the page proves nothing. A second one does.
-    const devHeld = new Set<string>();
-    if (devMode()) {
-      const latest = new Map<string, Destroyed>();
-      for (const entry of destroyed.values()) {
-        if (entry.detached || liveClasses.has(entry.name) || entry.ref.deref() === undefined) {
-          continue;
-        }
-        const held = latest.get(entry.name);
-        if (!held || entry.destroyedAt >= held.destroyedAt) latest.set(entry.name, entry);
-      }
-      for (const entry of latest.values()) devHeld.add(entry.id);
-    }
+    const kept = retention(ng);
     const gone: LeakDestroyed[] = [...destroyed.values()]
-      .filter((entry) => entry.ref.deref() !== undefined)
+      // Angular's DI debug data keeps every destroyed instance: only detached views mean something.
+      .filter(
+        (entry) => entry.ref.deref() !== undefined && (kept !== 'dev-di-debug' || entry.detached),
+      )
       .slice(0, MAX_LEAK_DESTROYED)
       .map((entry) => {
         const subs = openBy.get(entry.id) ?? 0;
@@ -786,7 +795,6 @@ export function attachLeaks(
           destroyedAt: entry.destroyedAt,
           navigations: navigations - entry.navigation,
           ...(entry.detached ? { detached: true } : {}),
-          ...(devHeld.has(entry.id) ? { devHeld: true } : {}),
           ...(subs ? { subscriptions: subs } : {}),
         };
       });
@@ -797,7 +805,7 @@ export function attachLeaks(
       title: redactMessage(read(() => (hasDocument ? document.title : ''), '')),
       at,
       support: {
-        retention: retention(),
+        retention: kept,
         effects: effectsSupported,
         subscriptions: tracking,
         ...(tracking === 'on' && instancesKnown ? { instances: true } : {}),
diff --git a/packages/devtools/src/rpc/leaks-register.ts b/packages/devtools/src/rpc/leaks-register.ts
index a3a35f7e..5e2594c5 100644
--- a/packages/devtools/src/rpc/leaks-register.ts
+++ b/packages/devtools/src/rpc/leaks-register.ts
@@ -124,7 +124,7 @@ export async function registerLeaks(host: LeaksHost): Promise<LeaksRegistration>
   host.agent.registerTool({
     id: 'pangular:find-leaks',
     description:
-      "Leak hints for the running page, in three parts. **Still retained**: component instances that left the page (destroyed) but are still in memory after at least 2 navigations and 10 seconds, with class, instance id, the route when destroyed, age and navigations since; the overlay holds them only through WeakRef and drops them once a FinalizationRegistry sees them collected. Garbage collection timing is up to the browser, so this is a hint to check retainers in the Chrome Memory panel, not proof of a leak. In a development build Angular's DI debug data keeps the last instance of each class alive, so the latest destroyed instance of a class with none left on the page is named apart and not counted; a second one that stays is. Detached views (kept on purpose, such as by a RouteReuseStrategy) are listed apart. **Open subscriptions after destroy**: RxJS subscriptions a component made that are still open after it went away, grouped by class, instance and call site, only while subscription tracking is on (pangular:track-subscriptions). **Live effects and subscriptions** per component, from the signal graph Angular keeps (20.1+). Names and routes are masked like other live values. Empty when no page is connected.",
+      "Leak hints for the running page, in three parts. **Still retained**: component instances that left the page (destroyed) but are still in memory after at least 2 navigations and 10 seconds, with class, instance id, the route when destroyed, age and navigations since; the overlay holds them only through WeakRef and drops them once a FinalizationRegistry sees them collected. Garbage collection timing is up to the browser, so this is a hint to check retainers in the Chrome Memory panel, not proof of a leak. When the page's Angular keeps DI debug data (a development build of 16.2 or later, which has `ng.ɵgetInjectorProviders`), that data holds every destroyed component, so no instance is listed and the answer says retention is unavailable there and points to the Chrome Memory panel; older Angular lists them as above. Detached views (kept on purpose, such as by a RouteReuseStrategy) are listed apart. **Open subscriptions after destroy**: RxJS subscriptions a component made that are still open after it went away, grouped by class, instance and call site, only while subscription tracking is on (pangular:track-subscriptions). **Live effects and subscriptions** per component, from the signal graph Angular keeps (20.1+). Names and routes are masked like other live values. Empty when no page is connected.",
     inputSchema: {
       type: 'object',
       properties: {
diff --git a/packages/devtools/src/rpc/leaks-tools.ts b/packages/devtools/src/rpc/leaks-tools.ts
index d1640aa5..95ff1381 100644
--- a/packages/devtools/src/rpc/leaks-tools.ts
+++ b/packages/devtools/src/rpc/leaks-tools.ts
@@ -21,6 +21,16 @@ const MAX_ID = 40;
 /** Whether subscription tracking runs on the page. */
 export type SubscriptionTracking = 'off' | 'on' | 'unavailable';
 
+/**
+ * Whether retained instances can be listed. `true`: `WeakRef`,
+ * `FinalizationRegistry` and `ng.getComponent` are there. `false`: one is
+ * missing. `'dev-di-debug'`: the page's Angular (16.2+ development build, seen
+ * by `ng.ɵgetInjectorProviders`) keeps DI debug data that holds every
+ * destroyed component, so a retained instance says nothing; only detached
+ * views are listed.
+ */
+export type LeakRetention = boolean | 'dev-di-debug';
+
 /** One component on the page with its live effects and tracked open subscriptions. */
 export interface LeakComponent {
   /** The host element id, the same one the Components tab and `inspect-component` use. */
@@ -52,13 +62,6 @@ export interface LeakDestroyed {
    * as a `RouteReuseStrategy` or a portal does on purpose.
    */
   detached?: boolean;
-  /**
-   * The latest destroyed instance of a class with none left on the page, in a
-   * development build: Angular's DI debug data keeps the last instance of each
-   * class alive, so this one alone is no sign of a leak. Never set on a
-   * detached view or in a production build.
-   */
-  devHeld?: boolean;
   /** Subscriptions it made that are still open. */
   subscriptions?: number;
 }
@@ -90,8 +93,7 @@ export interface LeaksReport {
   /** The page clock when the report was made, to turn its times into ages. */
   at: number;
   support: {
-    /** `WeakRef`, `FinalizationRegistry` and `ng.getComponent` are there. */
-    retention: boolean;
+    retention: LeakRetention;
     /** `ng.ɵgetSignalGraph` is there, so effects can be counted. */
     effects: boolean;
     subscriptions: SubscriptionTracking;
@@ -107,7 +109,7 @@ export interface LeaksReport {
     effects: number;
     /** Open subscriptions tied to a component, tracked while tracking was on. */
     subscriptions: number;
-    /** Destroyed instances the page still tracks (not collected yet). */
+    /** Destroyed instances the page still tracks (not collected yet), listed or not. */
     destroyed: number;
     /** Destroyed instances the garbage collector freed since the overlay started. */
     collected: number;
@@ -157,6 +159,9 @@ function toComponent(value: unknown): LeakComponent | null {
   };
 }
 
+const toRetention = (value: unknown): LeakRetention =>
+  value === true ? true : value === 'dev-di-debug' ? 'dev-di-debug' : false;
+
 function toDestroyed(value: unknown): LeakDestroyed | null {
   if (!isRecord(value) || typeof value['id'] !== 'string') return null;
   const subscriptions = count(value['subscriptions']);
@@ -167,7 +172,6 @@ function toDestroyed(value: unknown): LeakDestroyed | null {
     destroyedAt: num(value['destroyedAt']),
     navigations: count(value['navigations']),
     ...(value['detached'] === true ? { detached: true } : {}),
-    ...(value['devHeld'] === true && value['detached'] !== true ? { devHeld: true } : {}),
     ...(subscriptions ? { subscriptions } : {}),
   };
 }
@@ -198,13 +202,15 @@ export function toLeaksReport(message: unknown): LeaksReport | null {
   const support = isRecord(message['support']) ? message['support'] : {};
   const totals = isRecord(message['totals']) ? message['totals'] : {};
   const tracking = support['subscriptions'];
+  const retention = toRetention(support['retention']);
+  const destroyed = list(message['destroyed'], toDestroyed, MAX_LEAK_DESTROYED);
   return {
     pageId: message['pageId'],
     url: typeof message['url'] === 'string' ? redactUrl(message['url']) : '',
     title: typeof message['title'] === 'string' ? redactMessage(message['title']) : '',
     at: num(message['at'], Date.now()),
     support: {
-      retention: support['retention'] === true,
+      retention,
       effects: support['effects'] === true,
       subscriptions: tracking === 'on' || tracking === 'unavailable' ? tracking : 'off',
       ...(support['instances'] === true ? { instances: true } : {}),
@@ -220,7 +226,8 @@ export function toLeaksReport(message: unknown): LeaksReport | null {
       dropped: count(totals['dropped']),
     },
     components: list(message['components'], toComponent, MAX_LEAK_COMPONENTS),
-    destroyed: list(message['destroyed'], toDestroyed, MAX_LEAK_DESTROYED),
+    // Instances Angular's DI debug data keeps prove nothing; detached views still do.
+    destroyed: retention === 'dev-di-debug' ? destroyed.filter((item) => item.detached) : destroyed,
     subscriptions: list(message['subscriptions'], toSubscription, MAX_LEAK_SUBSCRIPTIONS),
   };
 }
@@ -245,7 +252,6 @@ export function destroyedAge(page: LeaksPageView, item: LeakDestroyed, now = Dat
 export function isRetained(page: LeaksPageView, item: LeakDestroyed, now = Date.now()): boolean {
   return (
     !item.detached &&
-    !item.devHeld &&
     item.navigations >= RETAINED_AFTER_NAVIGATIONS &&
     destroyedAge(page, item, now) >= RETAINED_AFTER_MS
   );
@@ -270,6 +276,10 @@ export function leakTrackingRequest(
 const NO_PAGE =
   'No page reports leak data. 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.';
 
+/** Why `find-leaks` lists no retained instance on a page whose Angular keeps them all. */
+const DEV_DI_DEBUG =
+  "Not available on this page. In a development build Angular's DI debug data (the injector profiler records behind `ng.ɵgetInjectorProviders`, Angular 16.2 and later) keeps every destroyed component in memory, and its children through its view, so Pangular can't tell a leak from that. Check retainers in the Chrome DevTools Memory panel: take a heap snapshot after a few navigations, search for the class, and look for a retainer other than Angular's DI debug records. Open subscriptions after destroy, detached views and live effects are still reported below.";
+
 const cell = (value: string) => value.replace(/\|/g, '\\|').replace(/\s+/g, ' ');
 
 function duration(ms: number): string {
@@ -314,50 +324,40 @@ export function findLeaksText(
       `Page ${code(page.pageId)}; ${pages.length} pages report leak data, pass \`page\` to pick another.`,
     );
   }
-  if (!page.support.retention) {
-    out.push(
-      'This page cannot track destroyed components: it needs `WeakRef`, `FinalizationRegistry` and the Angular debug API (a development build).',
-    );
-  }
-
   const destroyed = page.destroyed.filter((item) => match(item.name));
-  const retained = destroyed.filter((item) => isRetained(page, item, now));
-  const recent = destroyed.filter(
-    (item) => !item.detached && !item.devHeld && !isRetained(page, item, now),
-  );
-  const devHeld = destroyed.filter((item) => item.devHeld);
   const detached = destroyed.filter((item) => item.detached);
-  out.push(
-    `## Still retained\n\n${page.navigations} navigations on this page so far. ${page.totals.collected} destroyed instances were garbage collected since the overlay started. Garbage collection runs when the browser decides, so an instance listed here is not proof of a leak: it is still in memory after at least ${RETAINED_AFTER_NAVIGATIONS} navigations and ${RETAINED_AFTER_MS / 1000} seconds. Take a heap snapshot in the Chrome DevTools Memory panel, search for the class, and read its retainers to see what holds it.`,
-  );
-  if (retained.length) {
-    const rows = retained.slice(0, limit).map((item) => {
-      const subs = item.subscriptions ? String(item.subscriptions) : '';
-      return `| ${code(item.name)} | ${code(item.id)} | ${code(item.route || '/')} | ${duration(destroyedAge(page, item, now))} | ${item.navigations} | ${subs} |`;
-    });
-    out.push(
-      `| Class | Instance | Route when destroyed | Age | Navigations since | Open subscriptions |\n| --- | --- | --- | --- | --- | --- |\n${rows.join('\n')}${retained.length > limit ? `\n\n${retained.length - limit} more; raise \`limit\`.` : ''}`,
-    );
+  if (page.support.retention === 'dev-di-debug') {
+    out.push(`## Still retained\n\n${DEV_DI_DEBUG}`);
   } else {
-    out.push('No destroyed component is still retained after enough navigations.');
-  }
-  if (recent.length) {
+    if (!page.support.retention) {
+      out.push(
+        'This page cannot track destroyed components: it needs `WeakRef`, `FinalizationRegistry` and the Angular debug API (a development build).',
+      );
+    }
+    const retained = destroyed.filter((item) => isRetained(page, item, now));
+    const recent = destroyed.filter((item) => !item.detached && !isRetained(page, item, now));
     out.push(
-      `${plural(recent.length, 'instance was', 'instances were')} destroyed recently and not collected yet: ${recent
-        .slice(0, 10)
-        .map((item) => code(item.name))
-        .join(', ')}. Navigate a few times and ask again.`,
-    );
-  }
-  if (devHeld.length) {
-    out.push(
-      `Not counted as retained: the last destroyed instance of ${plural(devHeld.length, 'class', 'classes')} with none left on the page, ${devHeld
-        .slice(0, 10)
-        .map((item) => code(item.name))
-        .join(
-          ', ',
-        )}. In a development build Angular's DI debug data (the records behind \`ng.ɵgetInjectorProviders\`) keeps the last instance of each class alive, so one instance proves nothing. A second destroyed instance of the same class that stays is listed above.`,
+      `## Still retained\n\n${page.navigations} navigations on this page so far. ${page.totals.collected} destroyed instances were garbage collected since the overlay started. Garbage collection runs when the browser decides, so an instance listed here is not proof of a leak: it is still in memory after at least ${RETAINED_AFTER_NAVIGATIONS} navigations and ${RETAINED_AFTER_MS / 1000} seconds. Take a heap snapshot in the Chrome DevTools Memory panel, search for the class, and read its retainers to see what holds it.`,
     );
+    if (retained.length) {
+      const rows = retained.slice(0, limit).map((item) => {
+        const subs = item.subscriptions ? String(item.subscriptions) : '';
+        return `| ${code(item.name)} | ${code(item.id)} | ${code(item.route || '/')} | ${duration(destroyedAge(page, item, now))} | ${item.navigations} | ${subs} |`;
+      });
+      out.push(
+        `| Class | Instance | Route when destroyed | Age | Navigations since | Open subscriptions |\n| --- | --- | --- | --- | --- | --- |\n${rows.join('\n')}${retained.length > limit ? `\n\n${retained.length - limit} more; raise \`limit\`.` : ''}`,
+      );
+    } else {
+      out.push('No destroyed component is still retained after enough navigations.');
+    }
+    if (recent.length) {
+      out.push(
+        `${plural(recent.length, 'instance was', 'instances were')} destroyed recently and not collected yet: ${recent
+          .slice(0, 10)
+          .map((item) => code(item.name))
+          .join(', ')}. Navigate a few times and ask again.`,
+      );
+    }
   }
   if (detached.length) {
     out.push(
@@ -367,7 +367,7 @@ export function findLeaksText(
         .join(', ')}.`,
     );
   }
-  if (page.totals.dropped) {
+  if (page.totals.dropped && page.support.retention !== 'dev-di-debug') {
     out.push(
       `${page.totals.dropped} older destroyed instances are no longer tracked, to stay under the page's cap.`,
     );

From 5ccbcc68c7e2409c46dae4324e39ff44ee62fe91 Mon Sep 17 00:00:00 2001
From: erKam <erkamyaman35@gmail.com>
Date: Tue, 13 Oct 2026 04:56:13 +0000
Subject: [PATCH 6/9] build(extension): rebuild the panel bundle

The panel picked up the retention note and the toolbar clearance fix.
---
 ...=> browser-agent-rpc-BXhoSh1z-B7bSM4Qv.js} |  2 +-
 .../{index-CwGBIRVq.js => index-DnKC6eFk.js}  | 80 +++++++++----------
 extension/ui/index.html                       |  2 +-
 3 files changed, 42 insertions(+), 42 deletions(-)
 rename extension/ui/assets/{browser-agent-rpc-BXhoSh1z-DiWMXIU4.js => browser-agent-rpc-BXhoSh1z-B7bSM4Qv.js} (93%)
 rename extension/ui/assets/{index-CwGBIRVq.js => index-DnKC6eFk.js} (86%)

diff --git a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DiWMXIU4.js b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-B7bSM4Qv.js
similarity index 93%
rename from extension/ui/assets/browser-agent-rpc-BXhoSh1z-DiWMXIU4.js
rename to extension/ui/assets/browser-agent-rpc-BXhoSh1z-B7bSM4Qv.js
index 7bf5c618..39a6da56 100644
--- a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DiWMXIU4.js
+++ b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-B7bSM4Qv.js
@@ -1 +1 @@
-import{t as e}from"./index-CwGBIRVq.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-DnKC6eFk.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-CwGBIRVq.js b/extension/ui/assets/index-DnKC6eFk.js
similarity index 86%
rename from extension/ui/assets/index-CwGBIRVq.js
rename to extension/ui/assets/index-DnKC6eFk.js
index 234fc64f..e1abe0e3 100644
--- a/extension/ui/assets/index-CwGBIRVq.js
+++ b/extension/ui/assets/index-DnKC6eFk.js
@@ -5,7 +5,7 @@
   `):``,this.name=`UnsubscriptionError`,this.errors=t}});function gr(e,t){if(e){var n=e.indexOf(t);0<=n&&e.splice(n,1)}}var _r=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=ur(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(pr(c))try{c()}catch(e){i=e instanceof hr?e.errors:[e]}var l=this._finalizers;if(l){this._finalizers=null;try{for(var u=ur(l),d=u.next();!d.done;d=u.next()){var f=d.value;try{br(f)}catch(e){i??=[],e instanceof hr?i=fr(fr([],dr(i)),dr(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 hr(i)}},e.prototype.add=function(t){if(t&&t!==this){if(this.closed)br(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)&&gr(t,e)},e.prototype.remove=function(t){var n=this._finalizers;n&&gr(n,t),t instanceof e&&t._removeParent(this)},e.EMPTY=(function(){var t=new e;return t.closed=!0,t})(),e}(),vr=_r.EMPTY;function yr(e){return e instanceof _r||e&&`closed`in e&&pr(e.remove)&&pr(e.add)&&pr(e.unsubscribe)}function br(e){pr(e)?e():e.unsubscribe()}var xr={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},Sr={setTimeout:function(e,t){var n=[...arguments].slice(2),r=Sr.delegate;return r?.setTimeout?r.setTimeout.apply(r,fr([e,t],dr(n))):setTimeout.apply(void 0,fr([e,t],dr(n)))},clearTimeout:function(e){return(Sr.delegate?.clearTimeout||clearTimeout)(e)},delegate:void 0};function Cr(e){Sr.setTimeout(function(){var t=xr.onUnhandledError;if(t)t(e);else throw e})}function wr(){}var Tr=(function(){return Or(`C`,void 0,void 0)})();function Er(e){return Or(`E`,void 0,e)}function Dr(e){return Or(`N`,e,void 0)}function Or(e,t,n){return{kind:e,value:t,error:n}}var kr=null;function Ar(e){if(xr.useDeprecatedSynchronousErrorHandling){var t=!kr;if(t&&(kr={errorThrown:!1,error:null}),e(),t){var n=kr,r=n.errorThrown,i=n.error;if(kr=null,r)throw i}}else e()}function jr(e){xr.useDeprecatedSynchronousErrorHandling&&kr&&(kr.errorThrown=!0,kr.error=e)}var Mr=function(e){lr(t,e);function t(t){var n=e.call(this)||this;return n.isStopped=!1,t?(n.destination=t,yr(t)&&t.add(n)):n.destination=Br,n}return t.create=function(e,t,n){return new Ir(e,t,n)},t.prototype.next=function(e){this.isStopped?zr(Dr(e),this):this._next(e)},t.prototype.error=function(e){this.isStopped?zr(Er(e),this):(this.isStopped=!0,this._error(e))},t.prototype.complete=function(){this.isStopped?zr(Tr,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}(_r),Nr=Function.prototype.bind;function Pr(e,t){return Nr.call(e,t)}var Fr=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){Lr(e)}},e.prototype.error=function(e){var t=this.partialObserver;if(t.error)try{t.error(e)}catch(e){Lr(e)}else Lr(e)},e.prototype.complete=function(){var e=this.partialObserver;if(e.complete)try{e.complete()}catch(e){Lr(e)}},e}(),Ir=function(e){lr(t,e);function t(t,n,r){var i=e.call(this)||this,a;if(pr(t)||!t)a={next:t??void 0,error:n??void 0,complete:r??void 0};else{var o;i&&xr.useDeprecatedNextContext?(o=Object.create(t),o.unsubscribe=function(){return i.unsubscribe()},a={next:t.next&&Pr(t.next,o),error:t.error&&Pr(t.error,o),complete:t.complete&&Pr(t.complete,o)}):a=t}return i.destination=new Fr(a),i}return t}(Mr);function Lr(e){xr.useDeprecatedSynchronousErrorHandling?jr(e):Cr(e)}function Rr(e){throw e}function zr(e,t){var n=xr.onStoppedNotification;n&&Sr.setTimeout(function(){return n(e,t)})}var Br={closed:!0,next:wr,error:Rr,complete:wr},Vr=(function(){return typeof Symbol==`function`&&Symbol.observable||`@@observable`})();function Hr(e){return e}function Ur(e){return e.length===0?Hr:e.length===1?e[0]:function(t){return e.reduce(function(e,t){return t(e)},t)}}var Wr=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=qr(e)?e:new Ir(e,t,n);return Ar(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=Gr(t),new t(function(t,r){var i=new Ir({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[Vr]=function(){return this},e.prototype.pipe=function(){return Ur([...arguments])(this)},e.prototype.toPromise=function(e){var t=this;return e=Gr(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 Gr(e){return e??xr.Promise??Promise}function Kr(e){return e&&pr(e.next)&&pr(e.error)&&pr(e.complete)}function qr(e){return e&&e instanceof Mr||Kr(e)&&yr(e)}function Jr(e){return pr(e?.lift)}function Yr(e){return function(t){if(Jr(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 Xr(e,t,n,r,i){return new Zr(e,t,n,r,i)}var Zr=function(e){lr(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}(Mr),Qr=mr(function(e){return function(){e(this),this.name=`ObjectUnsubscribedError`,this.message=`object unsubscribed`}}),$r=function(e){lr(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 ei(this,this);return t.operator=e,t},t.prototype._throwIfClosed=function(){if(this.closed)throw new Qr},t.prototype.next=function(e){var t=this;Ar(function(){var n,r;if(t._throwIfClosed(),!t.isStopped){t.currentObservers||=Array.from(t.observers);try{for(var i=ur(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;Ar(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;Ar(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?vr:(this.currentObservers=null,a.push(e),new _r(function(){t.currentObservers=null,gr(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 Wr;return e.source=this,e},t.create=function(e,t){return new ei(e,t)},t}(Wr),ei=function(e){lr(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)??vr},t}($r),ti=function(e){lr(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}($r);function ni(e,t){return Yr(function(n,r){var i=0;n.subscribe(Xr(r,function(n){r.next(e.call(t,n,i++))}))})}var ri=`https://angular.dev/best-practices/security#preventing-cross-site-scripting-xss`,ii=class extends Error{code;constructor(e,t){super(oi(e,t)),this.code=e}};function ai(e){return`NG0${Math.abs(e)}`}function oi(e,t){return`${ai(e)}${t?`: `+t:``}`}function si(e){for(let t in e)if(e[t]===si)return t;throw Error(``)}function ci(e){if(typeof e==`string`)return e;if(Array.isArray(e))return`[${e.map(ci).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 li(e,t){return e?t?`${e} ${t}`:e:t||``}var ui=si({__forward_ref__:si});function di(e){return e.__forward_ref__=di,e}function fi(e){return pi(e)?e():e}function pi(e){return typeof e==`function`&&Object.hasOwn(e,ui)&&e.__forward_ref__===di}function mi(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function hi(e){return gi(e,yi)}function gi(e,t){return Object.hasOwn(e,t)&&e[t]||null}function _i(e){return(e?.[yi]??null)||null}function vi(e){return e&&Object.hasOwn(e,bi)?e[bi]:null}var yi=si({ɵprov:si}),bi=si({ɵinj:si}),xi=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=mi({token:this,providedIn:t.providedIn||`root`,factory:t.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}};function Si(e){return e&&!!e.ɵproviders}var Ci=si({ɵcmp:si}),wi=si({ɵdir:si}),Ti=si({ɵpipe:si}),Ei=si({ɵfac:si}),Di=si({__NG_ELEMENT_ID__:si}),Oi=si({__NG_ENV_ID__:si});function ki(e){return Mi(e,`@Component`),e[Ci]||null}function Ai(e){return Mi(e,`@Directive`),e[wi]||null}function ji(e){return Mi(e,`@Pipe`),e[Ti]||null}function Mi(e,t){if(e==null)throw new ii(-919,!1)}function Ni(e){return typeof e==`string`?e:e==null?``:String(e)}var Pi=si({ngErrorCode:si}),Fi=si({ngErrorMessage:si}),Ii=si({ngTokenPath:si});function Li(e,t){return zi(``,-200,t)}function Ri(e,t){throw new ii(-201,!1)}function zi(e,t,n){let r=new ii(t,e);return r[Pi]=t,r[Fi]=e,n&&(r[Ii]=n),r}function Bi(e){return e[Pi]}var Vi;function Hi(){return Vi}function Ui(e){let t=Vi;return Vi=e,t}function Wi(e,t,n){let r=hi(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;Ri(e,``)}var Gi=globalThis,Ki={},qi=`__NG_DI_FLAG__`,Ji=class{injector;constructor(e){this.injector=e}retrieve(e,t){let n=Zi(t)||0;try{return this.injector.get(e,n&8?null:Ki,n)}catch(e){if(nr(e))return e;throw e}}};function Yi(e,t=0){let n=$n();if(n===void 0)throw new ii(-203,!1);if(n===null)return Wi(e,void 0,t);{let r=Qi(t),i=n.retrieve(e,r);if(nr(i)){if(r.optional)return null;throw i}return i}}function Xi(e,t=0){return(Hi()||Yi)(fi(e),t)}function C(e,t){return Xi(e,Zi(t))}function Zi(e){return e===void 0||typeof e==`number`?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function Qi(e){return{optional:!!(e&8),host:!!(e&1),self:!!(e&2),skipSelf:!!(e&4)}}function $i(e){let t=[];for(let n=0;n<e.length;n++){let r=fi(e[n]);if(Array.isArray(r)){if(r.length===0)throw new ii(900,!1);let e,n=0;for(let t=0;t<r.length;t++){let i=r[t],a=ea(i);typeof a==`number`?a===-1?e=i.token:n|=a:e=i}t.push(Xi(e,n))}else t.push(Xi(r))}return t}function ea(e){return e[qi]}function ta(e,t){return Object.hasOwn(e,Ei)?e[Ei]:null}function na(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 ra(e){return e.flat(1/0)}function ia(e,t){e.forEach(e=>Array.isArray(e)?ia(e,t):t(e))}function aa(e,t,n){t>=e.length?e.push(n):e.splice(t,0,n)}function oa(e,t){return t>=e.length-1?e.pop():e.splice(t,1)[0]}function sa(e,t){let n=[];for(let r=0;r<e;r++)n.push(t);return n}function ca(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 la(e,t,n){let r=da(e,t);return r>=0?e[r|1]=n:(r=~r,ca(e,r,t,n)),r}function ua(e,t){let n=da(e,t);if(n>=0)return e[n|1]}function da(e,t){return fa(e,t,1)}function fa(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 pa={},ma=[],ha=new xi(``),ga=new xi(``,-1),_a=new xi(``),va=class{get(e,t=Ki){if(t===Ki){let e=zi(``,-201);throw e.name=`ɵNotFound`,e}return t}};function ya(...e){return{ɵproviders:ba(!0,e),ɵfromNgModule:!0}}function ba(e,...t){let n=[],r=new Set,i,a=e=>{n.push(e)};return ia(t,e=>{let t=e;Sa(t,a,[],r)&&(i||=[],i.push(t))}),i!==void 0&&xa(i,a),n}function xa(e,t){for(let n=0;n<e.length;n++){let{ngModule:r,providers:i}=e[n];Ca(i,e=>{t(e,r)})}}function Sa(e,t,n,r){if(e=fi(e),!e)return!1;let i=null,a=vi(e),o=!a&&ki(e);if(!a&&!o){let t=e.ngModule;if(a=vi(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)Sa(i,t,n,r)}}else if(a){if(a.imports!=null&&!s){r.add(i);let e;try{ia(a.imports,i=>{Sa(i,t,n,r)&&(e||=[],e.push(i))})}finally{}e!==void 0&&xa(e,t)}if(!s){let e=ta(i)||(()=>new i);t({provide:i,useFactory:e,deps:ma},i),t({provide:_a,useValue:i,multi:!0},i),t({provide:ha,useValue:()=>Xi(i),multi:!0},i)}let o=a.providers;if(o!=null&&!s){let n=e;Ca(o,e=>{t(e,n)})}}else return!1;return i!==e&&e.providers!==void 0}function Ca(e,t){for(let n of e)Si(n)&&(n=n.ɵproviders),Array.isArray(n)?Ca(n,t):t(n)}var wa=si({provide:String,useValue:si});function Ta(e){return typeof e==`object`&&!!e&&wa in e}function Ea(e){return!!(e&&e.useExisting)}function Da(e){return!!(e&&e.useFactory)}function Oa(e){return typeof e==`function`}var ka=new xi(``),Aa={},ja={},Ma=void 0;function Na(){return Ma===void 0&&(Ma=new va),Ma}var Pa=class{},Fa=class extends Pa{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,Ga(e,e=>this.processProvider(e)),this.records.set(ga,Va(void 0,this)),r.has(`environment`)&&this.records.set(Pa,Va(void 0,this));let i=this.records.get(ka);i!=null&&typeof i.value==`string`&&this.scopes.add(i.value),this.injectorDefTypes=new Set(this.get(_a,ma,{self:!0}))}retrieve(e,t){let n=Zi(t)||0;try{return this.get(e,Ki,n)}catch(e){if(nr(e))return e;throw e}}destroy(){Ba(this),this._destroyed=!0;let e=pn(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(),pn(e)}}onDestroy(e){return Ba(this),this._onDestroyHooks.push(e),()=>this.removeOnDestroy(e)}runInContext(e){Ba(this);let t=er(this),n=Ui(void 0);try{return e()}finally{er(t),Ui(n)}}get(e,t=Ki,n){if(Ba(this),Object.hasOwn(e,Oi))return e[Oi](this);let r=Zi(n),i=er(this),a=Ui(void 0);try{if(!(r&4)){let t=this.records.get(e);if(t===void 0){let n=Wa(e)&&hi(e);t=n&&this.injectableDefInScope(n)?Va(Ia(e),Aa):null,this.records.set(e,t)}if(t!=null)return this.hydrate(e,t,r)}let n=r&2?Na():this.parent;return t=r&8&&t===Ki?null:t,n.get(e,t)}catch(e){let t=Bi(e);throw t===-200||t===-201?new ii(t,null):e}finally{Ui(a),er(i)}}resolveInjectorInitializers(){let e=pn(null),t=er(this),n=Ui(void 0);try{let e=this.get(ha,ma,{self:!0});for(let t of e)t()}finally{er(t),Ui(n),pn(e)}}toString(){return`R3Injector[...]`}processProvider(e){e=fi(e);let t=Oa(e)?e:fi(e&&e.provide),n=Ra(e);if(!Oa(e)&&e.multi===!0){let n=this.records.get(t);n||(n=Va(void 0,Aa,!0),n.factory=()=>$i(n.multi),this.records.set(t,n)),t=e,n.multi.push(e)}this.records.set(t,n)}hydrate(e,t,n){let r=pn(null);try{if(t.value===ja)throw Li(``);return t.value===Aa&&(t.value=ja,t.value=t.factory(void 0,n)),typeof t.value==`object`&&t.value&&Ua(t.value)&&this._ngOnDestroyHooks.add(t.value),t.value}finally{pn(r)}}injectableDefInScope(e){if(!e.providedIn)return!1;let t=fi(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 Ia(e){let t=hi(e),n=t===null?ta(e):t.factory;if(n!==null)return n;if(e instanceof xi)throw new ii(-204,!1);if(e instanceof Function)return La(e);throw new ii(-204,!1)}function La(e){if(e.length>0)throw new ii(-204,!1);let t=_i(e);return t===null?()=>new e:()=>t.factory(e)}function Ra(e){return Ta(e)?Va(void 0,e.useValue):Va(za(e),Aa)}function za(e,t,n){let r;if(Oa(e)){let t=fi(e);return ta(t)||Ia(t)}if(Ta(e))r=()=>fi(e.useValue);else if(Da(e))r=()=>e.useFactory(...$i(e.deps||[]));else if(Ea(e))r=(t,n)=>Xi(fi(e.useExisting),n!==void 0&&n&8?8:void 0);else{let t=fi(e&&(e.useClass||e.provide));if(Ha(e))r=()=>new t(...$i(e.deps));else return ta(t)||Ia(t)}return r}function Ba(e){if(e.destroyed)throw new ii(-205,!1)}function Va(e,t,n=!1){return{factory:e,value:t,multi:n?[]:void 0}}function Ha(e){return!!e.deps}function Ua(e){return typeof e==`object`&&!!e&&typeof e.ngOnDestroy==`function`}function Wa(e){return typeof e==`function`||typeof e==`object`&&e.ngMetadataName===`InjectionToken`}function Ga(e,t){for(let n of e)Array.isArray(n)?Ga(n,t):n&&Si(n)?Ga(n.ɵproviders,t):t(n)}function Ka(e,t){let n;e instanceof Fa?(Ba(e),n=e):n=new Ji(e);let r=er(n),i=Ui(void 0);try{return t()}finally{er(r),Ui(i)}}function qa(){return Hi()!==void 0||$n()!=null}var Ja=1;function Ya(e){return Array.isArray(e)&&typeof e[Ja]==`object`}function Xa(e){return Array.isArray(e)&&e[Ja]===!0}function Za(e){return!!(e.flags&4)}function Qa(e){return e.componentOffset>-1}function $a(e){return(e.flags&1)==1}function eo(e){return!!e.template}function to(e){return!!(e[2]&512)}function no(e){return(e[2]&256)==256}var ro=(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})(ro||{}),io=`math`;function ao(e){for(;Array.isArray(e);)e=e[0];return e}function oo(e,t){return ao(t[e])}function so(e,t){return ao(t[e.index])}function co(e,t){return e.data[t]}function lo(e,t){return e[t]}function uo(e,t,n,r){n>=e.data.length&&(e.data[n]=null,e.blueprint[n]=null),t[n]=r}function fo(e,t){let n=t[e];return Ya(n)?n:n[0]}function po(e){return(e[2]&128)==128}function mo(e){return Xa(e[3])}function ho(e,t){return t==null?null:e[t]}function go(e){e[17]=0}function _o(e){e[2]&1024||(e[2]|=1024,po(e)&&xo(e))}function vo(e,t){for(;e>0;)t=t[14],e--;return t}function yo(e){return!!(e[2]&9216||e[24]?.dirty)}function bo(e){e[10].changeDetectionScheduler?.notify(8),e[2]&64&&(e[2]|=1024),yo(e)&&xo(e)}function xo(e){e[10].changeDetectionScheduler?.notify(0);let t=wo(e);for(;t!==null&&!(t[2]&8192||(t[2]|=8192,!po(t)));)t=wo(t)}function So(e,t){if(no(e))throw new ii(911,!1);e[21]===null&&(e[21]=[]),e[21].push(t)}function Co(e,t){if(e[21]===null)return;let n=e[21].indexOf(t);n!==-1&&e[21].splice(n,1)}function wo(e){let t=e[3];return Xa(t)?t[3]:t}function To(e){return e[7]??=[]}function Eo(e){return e.cleanup??=[]}function Do(e,t,n,r){let i=To(t);i.push(n),e.firstCreatePass&&Eo(e).push(r,i.length-1)}var Oo={lFrame:ls(null),bindingsEnabled:!0,skipHydrationRootTNode:null},ko=!1;function Ao(){return Oo.lFrame.elementDepthCount}function jo(){Oo.lFrame.elementDepthCount++}function Mo(){Oo.lFrame.elementDepthCount--}function No(){return Oo.bindingsEnabled}function Po(){return Oo.skipHydrationRootTNode!==null}function Fo(e){return Oo.skipHydrationRootTNode===e}function Io(){Oo.skipHydrationRootTNode=null}function w(){return Oo.lFrame.lView}function Lo(){return Oo.lFrame.tView}function T(e){return Oo.lFrame.contextLView=e,e[8]}function E(e){return Oo.lFrame.contextLView=null,e}function Ro(){let e=zo();for(;e!==null&&e.type===64;)e=e.parent;return e}function zo(){return Oo.lFrame.currentTNode}function Bo(){let e=Oo.lFrame,t=e.currentTNode;return e.isParent?t:t.parent}function Vo(e,t){let n=Oo.lFrame;n.currentTNode=e,n.isParent=t}function Ho(){return Oo.lFrame.isParent}function Uo(){Oo.lFrame.isParent=!1}function Wo(){return Oo.lFrame.contextLView}function Go(){return ko}function Ko(e){let t=ko;return ko=e,t}function qo(){let e=Oo.lFrame,t=e.bindingRootIndex;return t===-1&&(t=e.bindingRootIndex=e.tView.bindingStartIndex),t}function Jo(){return Oo.lFrame.bindingIndex}function Yo(e){return Oo.lFrame.bindingIndex=e}function Xo(){return Oo.lFrame.bindingIndex++}function Zo(e){let t=Oo.lFrame,n=t.bindingIndex;return t.bindingIndex+=e,n}function Qo(){return Oo.lFrame.inI18n}function $o(e,t){let n=Oo.lFrame;n.bindingIndex=n.bindingRootIndex=e,ts(t)}function es(){return Oo.lFrame.currentDirectiveIndex}function ts(e){Oo.lFrame.currentDirectiveIndex=e}function ns(e){let t=Oo.lFrame.currentDirectiveIndex;return t===-1?null:e[t]}function rs(){return Oo.lFrame.currentQueryIndex}function is(e){Oo.lFrame.currentQueryIndex=e}function as(e){let t=e[1];return t.type===2?t.declTNode:t.type===1?e[5]:null}function os(e,t,n){if(n&4){let r=t,i=e;for(;r=r.parent,r===null&&!(n&1)&&(r=as(i),!(r===null||(i=i[14],r.type&10))););if(r===null)return!1;t=r,e=i}let r=Oo.lFrame=cs();return r.currentTNode=t,r.lView=e,!0}function ss(e){let t=cs(),n=e[1];Oo.lFrame=t,t.currentTNode=n.firstChild,t.lView=e,t.tView=n,t.contextLView=e,t.bindingIndex=n.bindingStartIndex,t.inI18n=!1}function cs(){let e=Oo.lFrame,t=e===null?null:e.child;return t===null?ls(e):t}function ls(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 us(){let e=Oo.lFrame;return Oo.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}var ds=us;function fs(){let e=us();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 ps(e){return(Oo.lFrame.contextLView=vo(e,Oo.lFrame.contextLView))[8]}function ms(){return Oo.lFrame.selectedIndex}function hs(e){Oo.lFrame.selectedIndex=e}function gs(){let e=Oo.lFrame;return co(e.tView,e.selectedIndex)}function D(){Oo.lFrame.currentNamespace=`svg`}function _s(){vs()}function vs(){Oo.lFrame.currentNamespace=null}function ys(){return Oo.lFrame.currentNamespace}var bs=!0;function xs(){return bs}function Ss(e){bs=e}function Cs(e,t=null,n=null,r){let i=ws(e,t,n,r);return i.resolveInjectorInitializers(),i}function ws(e,t=null,n=null,r,i=new Set){return new Fa([n||ma,ya(e)],t||Na(),null,i)}var Ts=class e{static THROW_IF_NOT_FOUND=Ki;static NULL=new va;static create(e,t){if(Array.isArray(e))return Cs({name:``},t,e,``);{let t=e.name??``;return Cs({name:t},e.parent,e.providers,t)}}static ɵprov=mi({token:e,providedIn:`any`,factory:()=>Xi(ga)});static __NG_ELEMENT_ID__=-1},Es=new xi(``),Ds=class{static __NG_ELEMENT_ID__=ks;static __NG_ENV_ID__=e=>e},Os=class extends Ds{_lView;constructor(e){super(),this._lView=e}get destroyed(){return no(this._lView)}onDestroy(e){let t=this._lView;return So(t,e),()=>Co(t,e)}};function ks(){return new Os(w())}var As=new xi(``),js=(()=>{class e{taskId=0;pendingTasks=new Set;destroyed=!1;pendingTask=new ti(!1);debugTaskTracker=C(As,{optional:!0});get hasPendingTasks(){return!this.destroyed&&this.pendingTask.value}get hasPendingTasksObservable(){return this.destroyed?new Wr(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=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Ms=class extends $r{__isAsync;destroyRef=void 0;pendingTasks=void 0;constructor(e=!1){super(),this.__isAsync=e,qa()&&(this.destroyRef=C(Ds,{optional:!0})??void 0,this.pendingTasks=C(js,{optional:!0})??void 0)}emit(e){let t=pn(null);try{super.next(e)}finally{pn(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 _r&&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 Ns(...e){}function Ps(e){let t,n;function r(){e=Ns;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 Fs(e){return queueMicrotask(()=>e()),()=>{e=Ns}}var Is=`isAngularZone`,Ls=`isAngularZone_ID`,Rs=0,zs=class e{hasPendingMacrotasks=!1;hasPendingMicrotasks=!1;isStable=!0;onUnstable=new Ms(!1);onMicrotaskEmpty=new Ms(!1);onStable=new Ms(!1);onError=new Ms(!1);constructor(e){let{enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:n=!1,shouldCoalesceRunChangeDetection:r=!1,scheduleInRootZone:i=!1}=e;if(typeof Zone>`u`)throw new ii(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,Us(a)}static isInAngularZone(){return typeof Zone<`u`&&Zone.current.get(Is)===!0}static assertInAngularZone(){if(!e.isInAngularZone())throw new ii(909,!1)}static assertNotInAngularZone(){if(e.isInAngularZone())throw new ii(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,Bs,Ns,Ns);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)}},Bs={};function Vs(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 Hs(e){if(e.isCheckStableRunning||e.callbackScheduled)return;e.callbackScheduled=!0;function t(){Ps(()=>{e.callbackScheduled=!1,Ws(e),e.isCheckStableRunning=!0,Vs(e),e.isCheckStableRunning=!1})}e.scheduleInRootZone?Zone.root.run(()=>{t()}):e._outer.run(()=>{t()}),Ws(e)}function Us(e){let t=()=>{Hs(e)},n=Rs++;e._inner=e._inner.fork({name:`angular`,properties:{[Is]:!0,[Ls]:n,[Ls+n]:!0},onInvokeTask:(n,r,i,a,o,s)=>{if(Js(s))return n.invokeTask(i,a,o,s);try{return Gs(e),n.invokeTask(i,a,o,s)}finally{(e.shouldCoalesceEventChangeDetection&&a.type===`eventTask`||e.shouldCoalesceRunChangeDetection)&&t(),Ks(e)}},onInvoke:(n,r,i,a,o,s,c)=>{try{return Gs(e),n.invoke(i,a,o,s,c)}finally{e.shouldCoalesceRunChangeDetection&&!e.callbackScheduled&&!Ys(s)&&t(),Ks(e)}},onHasTask:(t,n,r,i)=>{t.hasTask(r,i),n===r&&(i.change==`microTask`?(e._hasPendingMicrotasks=i.microTask,Ws(e),Vs(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 Ws(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&e.callbackScheduled===!0)}function Gs(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function Ks(e){e._nesting--,Vs(e)}var qs=class{hasPendingMicrotasks=!1;hasPendingMacrotasks=!1;isStable=!0;onUnstable=new Ms;onMicrotaskEmpty=new Ms;onStable=new Ms;onError=new Ms;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 Js(e){return Xs(e,`__ignore_ng_zone__`)}function Ys(e){return Xs(e,`__scheduler_tick__`)}function Xs(e,t){return!Array.isArray(e)||e.length!==1?!1:e[0]?.data?.[t]===!0}var Zs=class{_console=console;handleError(e){this._console.error(`ERROR`,e)}},Qs=new xi(``,{factory:()=>{let e=C(zs),t=C(Pa),n;return r=>{e.runOutsideAngular(()=>{t.destroyed&&!n?setTimeout(()=>{throw r}):(n??=t.get(Zs),n.handleError(r))})}}}),$s={provide:ha,useValue:()=>{C(Zs,{optional:!0})},multi:!0};function O(e,t){let[n,r,i]=Wn(e,t?.equal),a=n;return a[fn],a.set=r,a.update=i,a.asReadonly=ec.bind(a),a}function ec(){let e=this[fn];if(e.readonlyFn===void 0){let t=()=>this();t[fn]=e,e.readonlyFn=t}return e.readonlyFn}var tc=new xi(``,{factory:()=>nc}),nc=`ng`,rc=new xi(``),ic=new xi(``,{providedIn:`platform`,factory:()=>`unknown`}),ac=new xi(``,{factory:()=>C(Es).body?.querySelector(`[ngCspNonce]`)?.getAttribute(`ngCspNonce`)||null}),oc=(()=>{class e{view;node;constructor(e,t){this.view=e,this.node=t}static __NG_ELEMENT_ID__=sc}return e})();function sc(){return new oc(w(),Ro())}var cc=class{},lc=new xi(``,{factory:()=>!0}),uc=new xi(``),dc=(()=>{class e{static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new fc})}return e})(),fc=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}},pc=class{[fn];constructor(e){this[fn]=e}destroy(){this[fn].destroy()}};function mc(e,t){let n=t?.injector??C(Ts),r=t?.manualCleanup===!0?null:n.get(Ds),i,a=n.get(oc,null,{optional:!0}),o=n.get(cc);return a===null?i=yc(e,n.get(dc),o):(i=vc(a.view,o,e),r instanceof Os&&r._lView===a.view&&(r=null)),i.injector=n,r!==null&&(i.onDestroyFns=[r.onDestroy(()=>i.destroy())]),new pc(i)}var hc={...Xn,cleanupFns:void 0,zone:null,onDestroyFns:null,run(){let e=Ko(!1);try{Zn(this)}finally{Ko(e)}},cleanup(){if(!this.cleanupFns?.length)return;let e=pn(null);try{for(;this.cleanupFns.length;)this.cleanupFns.pop()()}finally{this.cleanupFns=[],pn(e)}}},gc={...hc,consumerMarkedDirty(){this.scheduler.schedule(this),this.notifier.notify(12)},destroy(){if(On(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.scheduler.remove(this)}},_c={...hc,consumerMarkedDirty(){this.view[2]|=8192,xo(this.view),this.notifier.notify(13)},destroy(){if(On(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.view[23]?.delete(this)}};function vc(e,t,n){let r=Object.create(_c);return r.view=e,r.zone=typeof Zone<`u`?Zone.current:null,r.notifier=t,r.fn=bc(r,n),e[23]??=new Set,e[23].add(r),r.consumerMarkedDirty(r),r}function yc(e,t,n){let r=Object.create(gc);return r.fn=bc(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 bc(e,t){return()=>{t(t=>(e.cleanupFns??=[]).push(t))}}function xc(e){return typeof e==`function`&&e[fn]!==void 0}function Sc(e){return xc(e)&&typeof e.set==`function`}var Cc=Symbol(`InputSignalNode#UNSET`),wc={...Jn,transformFn:void 0,applyValueToInputSignal(e,t){Kn(e,t)}};function Tc(e){return{toString:e}.toString()}var Ec=(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})(Ec||{}),Dc=class{previousValue;currentValue;firstChange;constructor(e,t,n){this.previousValue=e,this.currentValue=t,this.firstChange=n}isFirstChange(){return this.firstChange}};function Oc(e,t,n,r){t===null?e[n]=r:t.applyValueToInputSignal(t,r)}var kc=null,Ac=(()=>{kc=Mc;let e=()=>Mc;return e.ngInherit=!0,e})();function jc(){return kc}function Mc(e){return e.type.prototype.ngOnChanges&&(e.setInput=Pc),Nc}function Nc(){let e=Ic(this),t=e?.current;if(t){let n=e.previous;if(n===pa)e.previous=t;else for(let e in t)n[e]=t[e];e.current=null,this.ngOnChanges(t)}}function Pc(e,t,n,r,i){let a=this.declaredInputs[r],o=Ic(e)||Lc(e,{previous:pa,current:null}),s=o.current||={},c=o.previous,l=c[a];s[a]=new Dc(l&&l.currentValue,n,c===pa),Oc(e,t,i,n)}var Fc=`__ngSimpleChanges__`;function Ic(e){return Object.hasOwn(e,Fc)&&e[Fc]||null}function Lc(e,t){return e[Fc]=t}var Rc=[],zc=function(e,t=null,n){for(let r=0;r<Rc.length;r++){let i=Rc[r];i(e,t,n)}};function Bc(e,t,n){let{ngOnChanges:r,ngOnInit:i,ngDoCheck:a}=t.type.prototype;if(r){let r=jc()(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 Vc(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 Hc(e,t,n){Gc(e,t,3,n)}function Uc(e,t,n,r){(e[2]&3)===n&&Gc(e,t,n,r)}function Wc(e,t){let n=e[2];(n&3)===t&&(n&=16383,n+=1,e[2]=n)}function Gc(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)&&(qc(e,n,t,c),e[17]=(e[17]&4294901760)+c+2),c++}function Kc(e,t){zc(Ec.LifecycleHookStart,e,t);let n=pn(null);try{t.call(e)}finally{pn(n),zc(Ec.LifecycleHookEnd,e,t)}}function qc(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,Kc(o,a)):Kc(o,a)}var Jc=-1,Yc=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 Xc(e){return!!(e.flags&8)}function Zc(e){return!!(e.flags&16)}function Qc(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];el(a)?e.setProperty(t,a,o):e.setAttribute(t,a,o),r++}}return r}function $c(e){return e===3||e===4||e===6}function el(e){return e.charCodeAt(0)===64}function tl(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?nl(e,n,i,null,t[++r]):nl(e,n,i,null,null))}}}return e}function nl(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 rl(e){return e!==Jc}function il(e){return e&32767}function al(e){return e>>16}function ol(e,t){let n=al(e),r=t;for(;n>0;)r=r[14],n--;return r}var sl=!0;function cl(e){let t=sl;return sl=e,t}var ll=255,ul=5,dl=0,fl={};function pl(e,t,n){let r;typeof n==`string`?r=n.charCodeAt(0)||0:Object.hasOwn(n,Di)&&(r=n[Di]),r??=n[Di]=dl++;let i=r&ll,a=1<<i;t.data[e+(i>>ul)]|=a}function ml(e,t){let n=gl(e,t);if(n!==-1)return n;let r=t[1];r.firstCreatePass&&(e.injectorIndex=t.length,hl(r.data,e),hl(t,null),hl(r.blueprint,null));let i=_l(e,t),a=e.injectorIndex;if(rl(i)){let e=il(i),n=ol(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 hl(e,t){e.push(0,0,0,0,0,0,0,0,t)}function gl(e,t){return e.injectorIndex===-1||e.parent&&e.parent.injectorIndex===e.injectorIndex||t[e.injectorIndex+8]===null?-1:e.injectorIndex}function _l(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=Ml(i),r===null)return Jc;if(n++,i=i[14],r.injectorIndex!==-1)return r.injectorIndex|n<<16}return Jc}function vl(e,t,n){pl(e,t,n)}function yl(e,t,n){if(n&8||e!==void 0)return e;Ri(t,`NodeInjector`)}function bl(e,t,n,r){if(n&8&&r===void 0&&(r=null),!(n&3)){let i=e[9],a=Ui(void 0);try{return i?i.get(t,r,n&8):Wi(t,r,n&8)}finally{Ui(a)}}return yl(r,t,n)}function xl(e,t,n,r=0,i){if(e!==null){if(t[2]&2048&&!(r&2)){let i=jl(e,t,n,r,fl);if(i!==fl)return i}let i=Sl(e,t,n,r,fl);if(i!==fl)return i}return bl(t,n,r,i)}function Sl(e,t,n,r,i){let a=El(n);if(typeof a==`function`){if(!os(t,e,r))return r&1?yl(i,n,r):bl(t,n,r,i);try{let e;if(e=a(r),e==null&&!(r&8))Ri(n);else return e}finally{ds()}}else if(typeof a==`number`){let i=null,o=gl(e,t),s=Jc,c=r&1?t[15][5]:null;for((o===-1||r&4)&&(s=o===-1?_l(e,t):t[o+8],s===Jc||!Ol(r,!1)?o=-1:(i=t[1],o=il(s),t=ol(s,t)));o!==-1;){let e=t[1];if(Dl(a,o,e.data)){let e=Cl(o,t,n,i,r,c);if(e!==fl)return e}s=t[o+8],s!==Jc&&Ol(r,t[1].data[o+8]===c)&&Dl(a,o,t)?(i=e,o=il(s),t=ol(s,t)):o=-1}}return i}function Cl(e,t,n,r,i,a){let o=t[1],s=o.data[e+8],c=wl(s,o,n,r==null?Qa(s)&&sl:r!=o&&!!(s.type&3),i&1&&a===s);return c===null?fl:Tl(t,o,c,s,i)}function wl(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&&eo(e)&&e.type===n)return c}return null}function Tl(e,t,n,r,i){let a=e[n],o=t.data;if(a instanceof Yc){let s=a;if(s.resolving)throw Li(``);let c=cl(s.canSeeViewProviders);s.resolving=!0,o[n].type||o[n];let l=s.injectImpl?Ui(s.injectImpl):null;os(e,r,0);try{a=e[n]=s.factory(void 0,i,o,e,r),t.firstCreatePass&&n>=r.directiveStart&&Bc(n,o[n],t)}finally{l!==null&&Ui(l),cl(c),s.resolving=!1,ds()}}return a}function El(e){if(typeof e==`string`)return e.charCodeAt(0)||0;let t=Object.hasOwn(e,Di)?e[Di]:void 0;return typeof t==`number`?t>=0?t&ll:Al:t}function Dl(e,t,n){let r=1<<e;return!!(n[t+(e>>ul)]&r)}function Ol(e,t){return!(e&2)&&!(e&1&&t)}var kl=class{_tNode;_lView;constructor(e,t){this._tNode=e,this._lView=t}get(e,t,n){return xl(this._tNode,this._lView,e,Zi(n),t)}};function Al(){return new kl(Ro(),w())}function jl(e,t,n,r,i){let a=e,o=t;for(;a!==null&&o!==null&&o[2]&2048&&!to(o);){let e=Sl(a,o,n,r|2,fl);if(e!==fl)return e;r&=-5;let t=a.parent;if(!t){let e=o[20];if(e){let t=e.get(n,fl,r);if(t!==fl)return t}t=Ml(o),o=o[14]}a=t}return i}function Ml(e){let t=e[1],n=t.type;return n===2?t.declTNode:n===1?e[5]:null}function Nl(e){return{token:e.token,providedIn:e.autoProvided===!1?null:`root`,factory:e.factory,value:void 0}}function Pl(){return Fl(Ro(),w())}function Fl(e,t){return new Il(so(e,t))}var Il=(()=>{class e{nativeElement;constructor(e){this.nativeElement=e}static __NG_ELEMENT_ID__=Pl}return e})();function Ll(e){return e instanceof Il?e.nativeElement:e}function Rl(){return this._results[Symbol.iterator]()}var zl=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 $r}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=ra(e);(this._changesDetected=!na(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]=Rl};function Bl(e){return(e.flags&128)==128}var Vl=(function(e){return e[e.OnPush=0]=`OnPush`,e[e.Eager=1]=`Eager`,e[e.Default=1]=`Default`,e})(Vl||{}),Hl=new Map,Ul=0;function Wl(){return Ul++}function Gl(e){Hl.set(e[19],e)}function Kl(e){Hl.delete(e[19])}var ql=`__ngContext__`;function Jl(e,t){Ya(t)?(e[ql]=t[19],Gl(t)):e[ql]=t}function Yl(e){return Zl(e[12])}function Xl(e){return Zl(e[4])}function Zl(e){for(;e!==null&&!Xa(e);)e=e[4];return e}var Ql=void 0;function $l(e){Ql=e}function eu(){if(Ql!==void 0)return Ql;if(typeof document<`u`)return document;throw new ii(210,!1)}var tu=!1,nu=new xi(``,{factory:()=>tu}),ru=new WeakMap;function iu(e,t){if(typeof e!=`object`||!e)return;let n=ru.get(e);n||(n=new WeakSet,ru.set(e,n)),n.add(t)}function au(e){return(e.flags&32)==32}var ou=()=>null;function su(e,t,n=!1){return ou(e,t,n)}function cu(e,t){let n=e.contentQueries;if(n!==null){let r=pn(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];is(i),n.contentQueries(2,t[a],a)}}}finally{pn(r)}}}function lu(e,t,n){is(0);let r=pn(null);try{t(e,n)}finally{pn(r)}}function uu(e,t,n){if(Za(t)){let r=pn(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{pn(r)}}}var du=(function(e){return e[e.Emulated=0]=`Emulated`,e[e.None=2]=`None`,e[e.ShadowDom=3]=`ShadowDom`,e[e.ExperimentalIsolatedShadowDom=4]=`ExperimentalIsolatedShadowDom`,e})(du||{}),fu=class{changingThisBreaksApplicationSecurity;constructor(e){this.changingThisBreaksApplicationSecurity=e}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${ri})`}};function pu(e){return e instanceof fu?e.changingThisBreaksApplicationSecurity:e}function mu(e,t){let n=hu(e);if(n!=null&&n!==t){if(n===`ResourceURL`&&t===`URL`)return!0;throw Error(`Required a safe ${t}, got a ${n} (see ${ri})`)}return n===t}function hu(e){return e instanceof fu&&e.getTypeName()||null}var gu=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function _u(e){return e=String(e),e.match(gu)?e:`unsafe:`+e}var vu=/^>|^->|<!--|-->|--!>|<!-$/g,yu=/(<|>)/g,bu=`​$1​`;function xu(e){return e.replace(vu,e=>e.replace(yu,bu))}function Su(e,t){return e.createText(t)}function Cu(e,t,n){e.setValue(t,n)}function wu(e,t){return e.createComment(xu(t))}function Tu(e,t,n){return e.createElement(t,n)}function Eu(e,t,n,r,i){e.insertBefore(t,n,r,i)}function Du(e,t,n){e.appendChild(t,n)}function Ou(e,t,n,r,i){r===null?Du(e,t,n):Eu(e,t,n,r,i)}function ku(e,t,n,r){e.removeChild(null,t,n,r)}function Au(e,t,n){e.setAttribute(t,`style`,n)}function ju(e,t,n){n===``?e.removeAttribute(t,`class`):e.setAttribute(t,`class`,n)}function Mu(e,t,n){let{mergedAttrs:r,classes:i,styles:a}=n;r!==null&&Qc(e,t,r),i!==null&&ju(e,t,i),a!==null&&Au(e,t,a)}function Nu(e){let t=Pu();return t?t.sanitize(ro.URL,e)||``:mu(e,`URL`)?pu(e):_u(Ni(e))}function Pu(){let e=w();return e&&e[10].sanitizer}function Fu(e){return e.ownerDocument.defaultView}function Iu(e){return e.ownerDocument}function Lu(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 Ru=`ng-template`;function zu(e,t,n,r){let i=0;if(r){for(;i<t.length&&typeof t[i]==`string`;i+=2)if(t[i]===`class`&&Lu(t[i+1].toLowerCase(),n,0)!==-1)return!0}else if(Bu(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 Bu(e){return e.type===4&&e.value!==Ru}function Vu(e,t,n){return t===(e.type===4&&!n?Ru:e.value)}function Hu(e,t,n){let r=4,i=e.attrs,a=i===null?0:qu(i),o=!1;for(let s=0;s<t.length;s++){let c=t[s];if(typeof c==`number`){if(!o&&!Uu(r)&&!Uu(c))return!1;if(o&&Uu(c))continue;o=!1,r=c|r&1;continue}if(!o){if(r&4){if(r=2|r&1,c!==``&&!Vu(e,c,n)||c===``&&t.length===1){if(Uu(r))return!1;o=!0}}else if(r&8){if(i===null||!zu(e,i,c,n)){if(Uu(r))return!1;o=!0}}else{let l=t[++s],u=Wu(c,i,Bu(e),n);if(u===-1){if(Uu(r))return!1;o=!0;continue}if(l!==``){let e;if(e=u>a?``:i[u+1].toLowerCase(),r&2&&l!==e){if(Uu(r))return!1;o=!0}}}}}return Uu(r)||o}function Uu(e){return!(e&1)}function Wu(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 Ju(t,e)}function Gu(e,t,n=!1){for(let r=0;r<t.length;r++)if(Hu(e,t[r],n))return!0;return!1}function Ku(e){let t=e.attrs;if(t!=null){let e=t.indexOf(5);if(!(e&1))return t[e+1]}return null}function qu(e){for(let t=0;t<e.length;t++){let n=e[t];if($c(n))return t}return e.length}function Ju(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 Yu(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 Xu(e,t){return e?`:not(`+t.trim()+`)`:t}function Zu(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!==``&&!Uu(o)&&(t+=Xu(a,i),i=``),r=o,a||=!Uu(r);n++}return i!==``&&(t+=Xu(a,i)),t}function Qu(e){return e.map(Zu).join(`,`)}function $u(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(!Uu(i))break;i=a}r++}return n.length&&t.push(1,...n),t}var ed={},td=(function(e){return e[e.Important=1]=`Important`,e[e.DashCase=2]=`DashCase`,e})(td||{}),nd;function rd(e,t){return nd(e,t)}var id=new xi(``,{factory:()=>!1});function ad(e){if(!e)return 0;let t=e.toLowerCase().indexOf(`ms`)>-1?1:1e3;return parseFloat(e)*t}function od(e,t){return e.getPropertyValue(t).split(`,`).map(e=>e.trim())}function sd(e){let t=od(e,`transition-property`),n=od(e,`transition-duration`),r=od(e,`transition-delay`),i={propertyName:``,duration:0,animationName:void 0};for(let e=0;e<t.length;e++){let a=ad(r[e])+ad(n[e]);a>i.duration&&(i.propertyName=t[e],i.duration=a)}return i}function cd(e){let t=od(e,`animation-name`),n=od(e,`animation-delay`),r=od(e,`animation-duration`),i=od(e,`animation-iteration-count`),a={animationName:``,propertyName:void 0,duration:0};for(let e=0;e<t.length;e++){let o=ad(n[e])+ad(r[e]),s=i[e];o>a.duration&&s!==`infinite`&&(a.animationName=t[e],a.duration=o)}return a}function ld(e,t){return e!==void 0&&e.duration>t.duration}function ud(e){return(e.animationName!=null||e.propertyName!=null)&&e.duration>0}function dd(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 fd(e,t){let n=getComputedStyle(e),r=cd(n),i=sd(n),a=r.duration>i.duration?r:i;ld(t.get(e),a)||ud(a)&&t.set(e,a)}function pd(e,t,n){if(!n)return;let r=e.getAnimations();return r.length===0?fd(e,t):md(e,t,r)}function md(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=dd(e)??0,n,i;e.animationName?i=e.animationName:n=e.transitionProperty,t>=r.duration&&(r={animationName:i,propertyName:n,duration:t})}ld(t.get(e),r)||ud(r)&&t.set(e,r)}var hd=new Set,gd=!1,_d=1,vd=typeof document<`u`&&typeof document?.documentElement?.getAnimations==`function`;function yd(e){return e[9].get(id,gd)}function bd(e,t,n){let r=Sd.get(e);if(r){for(let e of t)r.classList.push(e);for(let e of n)r.cleanupFns.push(e)}else Sd.set(e,{classList:t,cleanupFns:n})}function xd(e){let t=Sd.get(e);if(t){for(let e of t.cleanupFns)e();Sd.delete(e)}Cd.delete(e)}var Sd=new WeakMap,Cd=new WeakMap,wd=new WeakMap;function Td(e){return e?e[14]??e:null}var Ed=new WeakSet;function Dd(e,t,n){let r=wd.get(e);if(!r||r.length===0)return;let i=t.parentNode,a=t.previousSibling,o=Td(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),Ed.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 Od(e,t,n){let r=Td(n),i=wd.get(e);i?i.some(e=>e.el===t)||i.push({el:t,declarationView:r}):wd.set(e,[{el:t,declarationView:r}])}function kd(e){let t=e[26]??={};return t.enter??=new Map}function Ad(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 jd(e){return e.composedPath?e.composedPath()[0]:e.target}function Md(e,t){let n=Cd.get(t);if(n===void 0)return!0;if(t!==jd(e))return!1;let r=e.animation;if(r){let e=dd(r);if(e!==void 0&&e+_d<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 Nd(e,t,n){let r=e.get(t.index)??{animateFns:[]};r.animateFns.push(n),e.set(t.index,r)}var Pd=(function(e){return e[e.CHANGE_DETECTION=0]=`CHANGE_DETECTION`,e[e.AFTER_NEXT_RENDER=1]=`AFTER_NEXT_RENDER`,e})(Pd||{}),Fd=new xi(``),Id=new Set;function Ld(e){Id.has(e)||(Id.add(e),performance?.mark?.(`mark_feature_usage`,{detail:{feature:e}}))}var Rd=(()=>{class e{impl=null;execute(){this.impl?.execute()}static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),zd=[0,1,2,3],Bd=(()=>{class e{ngZone=C(zs);scheduler=C(cc);errorHandler=C(Zs,{optional:!0});sequences=new Set;deferredRegistrations=new Set;executing=!1;constructor(){C(Fd,{optional:!0})}execute(){let e=this.sequences.size>0;e&&zc(Ec.AfterRenderHooksStart),this.executing=!0;for(let e of zd)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&&zc(Ec.AfterRenderHooksEnd)}register(e){let{view:t}=e;t===void 0?this.executing?this.deferredRegistrations.add(e):this.addSequence(e):((t[25]??=[]).push(e),xo(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(Pd.AFTER_NEXT_RENDER,e):e()}static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Vd=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 Hd(e,t){let n=t?.injector??C(Ts);return Ld(`NgAfterNextRender`),Wd(e,n,t,!0)}function Ud(e){return e instanceof Function?[void 0,void 0,e,void 0]:[e.earlyRead,e.write,e.mixedReadWrite,e.read]}function Wd(e,t,n,r){let i=t.get(Rd);i.impl??=t.get(Bd);let a=t.get(Fd,null,{optional:!0}),o=n?.manualCleanup===!0?null:t.get(Ds),s=t.get(oc,null,{optional:!0}),c=new Vd(i.impl,Ud(e),s?.view,r,o,a?.snapshot(null));return i.impl.register(c),c}var Gd=new xi(``,{factory:()=>{let e=C(Pa),t=new Set;return e.onDestroy(()=>t.clear()),{queue:t,isScheduled:!1,scheduler:null,injector:e}}});function Kd(e,t,n){let r=e.get(Gd);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 qd(e,t){let n=e.get(Gd);if(Array.isArray(t))for(let e of t)n.queue.delete(e);else n.queue.delete(t)}function Jd(e,t){let n=e.get(Gd);if(t.detachedLeaveAnimationFns){for(let e of t.detachedLeaveAnimationFns)n.queue.delete(e);t.detachedLeaveAnimationFns=void 0}}function Yd(e){let t=e.get(Gd);t.isScheduled||=(Hd(()=>{t.isScheduled=!1;for(let e of t.queue)e();t.queue.clear()},{injector:t.injector}),!0)}function Xd(e){let t=e.get(Gd);t.scheduler=Yd,t.scheduler(e)}function Zd(e,t){for(let[n,r]of t)Kd(e,r.animateFns)}function Qd(e,t,n,r){let i=e?.[26]?.enter;t!==null&&i&&i.has(n.index)&&Zd(r,i)}function $d(e,t,n,r){try{n.get(ga)}catch{return r(!1)}let i=e?.[26];i?.enter?.has(t.index)&&qd(n,i.enter.get(t.index).animateFns);let a=ef(e,t,i);if(a.size===0){let n=!1;if(e){let r=[];nf(e,t,r),n=r.length>0}if(!n)return r(!1)}e&&hd.add(e[19]),Kd(n,()=>tf(e,t,i||void 0,a,r),i||void 0)}function ef(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 tf(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&&nf(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),af(e,t.running,i)}else Promise.allSettled(a).then(()=>{e&&hd.delete(e[19]),i(!0)})}else e&&hd.delete(e[19]),i(!1)}function nf(e,t,n){if(t.type&12){let r=e[t.index];if(Xa(r))for(let e=10;e<r.length;e++){let t=r[e];t[1].type===2&&rf(t,n)}}let r=t.child;for(;r;)nf(e,r,n),r=r.next}function rf(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;)nf(e,r,t),r=r.next}function af(e,t,n){t.then(()=>{e[26]?.running===t&&(e[26].running=void 0,hd.delete(e[19])),n(!0)})}function of(e,t,n,r,i,a,o,s){if(i!=null){let c,l=!1;Xa(i)?c=i:Ya(i)&&(l=!0,i=i[0]);let u=ao(i);e===0&&r!==null?(Qd(s,r,a,n),o==null?Du(t,r,u):Eu(t,r,u,o||null,!0)):e===1&&r!==null?(Qd(s,r,a,n),Eu(t,r,u,o||null,!0),Dd(a,u,s)):e===2?(s?.[26]?.leave?.has(a.index)&&Od(a,u,s),Ed.delete(u),$d(s,a,n,e=>{if(Ed.has(u)){Ed.delete(u);return}ku(t,u,l,e)})):e===3&&(Ed.delete(u),$d(s,a,n,()=>{t.destroyNode(u)})),c!=null&&Af(t,e,n,c,a,r,o)}}function sf(e,t){lf(e,t),t[0]=null,t[5]=null}function cf(e,t,n,r,i,a){r[0]=i,r[5]=t,Ef(e,r,n,1,i,a)}function lf(e,t){t[10].changeDetectionScheduler?.notify(9),Ef(e,t,t[11],2,null,null)}function uf(e){let t=e[12];if(!t)return pf(e[1],e);for(;t;){let n=null;if(Ya(t))n=t[12];else{let e=t[10];e&&(n=e)}if(!n){for(;t&&!t[4]&&t!==e;)Ya(t)&&pf(t[1],t),t=t[3];t===null&&(t=e),Ya(t)&&pf(t[1],t),n=t&&t[4]}t=n}}function df(e,t){let n=e[9],r=n.indexOf(t);n.splice(r,1)}function ff(e,t){if(no(t))return;let n=t[11];n.destroyNode&&Ef(e,t,n,3,null,null),uf(t)}function pf(e,t){if(no(t))return;let n=pn(null);try{t[2]&=-129,t[2]|=256,t[24]&&On(t[24]),hf(e,t),mf(e,t),t[1].type===1&&t[11].destroy();let n=t[16];if(n!==null&&Xa(t[3])){n!==t[3]&&df(n,t);let r=t[18];r!==null&&r.detachView(e)}Kl(t)}finally{pn(n)}}function mf(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 hf(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 Yc)){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];zc(Ec.LifecycleHookStart,n,i);try{i.call(n)}finally{zc(Ec.LifecycleHookEnd,n,i)}}else{zc(Ec.LifecycleHookStart,r,t);try{t.call(r)}finally{zc(Ec.LifecycleHookEnd,r,t)}}}}}function gf(e,t,n){if(t===null)throw new ii(510,!1);return _f(e,t.parent,n)}function _f(e,t,n){let r=t;for(;r!==null&&r.type&168;)t=r,r=t.parent;if(r===null)return n[0];if(Qa(r)){let{encapsulation:t}=e.data[r.directiveStart+r.componentOffset];if(t===du.None||t===du.Emulated)return null}return so(r,n)}function vf(e,t,n){return bf(e,t,n)}function yf(e,t,n){return e.type&40?so(e,n):null}var bf=yf;function xf(e,t,n,r){let i=gf(e,r,t),a=t[11],o=vf(r.parent||t[5],r,t);if(i!=null){if(Array.isArray(n))for(let e=0;e<n.length;e++)Ou(a,i,n[e],o,!1);else Ou(a,i,n,o,!1)}}function Sf(e,t){if(t!==null){let n=t.type;if(n&3)return so(t,e);if(n&4)return wf(-1,e[t.index]);if(n&8){let n=t.child;if(n!==null)return Sf(e,n);{let n=e[t.index];return Xa(n)?wf(-1,n):ao(n)}}if(n&128)return Sf(e,t.next);if(n&32)return rd(t,e)()||ao(e[t.index]);{let n=Cf(e,t);return n===null?Sf(e,t.next):Array.isArray(n)?n[0]:Sf(wo(e[15]),n)}}return null}function Cf(e,t){if(t!==null){let n=e[15][5],r=t.projection;return n.projection[r]}return null}function wf(e,t){let n=10+e+1;if(n<t.length){let e=t[n],r=e[1].firstChild;if(r!==null)return Sf(e,r)}return t[7]}function Tf(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&&Jl(ao(c),r),n.flags|=2),!au(n)){if(l&8)Tf(e,t,n.child,r,i,a,!1),of(t,e,s,i,c,n,a,r);else if(l&32){let o=rd(n,r),l;for(;l=o();)of(t,e,s,i,l,n,a,r);of(t,e,s,i,c,n,a,r)}else l&16?kf(e,t,r,n,i,a):of(t,e,s,i,c,n,a,r)}n=o?n.projectionNext:n.next}}function Ef(e,t,n,r,i,a){e.type===3?Df(n,r,t,i,a):Tf(n,r,e.firstChild,t,i,a,!1)}function Df(e,t,n,r,i){let a=n[1].firstChild,o=a.next,s=ao(n[a.index]),c=ao(n[o.index]),l=o.index+1,u=n[l];if(t===1||t===0)r!==null&&(u&&u.hasChildNodes()?Eu(e,r,u,i,!0):(Eu(e,r,s,i,!0),Eu(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 Of(e,t,n){let r=t[11];kf(r,0,t,n,gf(e,n,t),vf(n.parent||t[5],n,t))}function kf(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];of(t,e,n[9],i,c,r,a,n)}else{let n=s,c=o[3];Bl(r)&&(n.flags|=128),Tf(e,t,n,c,i,a,!0)}}function Af(e,t,n,r,i,a,o){let s=r[7];if(s!==ao(r)&&of(t,e,n,a,s,i,o),!(r[2]&4))for(let n=10;n<r.length;n++){let i=r[n];Ef(i[1],i,e,t,a,s)}}function jf(e,t,n,r,i){if(t)i?e.addClass(n,r):e.removeClass(n,r);else{let t=r.indexOf(`-`)===-1?void 0:td.DashCase;i==null?e.removeStyle(n,r,t):(typeof i==`string`&&i.endsWith(`!important`)&&(i=i.slice(0,-10),t|=td.Important),e.setStyle(n,r,i,t))}}function Mf(e,t,n,r,i,a,o,s,c,l,u){let d=27+r,f=d+i,p=Nf(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 Nf(e,t){let n=[];for(let r=0;r<t;r++)n.push(r<e?null:ed);return n}function Pf(e){let t=e.tView;return t===null||t.incompleteFirstPass?e.tView=Mf(1,null,e.template,e.decls,e.vars,e.directiveDefs,e.pipeDefs,e.viewQuery,e.schemas,e.consts,e.id):t}function Ff(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),go(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]=Wl(),d[6]=u,d[20]=l,d[15]=t.type==2?e[15]:d,d}function If(e,t,n){let r=so(t,e),i=Pf(n),a=e[10].rendererFactory,o=zf(e,Ff(e,i,null,Lf(n),r,t,null,a.createRenderer(r,n),null,null,null));return e[t.index]=o}function Lf(e){let t=16;return e.signals?t=4096:e.onPush&&(t=64),t}function Rf(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 zf(e,t){return e[12]?e[13][4]=t:e[12]=t,e[13]=t,t}function k(e=1){Bf(Lo(),w(),ms()+e,!1)}function Bf(e,t,n,r){if(!r){if((t[2]&3)==3){let r=e.preOrderCheckHooks;r!==null&&Hc(t,r,n)}else{let r=e.preOrderHooks;r!==null&&Uc(t,r,0,n)}}hs(n)}var Vf=(function(e){return e[e.None=0]=`None`,e[e.SignalBased=1]=`SignalBased`,e[e.HasDecoratorInputTransform=2]=`HasDecoratorInputTransform`,e})(Vf||{});function Hf(e,t,n,r){let i=pn(null);try{let[i,a,o]=e.inputs[n],s=null;(a&Vf.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?Oc(t,s,i,r):e.setInput(t,s,r,n,i)}finally{pn(i)}}function Uf(e,t,n,r,i){let a=ms(),o=r&2;try{hs(-1),o&&t.length>27&&Bf(e,t,27,!1),zc(o?Ec.TemplateUpdateStart:Ec.TemplateCreateStart,i,n),n(r,i)}finally{hs(a),zc(o?Ec.TemplateUpdateEnd:Ec.TemplateCreateEnd,i,n)}}function Wf(e,t,n){Zf(e,t,n),(n.flags&64)==64&&Qf(e,t,n)}function Gf(e,t,n=so){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 Kf(e,t,n,r){let i=r.get(nu,tu)||n===du.ShadowDom||n===du.ExperimentalIsolatedShadowDom;return e.selectRootElement(t,i)}function qf(e){return e===`class`?`className`:e===`for`?`htmlFor`:e===`formaction`?`formAction`:e===`innerHtml`?`innerHTML`:e===`readonly`?`readOnly`:e===`tabindex`?`tabIndex`:e}function Jf(e,t,n,r,i,a){let o=t[1];if(sp(e,o,t,n,r)){Qa(e)&&Xf(t,e.index);return}e.type&3&&(n=qf(n)),Yf(e,t,n,r,i,a)}function Yf(e,t,n,r,i,a){if(e.type&3){let o=so(e,t);r=a==null?r:a(r,e.value||``,n),i.setProperty(o,n,r)}else e.type&12}function Xf(e,t){let n=fo(t,e);n[2]&16||(n[2]|=64)}function Zf(e,t,n){let r=n.directiveStart,i=n.directiveEnd;Qa(n)&&If(t,n,e.data[r+n.componentOffset]),e.firstCreatePass||ml(n,t);let a=n.initialInputs;for(let o=r;o<i;o++){let i=e.data[o],s=Tl(t,e,o,n);if(Jl(s,t),a!==null&&rp(t,o-r,s,i,n,a),eo(i)){let r=fo(n.index,t);r[8]=Tl(t,e,o,n)}}}function Qf(e,t,n){let r=n.directiveStart,i=n.directiveEnd,a=n.index,o=es();try{hs(a);for(let n=r;n<i;n++){let r=e.data[n],i=t[n];ts(n),(r.hostBindings!==null||r.hostVars!==0||r.hostAttrs!==null)&&$f(r,i)}}finally{hs(-1),ts(o)}}function $f(e,t){e.hostBindings!==null&&e.hostBindings(1,t)}function ep(e,t){let n=e.directiveRegistry,r=null;if(n)for(let e=0;e<n.length;e++){let i=n[e];Gu(t,i.selectors,!1)&&(r??=[],eo(i)?r.unshift(i):r.push(i))}return r}function tp(e,t,n,r,i,a){let o=so(e,t);np(t[11],o,a,e.value,n,r,i)}function np(e,t,n,r,i,a,o){if(a==null)o?.(a,r||``,i),e.removeAttribute(t,i,n);else{let s=o==null?Ni(a):o(a,r||``,i);e.setAttribute(t,i,s,n)}}function rp(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];Hf(r,n,t,i)}}function ip(e,t,n,r,i){let a=27+n,o=t[1],s=i(o,t,e,r,n);t[a]=s,Vo(e,!0);let c=e.type===2;return c?(Mu(t[11],s,e),(Ao()===0||$a(e))&&Jl(s,t),jo()):Jl(s,t),xs()&&(!c||!au(e))&&xf(o,t,s,e),e}function ap(e){let t=e;return Ho()?Uo():(t=t.parent,Vo(t,!1)),t}function op(e,t){let n=e[9];if(!n)return;let r;try{r=n.get(Qs,null)}catch{r=null}r?.(t)}function sp(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];Hf(c,n[r],a,i),s=!0}if(a)for(let e of a){let a=n[e],o=t.data[e];Hf(o,a,r,i),s=!0}return s}function cp(e,t){let n=fo(t,e),r=n[1];lp(r,n);let i=n[0];i!==null&&n[6]===null&&(n[6]=su(i,n[9])),zc(Ec.ComponentStart);try{up(r,n,n[8])}finally{zc(Ec.ComponentEnd,n[8])}}function lp(e,t){for(let n=t.length;n<e.blueprint.length;n++)t.push(e.blueprint[n])}function up(e,t,n){ss(t);try{let r=e.viewQuery;r!==null&&lu(1,r,n);let i=e.template;i!==null&&Uf(e,t,i,1,n),e.firstCreatePass&&=!1,t[18]?.finishViewCreation(e),e.staticContentQueries&&cu(e,t),e.staticViewQueries&&lu(2,e.viewQuery,n);let a=e.components;a!==null&&dp(t,a)}catch(t){throw e.firstCreatePass&&=(e.incompleteFirstPass=!0,!1),t}finally{t[2]&=-5,fs()}}function dp(e,t){for(let n=0;n<t.length;n++)cp(e,t[n])}function fp(e,t,n,r){let i=pn(null);try{let i=t.tView,a=Ff(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)),up(i,a,n),a}finally{pn(i)}}function pp(e,t){return!t||t.firstChild===null||Bl(e)}function mp(e,t,n,r,i=!1){if(e.type===3){let n=e.firstChild,i=n.next,a=ao(t[n.index]),o=ao(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(Xa(a)){let e=a[7];e!==a[0]&&r.push(ao(a)),a[2]&4||hp(a,r),r.push(e)}else r.push(ao(a))}let o=n.type;if(o&8)mp(e,t,n.child,r);else if(o&32){let e=rd(n,t),i;for(;i=e();)r.push(i)}else if(o&16){let e=Cf(t,n);if(Array.isArray(e))r.push(...e);else{let n=wo(t[15]);mp(n[1],n,e,r,!0)}}n=i?n.projectionNext:n.next}return r}function hp(e,t){for(let n=10;n<e.length;n++){let r=e[n],i=r[1].firstChild;i!==null&&mp(r[1],r,i,t)}}function gp(e){if(e[25]!==null){for(let t of e[25])t.impl.addSequence(t);e[25].length=0}}var _p=[];function vp(e){return e[24]??yp(e)}function yp(e){let t=_p.pop()??Object.create(xp);return t.lView=e,t}function bp(e){e.lView[24]!==e&&(e.lView=null,_p.push(e))}var xp={...hn,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{xo(e.lView)},consumerOnSignalRead(){this.lView[24]=this}};function Sp(e){let t=e[24]??Object.create(Cp);return t.lView=e,t}var Cp={...hn,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{let t=wo(e.lView);for(;t&&!wp(t[1]);)t=wo(t);t&&_o(t)},consumerOnSignalRead(){this.lView[24]=this}};function wp(e){return e.type!==2}function Tp(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 Ep=100;function Dp(e,t=0){let n=e[10].rendererFactory;n.begin?.();try{Op(e,t)}finally{n.end?.()}}function Op(e,t){let n=Go();try{Ko(!0),Pp(e,t);let n=0;for(;yo(e);){if(n===Ep)throw new ii(103,!1);n++,Pp(e,1)}}finally{Ko(n)}}function kp(e,t,n,r){if(no(t))return;let i=t[2];ss(t);let a=!0,o=null,s=null;wp(e)?(s=vp(t),o=Cn(s)):mn()===null?(a=!1,s=Sp(t),o=Cn(s)):t[24]&&=(On(t[24]),null);try{go(t),Yo(e.bindingStartIndex),n!==null&&Uf(e,t,n,2,r);let a=(i&3)==3;if(a){let n=e.preOrderCheckHooks;n!==null&&Hc(t,n,null)}else{let n=e.preOrderHooks;n!==null&&Uc(t,n,0,null),Wc(t,0)}if(jp(t),Tp(t),Ap(t,0),e.contentQueries!==null&&cu(e,t),a){let n=e.contentCheckHooks;n!==null&&Hc(t,n)}else{let n=e.contentHooks;n!==null&&Uc(t,n,1),Wc(t,1)}Ip(e,t);let o=e.components;o!==null&&Fp(t,o,0);let s=e.viewQuery;if(s!==null&&lu(2,s,r),a){let n=e.viewCheckHooks;n!==null&&Hc(t,n)}else{let n=e.viewHooks;n!==null&&Uc(t,n,2),Wc(t,2)}if(e.firstUpdatePass===!0&&(e.firstUpdatePass=!1),t[22]){for(let e of t[22])e();t[22]=null}gp(t),t[2]&=-73}catch(e){throw xo(t),e}finally{s!==null&&(Tn(s,o),a&&bp(s)),fs()}}function Ap(e,t){for(let n=Yl(e);n!==null;n=Xl(n))for(let e=10;e<n.length;e++){let r=n[e];Np(r,t)}}function jp(e){for(let t=Yl(e);t!==null;t=Xl(t)){if(!(t[2]&2))continue;let e=t[9];for(let t=0;t<e.length;t++){let n=e[t];_o(n)}}}function Mp(e,t,n){zc(Ec.ComponentStart);let r=fo(t,e);try{Np(r,n)}finally{zc(Ec.ComponentEnd,r[8])}}function Np(e,t){po(e)&&Pp(e,t)}function Pp(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&&Dn(i)),a||=!1,i&&(i.dirty=!1),e[2]&=-9217,a)kp(n,e,n.template,e[8]);else if(r&8192){let t=pn(null);try{Tp(e),Ap(e,1);let t=n.components;t!==null&&Fp(e,t,1),gp(e)}finally{pn(t)}}}function Fp(e,t,n){for(let r=0;r<t.length;r++)Mp(e,t[r],n)}function Ip(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)hs(~r);else{let i=r,a=n[++e],o=n[++e];$o(a,i);let s=t[i];zc(Ec.HostBindingsUpdateStart,s);try{o(2,s)}finally{zc(Ec.HostBindingsUpdateEnd,s)}}}}finally{hs(-1)}}function Lp(e,t){let n=Go()?64:1088;for(e[10].changeDetectionScheduler?.notify(t);e;){e[2]|=n;let t=wo(e);if(to(e)&&!t)return e;e=t}return null}function Rp(e,t,n,r){return[e,!0,0,t,null,r,null,n,null,null]}function zp(e,t){let n=10+t;if(n<e.length)return e[n]}function Bp(e,t,n,r=!0){let i=t[1];if(Up(i,t,e,n),r){let r=wf(n,e),a=t[11],o=a.parentNode(e[7]);o!==null&&cf(i,e[5],a,t,o,r)}let a=t[6];a!==null&&a.firstChild!==null&&(a.firstChild=null)}function Vp(e,t){let n=Hp(e,t);return n!==void 0&&ff(n[1],n),n}function Hp(e,t){if(e.length<=10)return;let n=10+t,r=e[n];if(r){let i=r[16];i!==null&&i!==e&&df(i,r),t>0&&(e[n-1][4]=r[4]);let a=oa(e,10+t);sf(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 Up(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],aa(n,10+r,t)):(n.push(t),t[4]=null),t[3]=n;let o=t[16];o!==null&&n!==o&&Wp(o,t);let s=t[18];s!==null&&s.insertView(e),bo(t),t[2]|=128}function Wp(e,t){let n=e[9],r=t[3];if(Ya(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 Gp=class{_lView;_cdRefInjectingView;_appRef=null;_attachedToViewContainer=!1;exhaustive;get rootNodes(){let e=this._lView,t=e[1];return mp(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 no(this._lView)}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){let e=this._lView[3];if(Xa(e)){let t=e[8],n=t?t.indexOf(this):-1;n>-1&&(Hp(e,n),oa(t,n))}this._attachedToViewContainer=!1}ff(this._lView[1],this._lView)}onDestroy(e){So(this._lView,e)}markForCheck(){Lp(this._cdRefInjectingView||this._lView,4)}detach(){this._lView[2]&=-129}reattach(){bo(this._lView),this._lView[2]|=128}detectChanges(){this._lView[2]|=1024,Dp(this._lView)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new ii(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null;let e=to(this._lView),t=this._lView[16];t!==null&&!e&&df(t,this._lView),lf(this._lView[1],this._lView)}attachToAppRef(e){if(this._attachedToViewContainer)throw new ii(902,!1);this._appRef=e;let t=to(this._lView),n=this._lView[16];n!==null&&!t&&Wp(n,this._lView),bo(this._lView)}},Kp=(()=>{class e{_declarationLView;_declarationTContainer;elementRef;static __NG_ELEMENT_ID__=qp;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 Gp(fp(this._declarationLView,this._declarationTContainer,e,{embeddedViewInjector:t,dehydratedView:n}))}}return e})();function qp(){return Jp(Ro(),w())}function Jp(e,t){return e.type&4?new Kp(t,e,Fl(e,t)):null}function Yp(e,t,n,r,i){let a=e.data[t];if(a===null)a=Xp(e,t,n,r,i),Qo()&&(a.flags|=32);else if(a.type&64){a.type=n,a.value=r,a.attrs=i;let e=Bo();a.injectorIndex=e===null?-1:e.injectorIndex}return Vo(a,!0),a}function Xp(e,t,n,r,i){let a=zo(),o=Ho(),s=o?a:a&&a.parent,c=e.data[t]=Qp(e,s,n,t,r,i);return Zp(e,c,a,o),c}function Zp(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 Qp(e,t,n,r,i,a){let o=t?t.injectorIndex:-1,s=0;return Po()&&(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:ys(),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 $p(e){let t=e[6]??[],n=e[3][11],r=[];for(let e of t)e.data.di===void 0?em(e,n):r.push(e);e[6]=r}function em(e,t){let n=0,r=e.firstChild;if(r){let i=e.data.r;for(;n<i;){let e=r.nextSibling;ku(t,r,!1),r=e,n++}}}var tm=()=>null,nm=()=>null;function rm(e,t){return tm(e,t)}function im(e,t,n){return nm(e,t,n)}var am=class{},om=class{},sm=(()=>{class e{static ɵprov=mi({token:e,providedIn:`root`,factory:()=>null})}return e})();function cm(e){return e.debugInfo?.className||e.type.name||null}var lm={},um=class{injector;parentInjector;constructor(e,t){this.injector=e,this.parentInjector=t}get(e,t,n){let r=this.injector.get(e,lm,n);return r!==lm||t===lm?r:this.parentInjector.get(e,t,n)}};function dm(e,t,n){return e[t]=n}function fm(e,t){return e[t]}function pm(e,t,n){if(n===ed)return!1;let r=e[t];return!Object.is(r,n)&&(e[t]=n,!0)}function mm(e,t,n,r){let i=pm(e,t,n);return pm(e,t+1,r)||i}function hm(e,t,n,r,i){let a=mm(e,t,n,r);return pm(e,t+2,i)||a}function gm(e,t,n,r,i,a){let o=mm(e,t,n,r);return mm(e,t+2,i,a)||o}function _m(e,t,n){return function r(i){let a=r.__ngNativeEl__;a!==void 0&&iu(i,a),Lp(Qa(e)?fo(e.index,t):t,5);let o=t[8],s=vm(t,o,n,i),c=r.__ngNextListenerFn__;for(;c;)s=vm(t,o,c,i)&&s,c=c.__ngNextListenerFn__;return s}}function vm(e,t,n,r){let i=pn(null);try{return zc(Ec.OutputStart,t,n),n(r)!==!1}catch(t){return op(e,t),!1}finally{zc(Ec.OutputEnd,t,n),pn(i)}}function ym(e,t,n,r,i,a,o,s){let c=$a(e),l=!1,u=null;if(!r&&c&&(u=xm(t,n,a,e.index)),u!==null){let e=u.__ngLastListenerFn__||u;e.__ngNextListenerFn__=o,u.__ngLastListenerFn__=o,l=!0}else{let o=so(e,n),c=r?r(o):o;r||(s.__ngNativeEl__=o);let l=i.listen(c,a,s);bm(a)||Sm(r?t=>r(ao(t[e.index])):e.index,t,n,a,s,l,!1)}return l}function bm(e){return e.startsWith(`animation`)||e.startsWith(`transition`)}function xm(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 Sm(e,t,n,r,i,a,o){let s=t.firstCreatePass?Eo(t):null,c=To(n),l=c.length;c.push(i,a),s&&s.push(r,e,l,(l+1)*(o?-1:1))}function Cm(e,t,n,r,i,a){let o=t[n],s=t[1],c=o[s.data[n].outputs[r]].subscribe(a);Sm(e.index,s,t,i,a,c,!0)}var wm=Symbol(`BINDING`),Tm=new xi(``);function Em(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=li(i,n);else if(a==2){let i=n,a=t[++e];r=li(r,i+`: `+a+`;`)}}n?e.styles=r:e.stylesWithoutHost=r,n?e.classes=i:e.classesWithoutHost=i}function Dm(e,t=0){let n=w();return n===null?Xi(e,t):xl(Ro(),n,fi(e),t)}function Om(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}jm(e,t,n,r,a,i,s)}a!==null&&r!==null&&km(n,r,a)}function km(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 ii(-301,!1);r.push(t[e],i)}}function Am(e,t,n){t.componentOffset=n,(e.components??=[]).push(t.index)}function jm(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&&eo(a)&&(c=a,Am(e,n,i)),vl(ml(n,t),e,a.type)}Vm(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=Rf(e,t,s,null);s>0&&(n.directiveToIndex=new Map);for(let c=0;c<s;c++){let s=r[c];if(n.mergedAttrs=tl(n.mergedAttrs,s.hostAttrs),Lm(e,n,t,d,s),Bm(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++}Mm(e,n,a)}function Mm(e,t,n){for(let r=t.directiveStart;r<t.directiveEnd;r++){let i=e.data[r];if(n===null||!n.has(i))Nm(0,t,i,r),Nm(1,t,i,r),Im(t,r,!1);else{let e=n.get(i);Pm(0,t,e,r),Pm(1,t,e,r),Im(t,r,!0)}}}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 i;i=e===0?t.inputs??={}:t.outputs??={},i[n]??=[],i[n].push(r),Fm(t,n)}}function Pm(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),Fm(t,a)}}function Fm(e,t){t===`class`?e.flags|=8:t===`style`&&(e.flags|=16)}function Im(e,t,n){let{attrs:r,inputs:i,hostDirectiveInputs:a}=e;if(r===null||!n&&i===null||n&&a===null||Bu(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 Lm(e,t,n,r,i){e.data[r]=i;let a=new Yc(i.factory||=ta(i.type,!0),eo(i),Dm,null);e.blueprint[r]=a,n[r]=a,Rm(e,t,r,Rf(e,n,i.hostVars,ed),i)}function Rm(e,t,n,r,i){let a=i.hostBindings;if(a){let i=e.hostBindingOpCodes;i===null&&(i=e.hostBindingOpCodes=[]);let o=~t.index;zm(i)!=o&&i.push(o),i.push(n,r,a)}}function zm(e){let t=e.length;for(;t>0;){let n=e[--t];if(typeof n==`number`&&n<0)return n}return 0}function Bm(e,t,n){if(n){if(t.exportAs)for(let r=0;r<t.exportAs.length;r++)n[t.exportAs[r]]=e;eo(t)&&(n[``]=e)}}function Vm(e,t,n){e.flags|=1,e.directiveStart=t,e.directiveEnd=t+n,e.providerIndexes=t}function Hm(e,t,n,r,i,a,o,s){let c=t[1],l=c.consts,u=Yp(c,e,n,r,ho(l,o));return a&&Om(c,t,u,ho(l,s),i),u.mergedAttrs=tl(u.mergedAttrs,u.attrs),u.attrs!==null&&Em(u,u.attrs,!1),u.mergedAttrs!==null&&Em(u,u.mergedAttrs,!0),c.queries!==null&&c.queries.elementStart(c,u),u}function Um(e,t){Vc(e,t),Za(t)&&e.queries.elementEnd(t)}function Wm(e,t,n,r,i,a){let o=t.consts,s=Yp(t,e,n,r,ho(o,i));if(s.mergedAttrs=tl(s.mergedAttrs,s.attrs),a!=null){let e=ho(o,a);s.localNames=[];for(let t=0;t<e.length;t+=2)s.localNames.push(e[t],-1)}return s.attrs!==null&&Em(s,s.attrs,!1),s.mergedAttrs!==null&&Em(s,s.mergedAttrs,!0),t.queries!==null&&t.queries.elementStart(t,s),s}var Gm=typeof ShadowRoot<`u`,Km=typeof Document<`u`;function qm(e){return Object.keys(e).map(t=>{let[n,r,i]=e[t],a={propName:n,templateName:t,isSignal:(r&Vf.SignalBased)!==0};return i&&(a.transform=i),a})}function Jm(e){return Object.keys(e).map(t=>({propName:e[t],templateName:t}))}function Ym(e,t,n){let r=t instanceof Pa?t:t?.injector;return r&&e.getStandaloneInjector!==null&&(r=e.getStandaloneInjector(r)||r),r?new um(n,r):n}function Xm(e){let t=e.get(om,null);if(t===null)throw new ii(407,!1);return{rendererFactory:t,sanitizer:e.get(sm,null),changeDetectionScheduler:e.get(cc,null),ngReflect:!1,tracingService:e.get(Fd,null,{optional:!0})}}function Zm(e,t,n){let r=$m(e);return Tu(t,r,r===`svg`?`svg`:r===`math`?io:n)}function Qm(e){if((e&&`localName`in e&&typeof e.localName==`string`?e.localName:e?.tagName)?.toLowerCase()===`script`)throw new ii(905,!1)}function $m(e){return(e.selectors[0][0]||`div`).toLowerCase()}var eh=class{componentDef;ngModule;selector;componentType;ngContentSelectors;isBoundToModule;cachedInputs=null;cachedOutputs=null;get inputs(){return this.cachedInputs??=qm(this.componentDef.inputs),this.cachedInputs}get outputs(){return this.cachedOutputs??=Jm(this.componentDef.outputs),this.cachedOutputs}constructor(e,t){this.componentDef=e,this.ngModule=t,this.componentType=e.type,this.selector=Qu(e.selectors),this.ngContentSelectors=e.ngContentSelectors??[],this.isBoundToModule=!!t}create(e,t,n,r,i,a,o){zc(Ec.DynamicComponentStart);let s=pn(null);try{let s=this.componentDef,c=Ym(s,r||this.ngModule,e),l=Xm(c),u=l.tracingService;return u&&u.componentCreate?u.componentCreate(cm(s),()=>this.createComponentRef(l,c,t,n,i,a,o)):this.createComponentRef(l,c,t,n,i,a,o)}finally{pn(s)}}createComponentRef(e,t,n,r,i,a,o){let s=this.componentDef,c=th(r,s,a,i),l=e.rendererFactory.createRenderer(null,s),u=r?Kf(l,r,s.encapsulation,t):Zm(s,l,o??null);Qm(u);let d=t.get(Tm,null),f=nh(u,()=>t.get(Es,null)??eu());d&&d.addHost(f);let p=a?.some(ih)||i?.some(e=>typeof e!=`function`&&e.bindings.some(ih)),m=Ff(null,c,null,512|Lf(s),null,null,e,l,t,null,su(u,t,!0));d&&Gm&&f instanceof ShadowRoot&&So(m,()=>{d.removeHost(f)}),m[27]=u,ss(m);let h=null;try{let e=Hm(27,m,2,`#host`,()=>c.directiveRegistry,!0,0);Mu(l,u,e),Jl(u,m),Wf(c,m,e),uu(c,e,m),Um(c,e),n!==void 0&&oh(e,this.ngContentSelectors,n),h=fo(e.index,m),m[8]=h[8],up(c,m,null)}catch(e){throw h!==null&&Kl(h),Kl(m),e}finally{zc(Ec.DynamicComponentEnd),fs()}return new ah(this.componentType,m,!!p)}};function th(e,t,n,r){let i=e?[`ng-version`,`22.1.7`]:$u(t.selectors[0]),a=null,o=null,s=0;if(n)for(let e of n)s+=e[wm].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[wm].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=Ai(typeof e==`function`?e:e.type);c.push(t)}return Mf(0,null,rh(a,o),1,s,c,null,null,null,[i],null)}function nh(e,t){let n=e.getRootNode?.();return Km&&n instanceof Document?n.head:n&&Gm&&n instanceof ShadowRoot?n:t().head}function rh(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 ih(e){let t=e[wm].kind;return t===`input`||t===`twoWay`}var ah=class extends am{_rootLView;_hasInputBindings;instance;hostView;changeDetectorRef;componentType;location;previousInputValues=null;_tNode;constructor(e,t,n){super(),this._rootLView=t,this._hasInputBindings=n,this._tNode=co(t[1],27),this.location=Fl(this._tNode,t),this.instance=fo(this._tNode.index,t)[8],this.hostView=this.changeDetectorRef=new Gp(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;sp(n,r[1],r,e,t),this.previousInputValues.set(e,t),Lp(fo(n.index,r),1)}get injector(){return new kl(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(e){this.hostView.onDestroy(e)}};function oh(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 sh=(()=>{class e{static __NG_ELEMENT_ID__=ch}return e})();function ch(){return fh(Ro(),w())}var lh=class e extends sh{_lContainer;_hostTNode;_hostLView;constructor(e,t,n){super(),this._lContainer=e,this._hostTNode=t,this._hostLView=n}get element(){return Fl(this._hostTNode,this._hostLView)}get injector(){return new kl(this._hostTNode,this._hostLView)}get parentInjector(){let e=_l(this._hostTNode,this._hostLView);if(rl(e)){let t=ol(e,this._hostLView),n=il(e),r=t[1].data[n+8];return new kl(r,t)}return new kl(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(e){let t=uh(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=rm(this._lContainer,e.ssrId),o=e.createEmbeddedViewImpl(t||{},i,a);return this.insertImpl(o,r,pp(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 eh(ki(e)),u=n||this.parentInjector;if(!i&&l.ngModule==null){let e=this.parentInjector.get(Pa,null);e&&(i=e)}let d=ki(l.componentType??{}),f=rm(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,pp(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(mo(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 Bp(o,i,a,r),t.attachToViewContainerRef(),aa(dh(o),a,t),t}move(e,t){return this.insert(e,t)}indexOf(e){let t=uh(this._lContainer);return t===null?-1:t.indexOf(e)}remove(e){let t=this._adjustIndex(e,-1),n=Hp(this._lContainer,t);n&&(oa(dh(this._lContainer),t),ff(n[1],n))}detach(e){let t=this._adjustIndex(e,-1),n=Hp(this._lContainer,t);return n&&oa(dh(this._lContainer),t)!=null?new Gp(n):null}_adjustIndex(e,t=0){return e??this.length+t}};function uh(e){return e[8]}function dh(e){return e[8]||=[]}function fh(e,t){let n,r=t[e.index];return Xa(r)?n=r:(n=Rp(r,t,null,e),t[e.index]=n,zf(t,n)),mh(n,t,e,r),new lh(n,e,t)}function ph(e,t){let n=e[11],r=n.createComment(``),i=so(t,e);return Eu(n,n.parentNode(i),r,n.nextSibling(i),!1),r}var mh=_h,hh=()=>!1;function gh(e,t,n){return hh(e,t,n)}function _h(e,t,n,r){if(e[7])return;let i;i=n.type&8?ao(r):ph(t,n),e[7]=i}var vh=class e{queryList;matches=null;constructor(e){this.queryList=e}clone(){return new e(this.queryList)}setDirty(){this.queryList.setDirty()}},yh=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++)Ph(e,t).matches!==null&&this.queries[t].setDirty()}},bh=class{flags;read;predicate;constructor(e,t,n=null){this.flags=t,this.read=n,this.predicate=typeof e==`string`?Mh(e):e}},xh=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)}},Sh=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,Ch(t,i)),this.matchTNodeWithReadOption(e,t,wl(t,e,i,!1,!1))}else n===Kp?t.type&4&&this.matchTNodeWithReadOption(e,t,-1):this.matchTNodeWithReadOption(e,t,wl(t,e,n,!1,!1))}matchTNodeWithReadOption(e,t,n){if(n!==null){let r=this.metadata.read;if(r!==null){if(r===Il||r===sh||r===Kp&&t.type&4)this.addMatch(t.index,-2);else{let n=wl(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 Ch(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 wh(e,t){return e.type&11?Fl(e,t):e.type&4?Jp(e,t):null}function Th(e,t,n,r){return n===-1?wh(t,e):n===-2?Eh(e,t,r):Tl(e,e[1],n,t)}function Eh(e,t,n){if(n===Il)return Fl(t,e);if(n===Kp)return Jp(t,e);if(n===sh)return fh(t,e)}function Dh(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(Th(t,s,a[e+1],n.metadata.read))}}i.matches=o}return i.matches}function Oh(e,t,n,r){let i=e.queries.getByIndex(n),a=i.matches;if(a!==null){let o=Dh(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]&&Oh(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];Oh(n[1],n,i,r)}}}}}return r}function kh(e,t){return e[18].queries[t].queryList}function Ah(e,t,n){let r=new zl((n&4)==4);return Do(e,t,r,r.destroy),(t[18]??=new yh).queries.push(new vh(r))-1}function jh(e,t,n){let r=Lo();return r.firstCreatePass&&(Nh(r,new bh(e,t,n),-1),(t&2)==2&&(r.staticViewQueries=!0)),Ah(r,w(),t)}function Mh(e){return e.split(`,`).map(e=>e.trim())}function Nh(e,t,n){e.queries===null&&(e.queries=new xh),e.queries.track(new Sh(t,n))}function Ph(e,t){return e.queries.getByIndex(t)}function Fh(e,t){let n=e[1],r=Ph(n,t);return r.crossesNgTemplate?Oh(n,e,t,[]):Dh(n,e,r,t)}function Ih(e,t,n){let r,i=Pn(()=>{r._dirtyCounter();let n=Bh(r,e);if(t&&n===void 0)throw new ii(-951,!1);return n});return r=i[fn],r._dirtyCounter=O(0),r._flatValue=void 0,i}function Lh(e){return Ih(!0,!1,e)}function Rh(e){return Ih(!0,!0,e)}function zh(e,t){let n=e[fn];n._lView=w(),n._queryIndex=t,n._queryList=kh(n._lView,t),n._queryList.onDirty(()=>n._dirtyCounter.update(e=>e+1))}function Bh(e,t){let n=e._lView,r=e._queryIndex;if(n===void 0||r===void 0||n[2]&4)return t?void 0:ma;let i=kh(n,r),a=Fh(n,r);return i.reset(a,Ll),t?i.first:i._changesDetected||e._flatValue===void 0?e._flatValue=i.toArray():e._flatValue}function Vh(e){return!!e&&typeof e.then==`function`}function Hh(e){return!!e&&typeof e.subscribe==`function`}var Uh=class{},Wh=class extends Uh{injector;instance=null;constructor(e){super();let t=new Fa([...e.providers,{provide:Uh,useValue:this}],e.parent||Na(),e.debugName,new Set([`environment`]));this.injector=t,e.runEnvironmentInitializers&&t.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(e){this.injector.onDestroy(e)}};function Gh(e,t,n=null){return new Wh({providers:e,parent:t,debugName:n,runEnvironmentInitializers:!0}).injector}var Kh=(()=>{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=ba(!1,e.type),n=t.length>0?Gh([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=mi({token:e,providedIn:`environment`,factory:()=>new e(Xi(Pa))})}return e})();function A(e){return Tc(()=>{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!==Vl.Eager,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&e.dependencies||null,getStandaloneInjector:t.standalone?e=>e.get(Kh).getOrCreateStandaloneInjector(n):null,getExternalStyles:null,signals:e.signals??!1,data:e.data||{},encapsulation:e.encapsulation||du.Emulated,styles:e.styles||ma,_:null,schemas:e.schemas||null,tView:null,id:``};t.standalone&&Ld(`NgStandalone`),$h(n);let r=e.dependencies;return n.directiveDefs=eg(r,qh),n.pipeDefs=eg(r,ji),n.id=tg(n),n})}function qh(e){return ki(e)||Ai(e)}function Jh(e,t){if(e==null)return pa;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=Vf.None,c=null),n[a]=[r,s,c],t[a]=o}return n}function Yh(e){if(e==null)return pa;let t={};for(let n in e)Object.hasOwn(e,n)&&(t[e[n]]=n);return t}function Xh(e){return Tc(()=>{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||pa,exportAs:e.exportAs||null,standalone:e.standalone??!0,signals:e.signals===!0,selectors:e.selectors||ma,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 xi(``),rg=(()=>{class e{resolve;reject;initialized=!1;done=!1;donePromise=new Promise((e,t)=>{this.resolve=e,this.reject=t});appInits=C(ng,{optional:!0})??[];injector=C(Ts);constructor(){}runInitializers(){if(this.initialized)return;let e=[];for(let t of this.appInits){let n=Ka(this.injector,t);if(Vh(n))e.push(n);else if(Hh(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=Nl({token:e,factory:e.ɵfac})}return e})();function ig(e,t,n,r,i,a,o,s){if(n.firstCreatePass){e.mergedAttrs=tl(e.mergedAttrs,e.attrs);let t=e.tView=Mf(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),Vo(e,!1);let c=cg(n,t,e,r);xs()&&xf(n,t,c,e),Jl(c,t);let l=Rp(c,t,c,e);t[r+27]=l,zf(t,l),gh(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=Yp(t,d,4,o||null,s||null),No()&&Om(t,e,f,ho(t.consts,l),ep),Vc(t,f)):f=t.data[d],ig(f,e,t,n,r,i,a,c),$a(f)&&Wf(t,e,f),l!=null&&Gf(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=Yp(t,d,4,o||null,s||null),l!=null){let e=ho(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&&Gf(e,f,u),f}function sg(e,t,n,r,i,a,o,s){let c=w(),l=Lo();return ag(c,l,e,t,n,r,i,ho(l.consts,a),void 0,o,s),sg}var cg=lg;function lg(e,t,n,r){return Ss(!0),t[11].createComment(``)}var ug=new xi(``),dg=new xi(``);function fg(){Hn(()=>{throw new ii(600,``)})}var pg=10,mg=(()=>{class e{_runningTick=!1;_destroyed=!1;_destroyListeners=[];_views=[];internalErrorHandler=C(Qs);afterRenderManager=C(Rd);zonelessEnabled=C(lc);rootEffectScheduler=C(dc);dirtyFlags=0;tracingSnapshot=null;allTestViews=new Set;autoDetectTestViews=new Set;includeAllTestViews=!1;afterTick=new $r;get allViews(){return[...(this.includeAllTestViews?this.allTestViews:this.autoDetectTestViews).keys(),...this._views]}get destroyed(){return this._destroyed}componentTypes=[];components=[];internalPendingTask=C(js);get isStable(){return this.internalPendingTask.hasPendingTasksObservable.pipe(ni(e=>!e))}constructor(){C(Fd,{optional:!0})}whenStable(){let e;return new Promise(t=>{e=this.isStable.subscribe({next:e=>{e&&t()}})}).finally(()=>{e.unsubscribe()})}_injector=C(Pa);_rendererFactory=null;get injector(){return this._injector}bootstrap(e,t){return this.bootstrapImpl(e,t)}bootstrapImpl(e,t,n=Ts.NULL){return this._injector.get(zs).run(()=>{if(zc(Ec.BootstrapComponentStart),!this._injector.get(rg).done)throw new ii(405,``);let r=ki(e),i=this._injector.get(Uh),a=new eh(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),zc(Ec.BootstrapComponentEnd,u),u})}tick(){this.zonelessEnabled||(this.dirtyFlags|=1),this._tick()}_tick(){zc(Ec.ChangeDetectionStart),this.tracingSnapshot===null?this.tickImpl():this.tracingSnapshot.run(Pd.CHANGE_DETECTION,this.tickImpl)}tickImpl=()=>{if(this._runningTick)throw zc(Ec.ChangeDetectionEnd),new ii(101,!1);let e=pn(null);try{this._runningTick=!0,this.synchronize()}finally{this._runningTick=!1,this.tracingSnapshot?.dispose(),this.tracingSnapshot=null,pn(e),this.afterTick.next(),zc(Ec.ChangeDetectionEnd)}};synchronize(){this._rendererFactory===null&&!this._injector.destroyed&&(this._rendererFactory=this._injector.get(om,null,{optional:!0}));let e=0;for(;this.dirtyFlags!==0&&e++<pg;){zc(Ec.ChangeDetectionSyncStart);try{this.synchronizeOnce()}finally{zc(Ec.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||yo(n))&&(Dp(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})=>yo(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 ii(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=Nl({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=w();return pm(i,Xo(),t)&&(Lo(),tp(gs(),i,e,t,n,r)),j}function _g(e){if(Ld(`NgAnimateEnter`),!vd)return _g;let t=w();if(yd(t))return _g;let n=Ro(),r=t[9].get(zs);return Nd(kd(t),n,()=>vg(t,n,e,r)),Xd(t[9]),Zd(t[9],kd(t)),_g}function vg(e,t,n,r){let i=so(t,e),a=e[11],o=Ad(n),s=[],c=!1,l=e=>{if(jd(e)!==i)return;let t=e instanceof AnimationEvent?`animationend`:`transitionend`;r.runOutsideAngular(()=>{a.listen(i,t,u)})},u=e=>{jd(e)===i&&(Md(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))}),bd(i,o,s);for(let e of o)a.addClass(i,e);r.runOutsideAngular(()=>{requestAnimationFrame(()=>{if(!c&&(pd(i,Cd,vd),!Cd.has(i))){for(let e of o)a.removeClass(i,e);xd(i)}})})}}function yg(e,t,n){let r=Sd.get(t);if(jd(e)===t&&r&&Md(e,t)){e.stopPropagation();for(let e of r.classList)n.removeClass(t,e);xd(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)){pn(r);let c=t.length-1;for(pn(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){pn(r);let c=t[Symbol.iterator]();pn(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){Ld(`NgControlFlow`);let c=w(),l=Lo();return og(c,l,e,t,n,r,i,ho(l.consts,a),256,o,s),Dg}function Dg(e,t,n,r,i,a,o,s){Ld(`NgControlFlow`);let c=w(),l=Lo();return og(c,l,e,t,n,r,i,ho(l.consts,a),512,o,s),Dg}function N(e,t){Ld(`NgControlFlow`);let n=w(),r=Xo(),i=n[r]===ed?-1:n[r],a=i===-1?void 0:Ng(n,27+i);if(pm(n,r,e)){let r=pn(null);try{if(a!==void 0&&Vp(a,0),e!==-1){let r=27+e,i=Ng(n,r),a=Rg(n[1],r),o=im(i,a,n);Bp(i,fp(n,a,t,{dehydratedView:o}),0,pp(a,o))}}finally{pn(r)}}else if(a!==void 0){let e=zp(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){Ld(`NgControlFlow`);let p=w(),m=Lo(),h=c!==void 0,g=w(),_=new jg(h,s?o.bind(g[15][8]):o);g[27+e]=_,og(p,m,e+1,t,n,r,i,ho(m.consts,a),256),h&&og(p,m,e+2,c,l,u,d,ho(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,Bp(this.lContainer,t,e,pp(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=rm(this.lContainer,this.templateTNode.tView.ssrId);return fp(this.hostLView,this.templateTNode,new Og(this.lContainer,t,e),{dehydratedView:n})}destroy(e){ff(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=pn(null),n=ms();try{let r=w(),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=Xo(),t=c.length===0;if(pm(r,e,t)){let e=n+2,a=Ng(r,e);if(t){let t=Rg(i,e),n=im(a,t,r);Bp(a,fp(r,t,void 0,{dehydratedView:n}),0,pp(t,n))}else i.firstUpdatePass&&$p(a),Vp(a,0)}}}finally{pn(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];Jd(e,r),hd.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 Hp(e,t)}function Lg(e,t){return zp(e,t)}function Rg(e,t){return co(e,t)}function I(e,t,n){let r=w();return pm(r,Xo(),t)&&(Lo(),Jf(gs(),r,e,t,r[11],n)),I}function zg(e,t,n,r,i){sp(t,e,n,i?`class`:`style`,r)}function L(e,t,n,r){let i=w(),a=i[1],o=e+27,s=a.firstCreatePass?Hm(o,i,2,t,ep,No(),n,r):a.data[o];if(Qa(s)){let n=i[10].tracingService;if(n&&n.componentCreate){let o=a.data[s.directiveStart+s.componentOffset];return n.componentCreate(cm(o),()=>(Bg(e,t,i,s,r),L))}}return Bg(e,t,i,s,r),L}function Bg(e,t,n,r,i){if(ip(r,n,e,t,Hg),$a(r)){let e=n[1];Wf(e,n,r),uu(e,r,n)}i!=null&&Gf(n,r)}function R(){let e=Lo(),t=ap(Ro());return e.firstCreatePass&&Um(e,t),Fo(t)&&Io(),Mo(),t.classesWithoutHost!=null&&Xc(t)&&zg(e,t,w(),t.classesWithoutHost,!0),t.stylesWithoutHost!=null&&Zc(t)&&zg(e,t,w(),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=w(),a=i[1],o=e+27,s=a.firstCreatePass?Wm(o,a,2,t,n,r):a.data[o];return ip(s,i,e,t,Hg),r!=null&&Gf(i,s),B}function V(){return Fo(ap(Ro()))&&Io(),Mo(),V}function Vg(e,t,n,r){return B(e,t,n,r),V(),Vg}var Hg=(e,t,n,r,i)=>(Ss(!0),Tu(t[11],r,ys()));function Ug(e,t,n){let r=w(),i=r[1],a=e+27,o=i.firstCreatePass?Hm(a,r,8,`ng-container`,ep,No(),t,n):i.data[a];if(ip(o,r,e,`ng-container`,Kg),$a(o)){let e=r[1];Wf(e,r,o),uu(e,o,r)}return n!=null&&Gf(r,o),Ug}function Wg(){let e=Lo(),t=ap(Ro());return e.firstCreatePass&&Um(e,t),Wg}function Gg(e,t,n){return Ug(e,t,n),Wg(),Gg}var Kg=(e,t,n,r,i)=>(Ss(!0),wu(t[11],``));function H(){return w()}function qg(e,t,n){let r=w();return pm(r,Xo(),t)&&(Lo(),Yf(gs(),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 ii(701,!1)}function $g(e){if(!(e in Zg)){let t=Gi.ng&&Gi.ng.common&&Gi.ng.common.locales&&Gi.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=w(),i=Lo(),a=Ro();return i_(i,r,r[11],a,e,t,n),U}function W(e,t,n){let r=w(),i=Lo(),a=Ro();return(a.type&3||n)&&ym(a,i,r,n,r[11],e,t,_m(a,r,t)),W}function i_(e,t,n,r,i,a,o){let s=!0,c=null;if((r.type&3||o)&&(c??=_m(r,t,a),ym(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??=_m(r,t,a),Cm(r,t,o,s,i,c)}if(e&&e.length)for(let n of e)c??=_m(r,t,a),Cm(r,t,n,i,i,c)}}function G(e=1){return ps(e)}function a_(e,t){let n=null,r=Ku(e);for(let i=0;i<t.length;i++){let a=t[i];if(a===`*`){n=i;continue}if(r===null?Gu(e,a,!0):Yu(r,a))return i}return n}function o_(e){let t=w()[15][5];if(!t.projection){let n=t.projection=sa(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=w(),s=Lo(),c=r?e+1:null;c!==null&&og(o,s,c,r,i,a,null,n);let l=Yp(s,27+e,16,null,n||null);l.projection===null&&(l.projection=t),Uo();let u=!o[6]||Po();o[15][5].projection[l.projection]===null&&c!==null?c_(o,s,c):u&&!au(l)&&Of(s,o,l)}function c_(e,t,n){let r=27+n,i=t.data[r],a=e[r],o=rm(a,i.tView.ssrId);Bp(a,fp(e,i,void 0,{dehydratedView:o}),0,pp(i,o))}function l_(e,t,n,r){return zh(e,jh(t,n,r)),l_}function u_(e=1){is(rs()+e)}function d_(e){return lo(Wo(),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||da(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`&&da(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`?da(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))la(e,E_(t),!0)}function P_(e,t,n,r){let i=w(),a=Lo(),o=Zo(2);if(a.firstUpdatePass&&L_(a,e,o,r),t!==ed&&pm(i,o,t)){let s=a.data[ms()];q_(a,s,i,i[11],e,i[o+1]=X_(t,n),r,o)}}function F_(e,t,n,r){let i=Lo(),a=Zo(2);i.firstUpdatePass&&L_(i,null,a,r);let o=w();if(n!==ed&&pm(o,a,n)){let s=i.data[ms()];if(Z_(s,r)&&!I_(i,a)){let e=r?s.classesWithoutHost:s.stylesWithoutHost;e!==null&&(n=li(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[ms()],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=ns(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]),la(e,o,n?!0:t[++a]))}return e===void 0?null:e}function W_(e,t,n){if(n==null||n===``)return ma;let r=[],i=pu(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(` `)&&la(e,r,n)}function K_(e,t,n,r,i,a,o,s){i===ed&&(i=ma);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)),jf(r,o,oo(ms(),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===ed&&(u=l?ma:void 0);let d=l?ua(u,r):c===r?u:void 0;if(a&&!Y_(d)&&(d=ua(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=ua(e,r))}return s}function Y_(e){return e!==void 0}function X_(e,t){return e==null||e===``||(typeof t==`string`?e=pu(e)+t:typeof e==`object`&&(e=ci(pu(e)))),e}function Z_(e,t){return!!(e.flags&(t?8:16))}function J(e,t=``){let n=w(),r=Lo(),i=e+27,a=r.firstCreatePass?Yp(r,i,1,t,null):r.data[i],o=Q_(r,n,a,t);n[i]=o,xs()&&xf(r,n,o,a),Vo(a,!1)}var Q_=(e,t,n,r)=>(Ss(!0),Su(t[11],r));function $_(e,t,n,r=``){return pm(e,Xo(),n)?t+Ni(n)+r:ed}function ev(e,t,n,r,i,a=``){let o=mm(e,Jo(),n,i);return Zo(2),o?t+Ni(n)+r+Ni(i)+a:ed}function tv(e,t,n,r,i,a,o,s=``){let c=hm(e,Jo(),n,i,o);return Zo(3),c?t+Ni(n)+r+Ni(i)+a+Ni(o)+s:ed}function nv(e,t,n,r,i,a,o,s,c,l=``){let u=gm(e,Jo(),n,i,o,c);return Zo(4),u?t+Ni(n)+r+Ni(i)+a+Ni(o)+s+Ni(c)+l:ed}function Y(e){return X(``,e),Y}function X(e,t,n){let r=w(),i=$_(r,e,t,n);return i!==ed&&av(r,ms(),i),X}function Z(e,t,n,r,i){let a=w(),o=ev(a,e,t,n,r,i);return o!==ed&&av(a,ms(),o),Z}function rv(e,t,n,r,i,a,o){let s=w(),c=tv(s,e,t,n,r,i,a,o);return c!==ed&&av(s,ms(),c),rv}function iv(e,t,n,r,i,a,o,s,c){let l=w(),u=nv(l,e,t,n,r,i,a,o,s,c);return u!==ed&&av(l,ms(),u),iv}function av(e,t,n){let r=oo(t,e);Cu(e[11],r,n)}function ov(e,t,n){Sc(t)&&(t=t());let r=w();return pm(r,Xo(),t)&&(Lo(),Jf(gs(),r,e,t,r[11],n)),ov}function sv(e,t){let n=Sc(e);return n&&e.set(t),n}function cv(e,t){let n=w(),r=Lo(),i=Ro();return i_(r,n,n[11],i,e,t),cv}var lv={};function uv(e){Ld(`NgLet`);let t=Lo(),n=w(),r=e+27;return Vo(Yp(t,r,128,null,null),!1),uo(t,n,r,lv),uv}function dv(e){return uo(Lo(),w(),ms(),e),e}function fv(e){let t=lo(Wo(),27+e);if(t===lv)throw new ii(314,!1);return t}function pv(e,t,n=``){return $_(w(),e,t,n)}function mv(e,t){let n=qo()+e,r=w();return r[n]===ed?dm(r,n,t()):fm(r,n)}function hv(e,t,n){return vv(w(),qo(),e,t,n)}function gv(e,t,n,r,i){return bv(w(),qo(),e,t,n,r,i)}function _v(e,t){let n=e[t];return n===ed?void 0:n}function vv(e,t,n,r,i,a){let o=t+n;return pm(e,o,i)?dm(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 mm(e,s,i,a)?dm(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 hm(e,c,i,a,o)?dm(e,c+3,s?r.call(s,i,a,o):r(i,a,o)):_v(e,c+3)}function xv(e,t){let n=Lo(),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=ta(r.type,!0)),o=Ui(Dm);try{let e=cl(!1),t=a();return cl(e),uo(n,w(),i,t),t}finally{Ui(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=w(),a=lo(i,r);return Tv(i,r)?vv(i,qo(),t,a.transform,n,a):a.transform(n)}function wv(e,t,n,r){let i=e+27,a=w(),o=lo(a,i);return Tv(a,i)?yv(a,qo(),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 Jp(e,t)}var Dv=(()=>{class e{applicationErrorHandler=C(Qs);appRef=C(mg);taskService=C(js);ngZone=C(zs);zonelessEnabled=C(lc);tracing=C(Fd,{optional:!0});zoneIsDefined=typeof Zone<`u`&&!!Zone.root.run;schedulerTickApplyArgs=[{data:{__scheduler_tick__:!0}}];subscriptions=new _r;angularZoneId=this.zoneIsDefined?this.ngZone._inner?.get(Ls):null;scheduleInRootZone=!this.zonelessEnabled&&this.zoneIsDefined&&(C(uc,{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?Fs:Ps;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=Nl({token:e,factory:e.ɵfac})}return e})();function Ov(){return[{provide:cc,useExisting:Dv},{provide:zs,useClass:qs},{provide:lc,useValue:!0}]}function kv(){return typeof $localize<`u`&&$localize.locale||`en-US`}var Av=new xi(``,{factory:()=>C(Av,{optional:!0,skipSelf:!0})||kv()}),jv=class{destroyed=!1;listeners=null;errorHandler=C(Zs,{optional:!0});isEmitting=!1;hasNullListeners=!1;destroyRef=C(Ds);constructor(){this.destroyRef.onDestroy(()=>{this.destroyed=!0,this.listeners=null})}subscribe(e){if(this.destroyed)throw new ii(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(oi(953,!1));return}if(this.listeners===null)return;this.isEmitting=!0;let t=pn(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)),pn(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 Pn(e,t?.equal)}function Nv(e){return sr(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(rr(e,Pv,t?.equal),t?.debugName,t?.set):Iv(rr(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=>ir(r,e);i.set=e=>n(e,t),i.update=r=>n(r(Nv(e)),t)}else i.set=e=>ir(r,e),i.update=e=>ar(r,e);return i.asReadonly=ec.bind(e),i}function Lv(e,t){let n=Object.create(wc);n.value=e,n.transformFn=t?.transform;function r(){if(gn(n),n.value===Cc)throw new ii(-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(Cc,e)}var $=(zv.required=Bv,zv);function Vv(e,t){let n=Object.create(wc),r=new jv;n.value=e;function i(){return gn(n),Hv(n.value),n.value}return i[fn]=n,i.asReadonly=ec.bind(i),i.set=e=>{n.equal(n.value,e)||(Kn(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===Cc)throw new ii(952,!1)}function Uv(e,t){return Vv(e,t)}function Wv(e){return Vv(Cc,e)}var Gv=(Uv.required=Wv,Uv);function Kv(e,t){return Lh(t)}function qv(e,t){return Rh(t)}var Jv=(Kv.required=qv,Kv),Yv=new xi(``),Xv=new xi(``);function Zv(e){return!e.moduleRef}function Qv(e){let t=Zv(e)?e.r3Injector:e.moduleRef.injector,n=t.get(zs);return n.run(()=>{Zv(e)?e.r3Injector.resolveInjectorInitializers():e.moduleRef.resolveInjectorInitializers();let r=t.get(Qs),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(js),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 Vh(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 Ts.create({name:t,providers:[{provide:ka,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(rc,null);Ka(e,()=>{t?.forEach(e=>e())})}function ay(e){let{rootComponent:t,appProviders:n,platformProviders:r,platformRef:i}=e;zc(Ec.BootstrapApplicationStart);try{let e=i?.injector??ry(r);return Qv({r3Injector:new Wh({providers:[Ov(),$s,...n||[]],parent:e,debugName:``,runEnvironmentInitializers:!1}).injector,platformInjector:e,rootComponent:t})}catch(e){return Promise.reject(e)}finally{zc(Ec.BootstrapApplicationEnd)}}function oy(e){return typeof e==`boolean`?e:e!=null&&e!==`false`}var sy=Symbol(`NOT_SET`),cy=new Set,ly={...Jn,kind:`afterRenderEffectPhase`,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,value:sy,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!==sy&&!Dn(this)))return this.signal;try{for(let e of this.cleanup??cy)e()}finally{this.cleanup?.clear()}let t=[];e!==void 0&&t.push(e),t.push(this.registerCleanupFn);let n=Cn(this),r;try{r=this.userFn.apply(null,t)}finally{Tn(this,n)}return(this.value===sy||!this.equal(this.value,r))&&(this.value=r,this.version++),this.signal}},uy=class extends Vd{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(Ds),a),this.scheduler=r;for(let e of zd){let n=t[e];if(n===void 0)continue;let r=Object.create(ly);r.sequence=this,r.phase=e,r.userFn=n,r.dirty=!0,r.signal=()=>(gn(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??cy)t()}finally{On(e)}}};function dy(e,t){let n=t?.injector??C(Ts),r=n.get(cc),i=n.get(Rd),a=n.get(Fd,null,{optional:!0});i.impl??=n.get(Bd);let o=e;typeof o==`function`&&(o={mixedReadWrite:e});let s=n.get(oc,null,{optional:!0}),c=new uy(i.impl,[o.earlyRead,o.write,o.mixedReadWrite,o.read],s?.view,r,n,a?.snapshot(null));return i.impl.register(c),c}var fy=null;function py(){return fy}function my(e){fy??=e}var hy=class{},gy=(function(e){return e[e.Format=0]=`Format`,e[e.Standalone=1]=`Standalone`,e})(gy||{}),_y=(function(e){return e[e.Narrow=0]=`Narrow`,e[e.Abbreviated=1]=`Abbreviated`,e[e.Wide=2]=`Wide`,e[e.Short=3]=`Short`,e})(_y||{}),vy=(function(e){return e[e.Short=0]=`Short`,e[e.Medium=1]=`Medium`,e[e.Long=2]=`Long`,e[e.Full=3]=`Full`,e})(vy||{}),yy={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 by(e){return Qg(e)[e_.LocaleId]}function xy(e,t,n){let r=Qg(e);return My(My([r[e_.DayPeriodsFormat],r[e_.DayPeriodsStandalone]],t),n)}function Sy(e,t,n){let r=Qg(e);return My(My([r[e_.DaysFormat],r[e_.DaysStandalone]],t),n)}function Cy(e,t,n){let r=Qg(e);return My(My([r[e_.MonthsFormat],r[e_.MonthsStandalone]],t),n)}function wy(e,t){let n=Qg(e)[e_.Eras];return My(n,t)}function Ty(e,t){return My(Qg(e)[e_.DateFormat],t)}function Ey(e,t){return My(Qg(e)[e_.TimeFormat],t)}function Dy(e,t){let n=Qg(e)[e_.DateTimeFormat];return My(n,t)}function Oy(e,t){let n=Qg(e),r=n[e_.NumberSymbols][t];if(r===void 0){if(t===yy.CurrencyDecimal)return n[e_.NumberSymbols][yy.Decimal];if(t===yy.CurrencyGroup)return n[e_.NumberSymbols][yy.Group]}return r}function ky(e){if(!e[e_.ExtraData])throw new ii(2303,!1)}function Ay(e){let t=Qg(e);return ky(t),(t[e_.ExtraData][2]||[]).map(e=>typeof e==`string`?Ny(e):[Ny(e[0]),Ny(e[1])])}function jy(e,t,n){let r=Qg(e);return ky(r),My(My([r[e_.ExtraData][0],r[e_.ExtraData][1]],t)||[],n)||[]}function My(e,t){for(let n=t;n>-1;n--)if(e[n]!==void 0)return e[n];throw new ii(2304,!1)}function Ny(e){let[t,n]=e.split(`:`);return{hours:+t,minutes:+n}}var Py=/^(\d{4,})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,Fy=Object.create(null),Iy=/((?:[^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]*)/,Ly=256;function Ry(e,t,n,r){let i=sb(e);zy(t),t=Vy(n,t)||t;let a=[],o;for(;t;)if(o=Iy.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=ib(r,s),i=ob(i,r));let c=``;return a.forEach(e=>{let t=rb(e);c+=t?t(i,n,s):e===`''`?`'`:e.replace(/(^'|'$)/g,``).replace(/''/g,`'`)}),c}function zy(e){if(e.length>Ly)throw new ii(2300,!1)}function By(e,t,n){let r=new Date(0);return r.setFullYear(e,t,n),r.setHours(0,0,0),r}function Vy(e,t){let n=by(e);if(Fy[n]??=Object.create(null),Fy[n][t])return Fy[n][t];let r=``;switch(t){case`shortDate`:r=Ty(e,vy.Short);break;case`mediumDate`:r=Ty(e,vy.Medium);break;case`longDate`:r=Ty(e,vy.Long);break;case`fullDate`:r=Ty(e,vy.Full);break;case`shortTime`:r=Ey(e,vy.Short);break;case`mediumTime`:r=Ey(e,vy.Medium);break;case`longTime`:r=Ey(e,vy.Long);break;case`fullTime`:r=Ey(e,vy.Full);break;case`short`:let t=Vy(e,`shortTime`),n=Vy(e,`shortDate`);r=Hy(Dy(e,vy.Short),[t,n]);break;case`medium`:let i=Vy(e,`mediumTime`),a=Vy(e,`mediumDate`);r=Hy(Dy(e,vy.Medium),[i,a]);break;case`long`:let o=Vy(e,`longTime`),s=Vy(e,`longDate`);r=Hy(Dy(e,vy.Long),[o,s]);break;case`full`:let c=Vy(e,`fullTime`),l=Vy(e,`fullDate`);r=Hy(Dy(e,vy.Full),[c,l])}return r&&(Fy[n][t]=r),r}function Hy(e,t){return t&&(e=e.replace(/\{([^}]+)}/g,function(e,n){return Object.hasOwn(t,n)?t[n]:e})),e}function Uy(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 Wy(e,t){return Uy(e,3).substring(0,t)}function Gy(e,t,n=0,r=!1,i=!1){return function(a,o){let s=Ky(e,a);if((n>0||s>-n)&&(s+=n),e===3)s===0&&n===-12&&(s=12);else if(e===6)return Wy(s,t);let c=Oy(o,yy.MinusSign);return Uy(s,t,c,r,i)}}function Ky(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 ii(2301,!1)}}function qy(e,t,n=gy.Format,r=!1){return function(i,a){return Jy(i,a,e,t,n,r)}}function Jy(e,t,n,r,i,a){switch(n){case 2:return Cy(t,i,r)[e.getMonth()];case 1:return Sy(t,i,r)[e.getDay()];case 0:let n=e.getHours(),o=e.getMinutes();if(a){let e=Ay(t),a=jy(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 xy(t,i,r)[n<12?0:1];case 3:return wy(t,r)[e.getFullYear()<=0?0:1];default:throw new ii(2302,!1)}}function Yy(e){return function(t,n,r){let i=-1*r,a=Oy(n,yy.MinusSign),o=i>0?Math.floor(i/60):Math.ceil(i/60);switch(e){case 0:return(i>=0?`+`:``)+Uy(o,2,a)+Uy(Math.abs(i%60),2,a);case 1:return`GMT`+(i>=0?`+`:``)+Uy(o,1,a);case 2:return`GMT`+(i>=0?`+`:``)+Uy(o,2,a)+`:`+Uy(Math.abs(i%60),2,a);case 3:return r===0?`Z`:(i>=0?`+`:``)+Uy(o,2,a)+`:`+Uy(Math.abs(i%60),2,a);default:throw new ii(2310,!1)}}}var Xy=0,Zy=4;function Qy(e){let t=By(e,Xy,1).getDay();return By(e,0,1+(t<=Zy?Zy:11)-t)}function $y(e){let t=e.getDay(),n=t===0?-3:Zy-t;return By(e.getFullYear(),e.getMonth(),e.getDate()+n)}function eb(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=$y(n),t=Qy(e.getFullYear()),r=e.getTime()-t.getTime();i=1+Math.round(r/6048e5)}return Uy(i,e,Oy(r,yy.MinusSign))}}function tb(e,t=!1){return function(n,r){return Uy($y(n).getFullYear(),e,Oy(r,yy.MinusSign),t)}}var nb=Object.create(null);function rb(e){if(nb[e])return nb[e];let t;switch(e){case`G`:case`GG`:case`GGG`:t=qy(3,_y.Abbreviated);break;case`GGGG`:t=qy(3,_y.Wide);break;case`GGGGG`:t=qy(3,_y.Narrow);break;case`y`:t=Gy(0,1,0,!1,!0);break;case`yy`:t=Gy(0,2,0,!0,!0);break;case`yyy`:t=Gy(0,3,0,!1,!0);break;case`yyyy`:t=Gy(0,4,0,!1,!0);break;case`Y`:t=tb(1);break;case`YY`:t=tb(2,!0);break;case`YYY`:t=tb(3);break;case`YYYY`:t=tb(4);break;case`M`:case`L`:t=Gy(1,1,1);break;case`MM`:case`LL`:t=Gy(1,2,1);break;case`MMM`:t=qy(2,_y.Abbreviated);break;case`MMMM`:t=qy(2,_y.Wide);break;case`MMMMM`:t=qy(2,_y.Narrow);break;case`LLL`:t=qy(2,_y.Abbreviated,gy.Standalone);break;case`LLLL`:t=qy(2,_y.Wide,gy.Standalone);break;case`LLLLL`:t=qy(2,_y.Narrow,gy.Standalone);break;case`w`:t=eb(1);break;case`ww`:t=eb(2);break;case`W`:t=eb(1,!0);break;case`d`:t=Gy(2,1);break;case`dd`:t=Gy(2,2);break;case`c`:case`cc`:t=Gy(7,1);break;case`ccc`:t=qy(1,_y.Abbreviated,gy.Standalone);break;case`cccc`:t=qy(1,_y.Wide,gy.Standalone);break;case`ccccc`:t=qy(1,_y.Narrow,gy.Standalone);break;case`cccccc`:t=qy(1,_y.Short,gy.Standalone);break;case`E`:case`EE`:case`EEE`:t=qy(1,_y.Abbreviated);break;case`EEEE`:t=qy(1,_y.Wide);break;case`EEEEE`:t=qy(1,_y.Narrow);break;case`EEEEEE`:t=qy(1,_y.Short);break;case`a`:case`aa`:case`aaa`:t=qy(0,_y.Abbreviated);break;case`aaaa`:t=qy(0,_y.Wide);break;case`aaaaa`:t=qy(0,_y.Narrow);break;case`b`:case`bb`:case`bbb`:t=qy(0,_y.Abbreviated,gy.Standalone,!0);break;case`bbbb`:t=qy(0,_y.Wide,gy.Standalone,!0);break;case`bbbbb`:t=qy(0,_y.Narrow,gy.Standalone,!0);break;case`B`:case`BB`:case`BBB`:t=qy(0,_y.Abbreviated,gy.Format,!0);break;case`BBBB`:t=qy(0,_y.Wide,gy.Format,!0);break;case`BBBBB`:t=qy(0,_y.Narrow,gy.Format,!0);break;case`h`:t=Gy(3,1,-12);break;case`hh`:t=Gy(3,2,-12);break;case`H`:t=Gy(3,1);break;case`HH`:t=Gy(3,2);break;case`m`:t=Gy(4,1);break;case`mm`:t=Gy(4,2);break;case`s`:t=Gy(5,1);break;case`ss`:t=Gy(5,2);break;case`S`:t=Gy(6,1);break;case`SS`:t=Gy(6,2);break;case`SSS`:t=Gy(6,3);break;case`Z`:case`ZZ`:case`ZZZ`:t=Yy(0);break;case`ZZZZZ`:t=Yy(3);break;case`O`:case`OO`:case`OOO`:case`z`:case`zz`:case`zzz`:t=Yy(1);break;case`OOOO`:case`ZZZZ`:case`zzzz`:t=Yy(2);break;default:return null}return nb[e]=t,t}function ib(e,t){e=e.replace(/:/g,``);let n=Date.parse(`Jan 01, 1970 00:00:00 `+e)/6e4;return isNaN(n)?t:n}function ab(e,t){return e=new Date(e.getTime()),e.setMinutes(e.getMinutes()+t),e}function ob(e,t,n){let r=e.getTimezoneOffset();return ab(e,-1*(ib(t,r)-r))}function sb(e){if(lb(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 By(t,n-1,r)}let t=parseFloat(e);if(!isNaN(e-t))return new Date(t);let n;if(n=e.match(Py))return cb(n)}let t=new Date(e);if(!lb(t))throw new ii(2311,!1);return t}function cb(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 lb(e){return e instanceof Date&&!isNaN(e.valueOf())}var ub=(()=>{class e{_viewContainerRef;_viewRef=null;ngTemplateOutletContext=null;ngTemplateOutlet=null;ngTemplateOutletInjector=null;injector=C(Ts);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)(Dm(sh))};static ɵdir=Xh({type:e,selectors:[[``,`ngTemplateOutlet`,``]],inputs:{ngTemplateOutletContext:`ngTemplateOutletContext`,ngTemplateOutlet:`ngTemplateOutlet`,ngTemplateOutletInjector:`ngTemplateOutletInjector`},features:[Ac]})}return e})();function db(e,t){return new ii(2100,!1)}var fb=`mediumDate`,pb=new xi(``),mb=new xi(``),hb=(()=>{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??fb,a=r??this.defaultOptions?.timezone??this.defaultTimezone??void 0;return Ry(t,e,i||this.locale,a)}catch(t){throw db(e,t.message)}}static ɵfac=function(t){return new(t||e)(Dm(Av,16),Dm(pb,24),Dm(mb,24))};static ɵpipe=Zh({name:`date`,type:e,pure:!0})}return e})(),gb=(()=>{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 _b(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 vb=`browser`,yb=class{_doc;constructor(e){this._doc=e}manager},bb=(()=>{class e extends yb{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)(Xi(Es))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),xb=new xi(``),Sb=(()=>{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 bb));this._plugins=n.slice().reverse();let r=e.find(e=>e instanceof bb);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 ii(-5101,!1);return this._eventNameToPlugin.set(e,t),t}static ɵfac=function(t){return new(t||e)(Xi(xb),Xi(zs))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),Cb=`ng-app-id`;function wb(e){for(let t of e)t.remove()}function Tb(e,t){let n=t.createElement(`style`);return n.textContent=e,n}function Eb(e,t,n,r){let i=e.head?.querySelectorAll(`style[${Cb}="${t}"],link[${Cb}="${t}"]`);if(!i||i.length===0)return!1;for(let e of i)e.removeAttribute(Cb),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 Db(e,t){let n=t.createElement(`link`);return n.setAttribute(`rel`,`stylesheet`),n.setAttribute(`href`,e),n}var Ob=(()=>{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,Eb(e,t,this.inline,this.external)&&this.hosts.add(e.head)}addStyles(e,t){for(let t of e)this.addUsage(t,this.inline,Tb);t?.forEach(e=>this.addUsage(e,this.external,Db))}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&&(wb(n.elements),t.delete(e)))}ngOnDestroy(){for(let[,{elements:e}]of[...this.inline,...this.external])wb(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,Tb(t,this.doc)));for(let[t,{elements:n}]of this.external)n.push(this.addElement(e,Db(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)(Xi(Es),Xi(tc),Xi(ac,8),Xi(ic))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),kb={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`},Ab=/%COMP%/g,jb=`%COMP%`,Mb=`_nghost-${jb}`,Nb=`_ngcontent-${jb}`,Pb=!0,Fb=new xi(``,{factory:()=>Pb}),Ib=new xi(``);function Lb(e){return Nb.replace(Ab,e)}function Rb(e){return Mb.replace(Ab,e)}function zb(e,t){return t.map(t=>t.replace(Ab,e))}var Bb=(()=>{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 Vb(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 Gb?n.applyToHost(e):n instanceof Wb&&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 du.Emulated:r=new Gb(o,s,t,this.appId,c,i,a,l,this.cssVarNamespace);break;case du.ShadowDom:return new Ub(o,e,t,i,a,this.nonce,l,this.cssVarNamespace,s);case du.ExperimentalIsolatedShadowDom:return new Ub(o,e,t,i,a,this.nonce,l,this.cssVarNamespace);default:r=new Wb(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)(Xi(Sb),Xi(Tm),Xi(tc),Xi(Fb),Xi(Es),Xi(zs),Xi(ac),Xi(Fd,8),Xi(Ib,8))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),Vb=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(kb[t]||t,e):this.doc.createElement(e)}createComment(e){return this.doc.createComment(e)}createText(e){return this.doc.createTextNode(e)}appendChild(e,t){(Hb(e)?e.content:e).appendChild(t)}insertBefore(e,t,n){if(e){let r=Hb(e)?e.content:e;if(n!=null&&n.parentNode!==r)throw new ii(-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 ii(-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=kb[r];i?e.setAttributeNS(i,t,n):e.setAttribute(t,n)}else e.setAttribute(t,n)}removeAttribute(e,t,n){if(n){let r=kb[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&(td.DashCase|td.Important)?e.style.setProperty(t,n,r&td.Important?`important`:``):e.style[t]=n}removeStyle(e,t,n){let r=t.startsWith(`--`);r&&(t=t.replace(`%NS%`,this.cssVarNamespace)),r||n&td.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=py().getGlobalEventTarget(this.doc,e),!e))throw new ii(-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 Hb(e){return e.tagName===`TEMPLATE`&&e.content!==void 0}var Ub=class extends Vb{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=zb(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=Db(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)}},Wb=class extends Vb{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?zb(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&&hd.size===0&&this.sharedStylesHost.removeStyles(this.styles,this.styleUrls)}},Gb=class extends Wb{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=Lb(l),this.hostAttr=Rb(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}},Kb=class e extends hy{supportsDOMEvents=!0;static makeCurrent(){my(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=Jb();return t==null?null:Yb(t)}resetBaseElement(){qb=null}getUserAgent(){return window.navigator.userAgent}getCookie(e){return _b(document.cookie,e)}},qb=null;function Jb(){return qb||=document.head.querySelector(`base`),qb?qb.getAttribute(`href`):null}function Yb(e){return new URL(e,document.baseURI).pathname}var Xb=[`alt`,`control`,`meta`,`shift`],Zb={"\b":`Backspace`,"	":`Tab`,"":`Delete`,"\x1B":`Escape`,Del:`Delete`,Esc:`Escape`,Left:`ArrowLeft`,Right:`ArrowRight`,Up:`ArrowUp`,Down:`ArrowDown`,Menu:`ContextMenu`,Scroll:`ScrollLock`,Win:`OS`},Qb={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey},$b=(()=>{class e extends yb{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(()=>py().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.`),Xb.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=Zb[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`),Xb.forEach(t=>{if(t!==n){let n=Qb[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)(Xi(Es))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})();async function ex(e,t,n){return ay({rootComponent:e,...tx(t,n)})}function tx(e,t){return{platformRef:t?.platformRef,appProviders:[...ox,...e?.providers??[]],platformProviders:ax}}function nx(){Kb.makeCurrent()}function rx(){return new Zs}function ix(){return $l(document),document}var ax=[{provide:ic,useValue:vb},{provide:rc,useValue:nx,multi:!0},{provide:Es,useFactory:ix}],ox=[{provide:ka,useValue:`root`},{provide:Zs,useFactory:rx},{provide:xb,useClass:bb,multi:!0},{provide:xb,useClass:$b,multi:!0},Bb,{provide:Tm,useClass:Ob},{provide:Ob,useExisting:Tm},Sb,{provide:om,useExisting:Bb},[]];function sx(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 cx={blue:sx(34,39),cyan:sx(36,39),gray:sx(90,39),green:sx(32,39),red:sx(31,39),yellow:sx(33,39),bold:sx(1,22),dim:sx(2,22),reset:sx(0,0),underline:sx(4,24)};function lx(e,...t){return typeof e==`function`?e(...t):e}var ux=Error.captureStackTrace,dx=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,ux?.(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 fx(e,t){return typeof e==`string`?`${e}/${t.toLowerCase()}`:e?.(t)}function px(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||fx(r,i),s=(e={},n={})=>{let r=new dx({code:i,why:lx(a.why,e),fix:lx(a.fix,e),docs:o,cause:e.cause,sources:e.sources,data:lx(a.data,e)},s);for(let e of t)e(r,n);return r};n[i]=s}return n}function mx(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 hx={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`}},gx=mx(cx);function _x(e,{method:t=`warn`}={}){console[t](gx(e))}function vx(e){return px({...e,reporters:[_x,...e.reporters??[]]})}function yx(){let e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}var bx=Math.random.bind(Math),xx=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function Sx(e=21){let t=``,n=e;for(;n--;)t+=xx[bx()*64|0];return t}var Cx=6e4,wx=e=>e,Tx=wx,{clearTimeout:Ex,setTimeout:Dx}=globalThis;function Ox(e,t){let{post:n,on:r,off:i=()=>{},eventNames:a=[],serialize:o=wx,deserialize:s=Tx,resolver:c,bind:l=`rpc`,timeout:u=Cx,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}=yx(),_=Sx();s.i=_;let ee;async function te(n=s){return u>=0&&(ee=Dx(()=>{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{Ex(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&&(Ex(r.timeoutId),n?r.reject(n):r.resolve(t)),p.delete(e)}}return m=r(ne),h}function kx(e,t){return t.safety?t.safety:e===`static`||e===`query`||e==null?`read`:`action`}var Ax=Object.freeze({type:`object`,additionalProperties:!0});function jx(e){let t=e[`~standard`];if(t.jsonSchema)try{return t.jsonSchema.input({target:`draft-2020-12`})}catch{return Ax}return Ax}function Mx(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]=jx(e[r]),n.push(i)}return{type:`object`,properties:t,required:n,additionalProperties:!1}}function Nx(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 Px(e,t){return Nx(e,t)??[e]}function Fx(e){return typeof e==`string`?`'${e}'`:new zx().serialize(e)}var Ix=` _-,;:!?.'"()[]{}@*/\\&#%\`^+<=>|~$0123456789abcdefghijklmnopqrstuvwxyz`,Lx=(function(){let e=new Uint8Array(128);for(let t=0;t<69;t++)e[Ix.charCodeAt(t)]=t+1;for(let t=65;t<=90;t++)e[t]=e[t+32];return e})();function Rx(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&&Lx[n]?Lx[n]:n+128,s=a<128&&Lx[a]?Lx[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 zx=(function(){class e{#e=new Map;compare(e,t){let n=typeof e,r=typeof t;return n===`string`&&r===`string`?Rx(e,t):n===`number`&&r===`number`?e-t:Rx(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(Rx),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})(),Bx=[1779033703,-1150833019,1013904242,-1521486534,1359893119,-1694144372,528734635,1541459225],Vx=[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],Hx=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_`,Ux=[],Wx=class{_data=new Gx;_hash=new Gx([...Bx]);_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)Ux[n]=e[t+n]|0;else{let e=Ux[n-15],t=(e<<25|e>>>7)^(e<<14|e>>>18)^e>>>3,r=Ux[n-2],i=(r<<15|r>>>17)^(r<<13|r>>>19)^r>>>10;Ux[n]=t+Ux[n-7]+i+Ux[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+Vx[n]+Ux[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=Gx.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 Gx(t,i)}},Gx=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(Hx.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 Kx(e){return new Wx().finalize(e).toBase64()}function qx(e){return Kx(Fx(e))}function Jx(e){return qx(e)}function Yx(){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 Xx=/^[\w+.-]{2,}:\/\//;function Zx(e){return e.endsWith(`/`)?e:`${e}/`}function Qx(e){return(e.endsWith(`/`)?e.slice(0,-1):e)||`/`}function $x(e,...t){let n=e;for(let e of t)e&&e!==`/`&&(n=n?Zx(n)+e.replace(/^\.?\//,``):e);return n}function eS(e,t){if(!t||t===`/`||Xx.test(e))return e;let n=Qx(t);return e.startsWith(n)?e:$x(n,e)}function tS(e,t){let n=e.match(Xx);return t+(n?e.slice(n[0].length):e)}var nS=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function rS(e=21){let t=``,n=e;for(;n--;)t+=nS[Math.random()*64|0];return t}var iS=Symbol.for(`immer-nothing`),aS=Symbol.for(`immer-draftable`),oS=Symbol.for(`immer-state`),sS=[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 cS(e,...t){{let n=sS[e],r=MS(n)?n.apply(null,t):n;throw Error(`[Immer] ${r}`)}}var lS=Object,uS=lS.getPrototypeOf,dS=`constructor`,fS=`prototype`,pS=`configurable`,mS=`enumerable`,hS=`writable`,gS=`value`,_S=e=>!!e&&!!e[oS];function vS(e){return e?xS(e)||OS(e)||!!e[aS]||!!e[dS]?.[aS]||kS(e)||AS(e):!1}var yS=lS[fS][dS].toString(),bS=new WeakMap;function xS(e){if(!e||!jS(e))return!1;let t=uS(e);if(t===null||t===lS[fS])return!0;let n=lS.hasOwnProperty.call(t,dS)&&t[dS];if(n===Object)return!0;if(!MS(n))return!1;let r=bS.get(n);return r===void 0&&(r=Function.toString.call(n),bS.set(n,r)),r===yS}function SS(e,t,n=!0){CS(e)===0?(n?Reflect.ownKeys(e):lS.keys(e)).forEach(n=>{t(n,e[n],e)}):e.forEach((n,r)=>t(r,n,e))}function CS(e){let t=e[oS];return t?t.type_:OS(e)?1:kS(e)?2:AS(e)?3:0}var wS=(e,t,n=CS(e))=>n===2?e.has(t):lS[fS].hasOwnProperty.call(e,t),TS=(e,t,n=CS(e))=>n===2?e.get(t):e[t],ES=(e,t,n,r=CS(e))=>{r===2?e.set(t,n):r===3?e.add(n):e[t]=n};function DS(e,t){return e===t?e!==0||1/e==1/t:e!==e&&t!==t}var OS=Array.isArray,kS=e=>e instanceof Map,AS=e=>e instanceof Set,jS=e=>typeof e==`object`,MS=e=>typeof e==`function`,NS=e=>typeof e==`boolean`;function PS(e){let t=+e;return Number.isInteger(t)&&String(t)===e}var FS=e=>jS(e)?e?.[oS]:null,IS=e=>e.copy_||e.base_,LS=e=>e.modified_?e.copy_:e.base_;function RS(e,t){if(kS(e))return new Map(e);if(AS(e))return new Set(e);if(OS(e))return Array[fS].slice.call(e);let n=xS(e);if(t===!0||t===`class_only`&&!n){let t=lS.getOwnPropertyDescriptors(e);delete t[oS];let n=Reflect.ownKeys(t);for(let r=0;r<n.length;r++){let i=n[r],a=t[i];a[hS]===!1&&(a[hS]=!0,a[pS]=!0),(a.get||a.set)&&(t[i]={[pS]:!0,[hS]:!0,[mS]:a[mS],[gS]:e[i]})}return lS.create(uS(e),t)}{let t=uS(e);if(t!==null&&n)return{...e};let r=lS.create(t);return lS.assign(r,e)}}function zS(e,t=!1){return HS(e)||_S(e)||!vS(e)?e:(CS(e)>1&&lS.defineProperties(e,{set:VS,add:VS,clear:VS,delete:VS}),lS.freeze(e),t&&SS(e,(e,t)=>{zS(t,!0)},!1),e)}function BS(){cS(2)}var VS={[gS]:BS};function HS(e){return e===null||!jS(e)||lS.isFrozen(e)}var US=`MapSet`,WS=`Patches`,GS=`ArrayMethods`,KS={};function qS(e){let t=KS[e];return t||cS(0,e),t}var JS=e=>!!KS[e];function YS(e,t){KS[e]||(KS[e]=t)}var XS,ZS=()=>XS,QS=(e,t)=>({drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0,handledSet_:new Set,processedForPatches_:new Set,mapSetPlugin_:JS(US)?qS(US):void 0,arrayMethodsPlugin_:JS(GS)?qS(GS):void 0});function $S(e,t){t&&(e.patchPlugin_=qS(WS),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function eC(e){tC(e),e.drafts_.forEach(rC),e.drafts_=null}function tC(e){e===XS&&(XS=e.parent_)}var nC=e=>XS=QS(XS,e);function rC(e){let t=e[oS];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function iC(e,t){t.unfinalizedDrafts_=t.drafts_.length;let n=t.drafts_[0];if(e!==void 0&&e!==n){n[oS].modified_&&(eC(t),cS(4)),vS(e)&&(e=aC(t,e));let{patchPlugin_:r}=t;r&&r.generateReplacementPatches_(n[oS].base_,e,t)}else e=aC(t,n);return oC(t,e,!0),eC(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e===iS?void 0:e}function aC(e,t){if(HS(t))return t;let n=t[oS];if(!n)return mC(t,e.handledSet_,e);if(!cC(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);fC(n,e)}return n.copy_}function oC(e,t,n=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&zS(t,n)}function sC(e){e.finalized_=!0,e.scope_.unfinalizedDrafts_--}var cC=(e,t)=>e.scope_===t,lC=[];function uC(e,t,n,r){let i=IS(e),a=e.type_;if(r!==void 0&&TS(i,r,a)===t){ES(i,r,n,a);return}if(!e.draftLocations_){let t=e.draftLocations_=new Map;SS(i,(e,n)=>{if(_S(n)){let r=t.get(n)||[];r.push(e),t.set(n,r)}})}let o=e.draftLocations_.get(t)??lC;for(let e of o)ES(i,e,n,a)}function dC(e,t,n){e.callbacks_.push(function(r){let i=t;if(!i||!cC(i,r))return;r.mapSetPlugin_?.fixSetContents(i);let a=LS(i);uC(e,i.draft_??i,a,n),fC(i,r)})}function fC(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)}sC(e)}}function pC(e,t,n){let{scope_:r}=e;if(_S(n)){let i=n[oS];cC(i,r)&&i.callbacks_.push(function(){CC(e),uC(e,n,LS(i),t)})}else vS(n)&&e.callbacks_.push(function(){let i=IS(e);e.type_===3?i.has(n)&&mC(n,r.handledSet_,r):TS(i,t,e.type_)===n&&r.drafts_.length>1&&(e.assigned_.get(t)??!1)===!0&&e.copy_&&mC(TS(e.copy_,t,e.type_),r.handledSet_,r)})}function mC(e,t,n){return!n.immer_.autoFreeze_&&n.unfinalizedDrafts_<1||_S(e)||t.has(e)||!vS(e)||HS(e)?e:(t.add(e),SS(e,(r,i)=>{if(_S(i)){let t=i[oS];cC(t,n)&&(ES(e,r,LS(t),e.type_),sC(t))}else vS(i)&&mC(i,t,n)}),e)}function hC(e,t){let n=OS(e),r={type_:+!!n,scope_:t?t.scope_:ZS(),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=gC;n&&(i=[r],a=_C);let{revoke:o,proxy:s}=Proxy.revocable(i,a);return r.draft_=s,r.revoke_=o,[s,r]}var gC={get(e,t){if(t===oS)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=IS(e);if(!wS(i,t,e.type_))return bC(e,i,t);let a=i[t];if(e.finalized_||!vS(a)||r&&e.operationMethod&&n?.isMutatingArrayMethod(e.operationMethod)&&PS(t))return a;if(a===vC(e.base_,t)||yC(e,t,a)){CC(e);let n=e.type_===1?+t:t,r=TC(e.scope_,a,e,n);return e.copy_[n]=r}return a},has(e,t){return t in IS(e)},ownKeys(e){return Reflect.ownKeys(IS(e))},set(e,t,n){let r=xC(IS(e),t);if(r?.set)return r.set.call(e.draft_,n),!0;if(!e.modified_){let r=vC(IS(e),t),i=r?.[oS];if(i&&i.base_===n)return e.copy_[t]=n,e.assigned_.delete(t),!0;if(DS(n,r)&&(n!==void 0||wS(e.base_,t,e.type_)))return!0;CC(e),SC(e)}return e.copy_[t]===n&&(n!==void 0||wS(e.copy_,t,e.type_))||Number.isNaN(n)&&Number.isNaN(e.copy_[t])?!0:(e.copy_[t]=n,e.assigned_.set(t,!0),pC(e,t,n),!0)},deleteProperty(e,t){return CC(e),vC(e.base_,t)!==void 0||t in e.base_?(e.assigned_.set(t,!1),SC(e)):e.assigned_.delete(t),e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){let n=IS(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r&&{[hS]:!0,[pS]:e.type_!==1||t!==`length`,[mS]:r[mS],[gS]:n[t]}},defineProperty(){cS(11)},getPrototypeOf(e){return uS(e.base_)},setPrototypeOf(){cS(12)}},_C={};for(let e in gC){let t=gC[e];_C[e]=function(){let e=arguments;return e[0]=e[0][0],t.apply(this,e)}}_C.deleteProperty=function(e,t){return isNaN(parseInt(t))&&cS(13),_C.set.call(this,e,t,void 0)},_C.set=function(e,t,n){return t!==`length`&&isNaN(parseInt(t))&&cS(14),gC.set.call(this,e[0],t,n,e[0])};function vC(e,t){let n=e[oS];return(n?IS(n):e)[t]}function yC(e,t,n){return e.type_!==1||!e.allIndicesReassigned_||e.assigned_?.get(t)||!vS(n)||n[oS]?!1:e.baseRefs_.has(n)}function bC(e,t,n){let r=xC(t,n);return r?gS in r?r[gS]:r.get?.call(e.draft_):void 0}function xC(e,t){if(!(t in e))return;let n=uS(e);for(;n;){let e=Object.getOwnPropertyDescriptor(n,t);if(e)return e;n=uS(n)}}function SC(e){e.modified_||(e.modified_=!0,e.parent_&&SC(e.parent_))}function CC(e){e.copy_||=(e.assigned_=new Map,RS(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var wC=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.useStrictIteration_=!1,this.produce=(e,t,n)=>{if(MS(e)&&!MS(t)){let n=t;t=e;let r=this;return function(e=n,...i){return r.produce(e,e=>t.call(this,e,...i))}}MS(t)||cS(6),n!==void 0&&!MS(n)&&cS(7);let r;if(vS(e)){let i=nC(this),a=TC(i,e,void 0),o=!0;try{r=t(a),o=!1}finally{o?eC(i):tC(i)}return $S(i,n),iC(r,i)}if(!e||!jS(e)){if(r=t(e),r===void 0&&(r=e),r===iS&&(r=void 0),this.autoFreeze_&&zS(r,!0),n){let t=[],i=[];qS(WS).generateReplacementPatches_(e,r,{patches_:t,inversePatches_:i}),n(t,i)}return r}cS(1,e)},this.produceWithPatches=(e,t)=>{if(MS(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]},NS(e?.autoFreeze)&&this.setAutoFreeze(e.autoFreeze),NS(e?.useStrictShallowCopy)&&this.setUseStrictShallowCopy(e.useStrictShallowCopy),NS(e?.useStrictIteration)&&this.setUseStrictIteration(e.useStrictIteration)}createDraft(e){vS(e)||cS(8),_S(e)&&(e=EC(e));let t=nC(this),n=TC(t,e,void 0);return n[oS].isManual_=!0,tC(t),n}finishDraft(e,t){let n=e&&e[oS];(!n||!n.isManual_)&&cS(9);let{scope_:r}=n;return $S(r,t),iC(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=qS(WS).applyPatches_;return _S(e)?r(e,t):this.produce(e,e=>r(e,t))}};function TC(e,t,n,r){let[i,a]=kS(t)?qS(US).proxyMap_(t,n):AS(t)?qS(US).proxySet_(t,n):hC(t,n);return(n?.scope_??ZS()).drafts_.push(i),a.callbacks_=n?.callbacks_??[],a.key_=r,n&&r!==void 0?dC(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 EC(e){return _S(e)||cS(10,e),DC(e)}function DC(e){if(!vS(e)||HS(e))return e;let t=e[oS],n,r=!0;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,n=RS(e,t.scope_.immer_.useStrictShallowCopy_),r=t.scope_.immer_.shouldUseStrictIteration()}else n=RS(e,!0);return SS(n,(e,t)=>{ES(n,e,DC(t))},r),t&&(t.finalized_=!1),n}function OC(){sS.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=FS(TS(e,n.key_)),i=TS(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||wS(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=TS(n,r),!jS(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?.[oS];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;SS(e.assigned_,(e,l)=>{let u=TS(o,e,c),f=TS(s,e,c),p=l?wS(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===iS?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=CS(o),n=i[e];typeof n!=`string`&&typeof n!=`number`&&(n=``+n),(t===0||t===1)&&(n===`__proto__`||n===dS)&&cS(19),MS(o)&&n===fS&&cS(19),o=TS(o,n),(o===null||!jS(o))&&cS(18,i.join(`/`))}let s=CS(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:cS(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:cS(17,a)}}),e}function u(e){if(!vS(e))return e;if(OS(e))return e.map(u);if(kS(e))return new Map(Array.from(e.entries()).map(([e,t])=>[e,u(t)]));if(AS(e))return new Set(Array.from(e).map(u));let t=Object.create(uS(e));for(let n in e)t[n]=u(e[n]);return wS(e,aS)&&(t[aS]=e[aS]),t}function d(e){return _S(e)?u(e):e}YS(WS,{applyPatches_:l,generatePatches_:i,generateReplacementPatches_:c,getPath:e})}globalThis.Iterator?.from;var kC=new wC,AC=kC.produce,jC=kC.produceWithPatches.bind(kC),MC=kC.applyPatches.bind(kC),NC=1e3;function PC(e,t){if(e.add(t),e.size>NC){let t=e.values().next().value;t!==void 0&&e.delete(t)}}function FC(e){let{enablePatches:t=!1}=e;t&&OC();let n=Yx(),r=e.initialValue,i=new Set;return{on:n.on,value:()=>r,patch:(e,t=rS())=>{i.has(t)||(OC(),r=MC(r,e),PC(i,t),n.emit(`updated`,r,void 0,t))},mutate:(e,a=rS())=>{if(!i.has(a)){if(PC(i,a),t){let[t,i]=jC(r,e);if(t===r)return;r=t,n.emit(`updated`,r,i,a)}else{let t=AC(r,e);if(t===r)return;r=t,n.emit(`updated`,r,void 0,a)}}},syncIds:i}}var IC=typeof self==`object`?self:globalThis,LC=new Set([`Error`,`EvalError`,`RangeError`,`ReferenceError`,`SyntaxError`,`TypeError`,`URIError`,`AggregateError`]),RC=new Set([`Boolean`,`Number`,`String`,`Int8Array`,`Uint8Array`,`Uint8ClampedArray`,`Int16Array`,`Uint16Array`,`Int32Array`,`Uint32Array`,`Float16Array`,`Float32Array`,`Float64Array`,`BigInt64Array`,`BigUint64Array`]);function zC(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=LC.has(e)?IC[e]:void 0;return n(new(r??IC.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`&&RC.has(a))return n(new IC[a](o),i);throw TypeError(`unable to deserialize unsafe or unknown type: ${String(a)}`)};return r}function BC(e){return zC(new Map,e)(0)}var VC=``,{toString:HC}={},{keys:UC}=Object;function WC(e){let t=typeof e;if(t!==`object`||!e)return[0,t];let n=HC.call(e).slice(8,-1);switch(n){case`Array`:return[1,VC];case`Object`:return[2,VC];case`Date`:return[3,VC];case`RegExp`:return[4,VC];case`Map`:return[5,VC];case`Set`:return[6,VC];case`DataView`:return[1,n]}return n.includes(`Array`)?[1,n]:n.includes(`Error`)?[7,n]:[2,n]}function GC([e,t]){return e===0&&(t===`function`||t===`symbol`)}function KC(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]=WC(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 UC(r))(e||!GC(WC(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||!(GC(WC(n))||GC(WC(i))))&&t.push([a(n),a(i)]);return n}case 6:{let t=[],n=i([o,t],r);for(let n of r)(e||!GC(WC(n)))&&t.push(a(n));return n}}let{message:c}=r;return i([o,{name:s,message:c}],r)};return a}function qC(e,t={}){let n=[];return KC(!(t.json||t.lossy),!!t.json,new Map,n)(e),n}var{parse:JC,stringify:YC}=JSON,XC={json:!0,lossy:!0};function ZC(e){return BC(JC(e))}function QC(e){return YC(qC(e,XC))}function $C(e){return BC(e)}function ew(e){return QC(e)}function tw(e){return ZC(e)}var nw=256,rw=class extends Error{name=`StreamClosedError`};function iw(e={}){let t=e.id??rS(),n=Math.max(0,e.replayWindow??0),r=Yx(),i=new AbortController,a=[],o=!1,s=0;function c(e){if(o)throw new rw(`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=ow(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 aw(e={}){let t=e.id??rS(),n=Math.max(1,e.highWaterMark??nw),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 ow(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 sw=128;function cw(e){return e.replace(/[^\w-]+/g,`_`).slice(0,sw)}var lw=`modulepreload`,uw=function(e,t){return new URL(e,t).href},dw={},fw=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=uw(t,n),t=s(t),t in dw)return;dw[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`:lw,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)})},pw=`__connection.json`,mw=`__DEVFRAME_CONNECTION__`,hw=`x-birpc-session`,gw=`__rpc-dump/index.json`,_w=`devframe:services`,vw=`devframe_otp`,yw=`devframe_auth_token`;hx.postMessage.remoteAssetsError;var bw=class{cacheMap=new Map;options;keySerializer;constructor(e){this.options=e,this.keySerializer=e.keySerializer||(e=>Jx(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()}},xw=vx({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 Sw(e){if(e.agent&&e.jsonSerializable===!1)throw xw.DF0019({name:e.name});e.agent&&!e.jsonSerializable&&(e.jsonSerializable=!0)}async function Cw(e,t){let n=e[`~standard`].validate(t);return n instanceof Promise?await n:n}function ww(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 Tw(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 Cw(i,n[r]);if(a.issues)throw xw.DF0043({name:e,index:r,issues:ww(a.issues)})}return r}async function Ew(e,t,n){if(!t)return n;let r=await Cw(t,n);if(r.issues)throw xw.DF0044({name:e,issues:ww(r.issues)});return n}async function Dw(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 Ow(e,t){let n=e.handler;if(!n){let r=await Dw(e,t);if(!r.handler)throw xw.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 Tw(e.name,r,t),o=await a(...n);return await Ew(e.name,i,o)}}var kw=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 Ow(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 xw.DF0021({name:e.name});Sw(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 xw.DF0022({name:e.name});Sw(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 Ow(this.definitions.get(e),this.context)}getSchema(e){let t=this.definitions.get(e);if(!t)throw xw.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 Aw(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 Mw(t,`undefined`,r,e);return n}return i!==null&&jw(i,r,e,t),n})}function jw(e,t,n,r){if(typeof e==`bigint`)throw Mw(r,`BigInt`,t,n);if(typeof e!=`object`)return;if(e instanceof Map)throw Mw(r,`Map`,t,n);if(e instanceof Set)throw Mw(r,`Set`,t,n);if(e instanceof Date)throw Mw(r,`Date`,t,n);if(Array.isArray(e))return;let i=Object.getPrototypeOf(e);if(i!==null&&i!==Object.prototype)throw Mw(r,e.constructor?.name??`class instance`,t,n)}function Mw(e,t,n,r){let i=Nw(n,r);return xw.DF0020({name:e||`<anonymous>`,type:t,path:i})}function Nw(e,t){return Array.isArray(e)?`[${t}]`:t===``?`<root>`:t}var Pw=`__DEVFRAME_CONNECTION_META__`,Fw=`__DEVFRAME_CONNECTION_AUTH_TOKEN__`;function Iw(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 Lw(){return Iw(mw)}function Rw(){return Iw(Pw)}function zw(e){if(e)return e;try{let e=localStorage.getItem(Fw);if(e)return e}catch{}return Iw(Fw)}function Bw(e){globalThis[mw]=e,globalThis[Pw]={...e.connectionMeta,baseUrl:e.metaBaseUrl},e.authToken&&Vw(e.authToken)}function Vw(e){try{localStorage.setItem(Fw,e)}catch{}globalThis[Fw]=e;let t=Lw();t&&(globalThis[mw]={...t,authToken:e})}function Hw(e){let t=eS(pw,e);try{return new URL(t,globalThis.location?.href).href}catch{return t}}function Uw(e,t){return t&&t!==e.authToken?{...e,authToken:t}:e}function Ww(){let e=Lw();if(e)return Uw(e,zw()??e.authToken??e.connectionMeta.authToken);let t=Rw();if(t)return{connectionMeta:t,metaBaseUrl:t.baseUrl??Hw(`./`),authToken:zw(t.authToken)}}async function Gw(e={}){if(e.connection){let t=Uw(e.connection,zw(e.authToken??e.connection.authToken??e.connection.connectionMeta.authToken));return Bw(t),t}let t=Array.isArray(e.baseURL)?e.baseURL:[e.baseURL??`./`];if(e.connectionMeta){let n={connectionMeta:e.connectionMeta,metaBaseUrl:Hw(t[0]??`./`),authToken:zw(e.authToken??e.connectionMeta.authToken)};return Bw(n),n}let n=Ww();if(n){let t=Uw(n,zw(e.authToken??n.authToken??n.connectionMeta.authToken));return Bw(t),t}let r=[];for(let n of t){let t=eS(pw,n),i=Hw(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:zw(e.authToken??r.authToken)};return Bw(o),o}catch(e){r.push(e)}}throw Error(`Failed to get connection meta from ${t.join(`, `)}`,{cause:r})}var Kw=class extends Error{name=`DevframeConnectionError`;kind;constructor(e,t,n){super(t,n),this.kind=e}};function qw(e=vw){try{let t=globalThis.location?.hash?.replace(/^#/,``)??``;return new URLSearchParams(t).get(e)||void 0}catch{return}}function Jw(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 Yw(e=vw){let t=qw(e);return t&&Jw(e),t}async function Xw(e,t={}){let n=Yw(t.param??`devframe_otp`);return n?e.isTrusted?!0:e.requestTrustWithCode(n):!1}function Zw(e){let t={},n=new WeakMap,r,i=()=>(r??=e.sharedState.get(_w,{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 Qw(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:hx.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:hx.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=FC({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(hx.client.isTrustedUpdated,e=>{e&&!n&&(n=!0,d())})}})}}}var $w=new Map;function eT(e=$w){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?Aw(n,r??``):`s:${ew(n)}`},deserialize:e=>{let n=e.startsWith(`s:`)?tw(e.slice(2)):JSON.parse(e);return n.t===`q`&&n.i&&n.m&&t.set(n.i,n.m),n}}}function tT(){}function nT(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 rT(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 iT(e){let{onConnected:t=tT,onError:n=tT,onDisconnected:r=tT,definitions:i,fetch:a=globalThis.fetch.bind(globalThis)}=e,o=e.url;e.authToken&&(o=`${o}${o.includes(`?`)?`&`:`?`}${yw}=${encodeURIComponent(e.authToken)}`);let s=eT(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=nT(r);if(!e)break;r=e.rest;let{event:t,data:n}=rT(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`,[hw]: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 aT(e,t){let{channel:n,rpcOptions:r={}}=t;return Ox(e,{...n,timeout:-1,...r,proxify:!1})}function oT(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(hx.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 Kw(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new Kw(`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(hx.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 Kw(`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(hx.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(hx.client.connectionError,e),m(new Kw(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new Kw(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=aT(a.functions,{channel:ee,rpcOptions:o});a.register({name:hx.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new Kw(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e),m(e),i.emit(hx.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 Kw(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e)}return i.emit(hx.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(hx.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(hx.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(hx.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(hx.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function sT(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 cT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=sT(n.sse,r??`./`,location);return oT({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>iT({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 lT(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:uT(r)?lT(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function uT(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function dT(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function fT(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function pT(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function mT(e){if(e.error)throw lT(e.error);return e.output}function hT(e){return e.some(e=>e!=null)}function gT(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function _T(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?$C(e):e}function a(e,t){return i(gT(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 pT(r)?mT(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(dT(r)){if(hT(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(fT(r)){let e=Jx(n),i=r.records[e];if(i)return mT(await s(i,r.serialization));if(r.fallback)return mT(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!hT(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 vT(e){let t=_T(await e.fetchJsonFromBases(gw),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 yT=``;function bT(e,t){return`${e}${yT}${t}`}function xT(e){let t=new Map,n=new Map;e.client.register({name:hx.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(bT(e,n))?._push(r,i)}}),e.client.register({name:hx.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=bT(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:hx.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=bT(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(hx.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(yT);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=bT(n,r),o=t.get(a);if(o)return o;let s=aw({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(hx.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=bT(t,r),a=n.get(i);if(a)return a;let o=iw({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 ST(){}var CT=new Map;function wT(e){let t=e.url;e.authToken&&(t=`${t}?${yw}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=ST,onError:i=ST,onDisconnected:a=ST,definitions:o=CT}=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=eT(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 TT(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 tS(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function ET(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=TT(n.websocket,r??`./`,location);return oT({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>wT({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 DT(e){return e.includes(`:`)}function OT(e,t){return DT(t)?t:`${e}:${t}`}function kT(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 AT(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=e.sharedState.get(r,{initialValue:{}}),i}return kT(a)}function jT(e,t){return{global:AT(e,t,`global`),project:AT(e,t,`project`)}}function MT(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(DT(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(OT(t,n),...r)),callEvent:((n,...r)=>e.callEvent(OT(t,n),...r)),callOptional:((n,...r)=>e.callOptional(OT(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(OT(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(OT(t,n),r,i),upload:(n,r)=>e.streaming.upload(OT(t,n),r)}},settings:jT(e,t),scope:e.scope}}function NT(){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 PT(e,t={}){let n=t.modelContext??NT();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=cw(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=kx(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:Mx(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>FT(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 FT(e,t,n){try{let r=Px(n,e.args?.length);return{content:[{type:`text`,text:IT(await(await Ow(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:LT(e)}]}}}function IT(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function LT(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 RT(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 zT(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Yx(),a=Array.isArray(t)?t:[t],o=await Gw(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new bw({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new kw(f),m=e.webmcp===!1?void 0:PT(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(eS(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=RT(e.transport??`auto`,s),ne=te===`static`?await vT({fetchJsonFromBases:_}):te===`sse`?cT({...ee,sseOptions:e.sseOptions}):ET({...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=>(Vw(e),o={...o,authToken:e},ne.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ne.requestTrustWithCode(e);if(!t)return!1;Vw(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=Qw(ce),ce.streaming=xT(ce),ce.services=Zw(ce);let le=new Map;ce.scope=(e=>{if(!e)return ce;let t=le.get(e);return t||(t=MT(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 Xw(ce,{param:n}):!1;t||r||ce.isTrusted||await de()}return ie=fe().then(()=>{ae=!0},()=>{ae=!0}),s.mcp&&fw(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-DiWMXIU4.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 BT=zT,VT=[`components`,`injectors`,`signals`,`ngrx`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`],HT=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function UT(e){return`pangular:${e}`}var WT=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`],GT={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},idleAfterMs:{default:6e4,min:0,max:6e5}},KT={"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`},qT=[[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 JT(e){return qT.some(([t])=>t===e)}var YT=`pangular`,XT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},ZT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function QT(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=XT[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[...ZT.filter(e=>n.has(e)),r].join(`+`)}function $T(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 eE(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 tE=[{id:`dashboard`,label:`Dashboard`},{id:`timeline`,label:`Timeline`},{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`}],nE=1e4;function rE(e){return tE.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var iE={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`},aE=200;function oE(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 sE(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=aE?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 cE=[{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},{id:`dock:reset-size`,title:`Popup: reset the docked size`,group:`Popup`,keywords:`splitter resize height width`,popupOnly:!0},{id:`popout`,title:`Popup: open in its own window`,group:`Popup`,keywords:`pop out detach new window`,popupOnly:!0},{id:`popout:return`,title:`Popup: back into the page`,group:`Popup`,keywords:`pop in attach dock window`,popupOnly:!0}];function lE(e){let t=rE(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=cE.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function uE(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function dE(e,t){return typeof e==`boolean`?e:t}var fE=100,pE=100;function mE(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=pE);return[...new Set(t)].slice(0,fE)}function hE(e,t){let{default:n,min:r,max:i}=GT[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function gE(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function _E(e){let t=uE(e),n=uE(t.agent),r=uE(t.inspectors),i=uE(n.tools),a=uE(t.actions),o=dE(t.actions,!0),s=uE(t.redaction),c=uE(t.limits),l=gE(VT,e=>dE(r[e],!0));return{inspectors:l,agent:{readOnly:dE(n.readOnly,!1),tools:gE(VT,e=>l[e]&&dE(i[e],!0))},actions:gE(WT,e=>l[e]&&dE(a[e],o)),redaction:{secretNames:mE(s.secretNames),unmask:mE(s.unmask)},limits:Object.fromEntries(Object.keys(GT).map(e=>[e,hE(c[e],e)])),popup:{hotkey:vE(uE(t.popup).hotkey)}}}function vE(e){return e===!1?!1:QT(e)??`Alt+Shift+P`}function yE(e){let t=e?.configs;return _E(t?.[YT])}function bE(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 xE={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`},SE={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`},CE={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`,idleAfterMs:e=>e?`idle ${e/1e3} s after the last agent call`:`never idle`};function wE(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=VT.filter(t=>e.inspectors[t]);return n(`Inspectors off`,VT.filter(t=>!e.inspectors[t]).map(e=>xE[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>xE[e])),n(`Blocked actions`,WT.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>SE[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(GT).filter(t=>e.limits[t]!==GT[t].default).map(t=>CE[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]),t}function TE(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 EE(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 OE={debugApi:{subject:`Live data`,since:`12.0`},injectorProviders:{subject:`Reading providers and environment injectors`,since:`16.2`},injectorMetadata:{subject:`The full injector tree`,since:`17.0`},isSignal:{subject:`Telling signals apart in component values`,since:`17.1`},signalGraph:{subject:`The live signal graph`,since:`20.1`},deferBlocks:{subject:`Listing @defer blocks`,since:`19.1`},forBlocks:{subject:`Listing @for blocks`,since:`22.0`},profiler:{subject:`Recording change detection`,since:`20.0`},angularProfiling:{subject:`Angular profiling`,since:`20.0`},routerInstance:{subject:`The router debug util`,since:`20.3`}};function kE(e){let t=/^(\d+)\.(\d+)/.exec(e.trim());return t?`${t[1]}.${t[2]}`:e.trim()}function AE(e){let t=/^(\d+)(?:\.(\d+))?/.exec(e.trim());return t?[Number(t[1]),Number(t[2]??0)]:null}function jE(e,t){let n=AE(e),r=AE(t);return!n||!r?!1:n[0]===r[0]?n[1]>=r[1]:n[0]>r[0]}function ME(e,t){return e?.capabilities?.[t]===!1}function NE(e,t){let n=OE[e],r=`${n.subject} needs Angular ${n.since} or later`;if(!t)return`${r}; this page's Angular version is unknown.`;let i=kE(t);return jE(t,n.since)?`${r} in a development build; this page runs Angular ${i} without it, which usually means a production build.`:`${r}; this page runs Angular ${i}.`}var PE=`pangular-page-id`,FE=null;function IE(e){FE=e}function LE(){if(FE)return FE;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(PE)||null)}catch{return null}}function RE(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 zE(e,t){return e?t?e.pages?.[t]??null:e:null}function BE(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function VE(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function HE(e,t,n){return VE(e,t,n).then(e=>e,()=>null)}function UE(e){return e?.connectionMeta.backend===`static`}function WE(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 GE(e){return e.split(`@`)[1]??``}var KE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},qE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},JE=HE,YE={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 XE(e){return YE[e]??e}var ZE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function QE(e,t){return await JE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function $E(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 eD=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function tD(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(eD,(e,t)=>t??(e===`**`?``:e))}function nD(e){return yE(e?.connectionMeta)}function rD(e,t){return nD(e).actions[t]}var iD={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`};function aD(e){return iD[e]}var oD=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function sD(e,t){let n=iD[e];return!n||t.inspectors[n]}function cD(e,t){e&1&&(D(),Vg(0,`rect`,4)(1,`rect`,5)(2,`rect`,6)(3,`rect`,7))}function lD(e,t){e&1&&(D(),Vg(0,`path`,8)(1,`circle`,9)(2,`circle`,10)(3,`path`,11))}function uD(e,t){e&1&&(D(),Vg(0,`path`,12)(1,`path`,13)(2,`path`,14))}function dD(e,t){e&1&&(D(),Vg(0,`circle`,15)(1,`path`,16)(2,`circle`,17))}function fD(e,t){e&1&&(D(),Vg(0,`path`,1))}function pD(e,t){e&1&&(D(),Vg(0,`path`,18)(1,`path`,19)(2,`path`,20)(3,`path`,21))}function mD(e,t){e&1&&(D(),Vg(0,`ellipse`,22)(1,`path`,23)(2,`path`,24))}function hD(e,t){e&1&&(D(),Vg(0,`rect`,25)(1,`path`,26)(2,`path`,27)(3,`path`,28))}function gD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,8)(2,`path`,30))}function _D(e,t){e&1&&(D(),Vg(0,`path`,31)(1,`path`,32)(2,`path`,33)(3,`path`,34)(4,`circle`,35))}function vD(e,t){e&1&&(D(),Vg(0,`circle`,36)(1,`path`,37))}function yD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,38)(2,`path`,39))}function bD(e,t){e&1&&(D(),Vg(0,`path`,2))}function xD(e,t){e&1&&(D(),Vg(0,`path`,3))}var SD=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:15,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`,`M3 12h18`],[`cx`,`7`,`cy`,`12`,`r`,`2`],[`cx`,`14`,`cy`,`12`,`r`,`2`],[`d`,`M18 7v10`],[`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`,`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&&(D(),B(0,`svg`,0),M(1,cD,4,0)(2,lD,4,0)(3,uD,3,0)(4,dD,3,0)(5,fD,1,0,`:svg:path`,1)(6,pD,4,0)(7,mD,3,0)(8,hD,4,0)(9,gD,3,0)(10,_D,5,0)(11,vD,2,0)(12,yD,3,0)(13,bD,1,0,`:svg:path`,2)(14,xD,1,0,`:svg:path`,3),V()),e&2){let e;k(),N((e=t.name())===`dashboard`?1:e===`timeline`?2:e===`components`?3:e===`routes`?4:e===`signals`?5:e===`injectors`?6:e===`store`?7:e===`forms`?8:e===`network`?9:e===`pipes`?10:e===`settings`?11:e===`errors`?12:e===`analog`?13:e===`capacitor`?14:-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`,[hw]: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 aT(e,t){let{channel:n,rpcOptions:r={}}=t;return Ox(e,{...n,timeout:-1,...r,proxify:!1})}function oT(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(hx.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 Kw(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new Kw(`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(hx.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 Kw(`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(hx.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(hx.client.connectionError,e),m(new Kw(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new Kw(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=aT(a.functions,{channel:ee,rpcOptions:o});a.register({name:hx.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new Kw(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e),m(e),i.emit(hx.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 Kw(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e)}return i.emit(hx.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(hx.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(hx.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(hx.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(hx.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function sT(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 cT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=sT(n.sse,r??`./`,location);return oT({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>iT({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 lT(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:uT(r)?lT(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function uT(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function dT(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function fT(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function pT(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function mT(e){if(e.error)throw lT(e.error);return e.output}function hT(e){return e.some(e=>e!=null)}function gT(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function _T(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?$C(e):e}function a(e,t){return i(gT(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 pT(r)?mT(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(dT(r)){if(hT(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(fT(r)){let e=Jx(n),i=r.records[e];if(i)return mT(await s(i,r.serialization));if(r.fallback)return mT(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!hT(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 vT(e){let t=_T(await e.fetchJsonFromBases(gw),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 yT=``;function bT(e,t){return`${e}${yT}${t}`}function xT(e){let t=new Map,n=new Map;e.client.register({name:hx.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(bT(e,n))?._push(r,i)}}),e.client.register({name:hx.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=bT(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:hx.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=bT(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(hx.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(yT);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=bT(n,r),o=t.get(a);if(o)return o;let s=aw({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(hx.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=bT(t,r),a=n.get(i);if(a)return a;let o=iw({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 ST(){}var CT=new Map;function wT(e){let t=e.url;e.authToken&&(t=`${t}?${yw}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=ST,onError:i=ST,onDisconnected:a=ST,definitions:o=CT}=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=eT(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 TT(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 tS(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function ET(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=TT(n.websocket,r??`./`,location);return oT({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>wT({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 DT(e){return e.includes(`:`)}function OT(e,t){return DT(t)?t:`${e}:${t}`}function kT(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 AT(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=e.sharedState.get(r,{initialValue:{}}),i}return kT(a)}function jT(e,t){return{global:AT(e,t,`global`),project:AT(e,t,`project`)}}function MT(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(DT(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(OT(t,n),...r)),callEvent:((n,...r)=>e.callEvent(OT(t,n),...r)),callOptional:((n,...r)=>e.callOptional(OT(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(OT(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(OT(t,n),r,i),upload:(n,r)=>e.streaming.upload(OT(t,n),r)}},settings:jT(e,t),scope:e.scope}}function NT(){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 PT(e,t={}){let n=t.modelContext??NT();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=cw(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=kx(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:Mx(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>FT(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 FT(e,t,n){try{let r=Px(n,e.args?.length);return{content:[{type:`text`,text:IT(await(await Ow(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:LT(e)}]}}}function IT(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function LT(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 RT(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 zT(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Yx(),a=Array.isArray(t)?t:[t],o=await Gw(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new bw({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new kw(f),m=e.webmcp===!1?void 0:PT(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(eS(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=RT(e.transport??`auto`,s),ne=te===`static`?await vT({fetchJsonFromBases:_}):te===`sse`?cT({...ee,sseOptions:e.sseOptions}):ET({...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=>(Vw(e),o={...o,authToken:e},ne.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ne.requestTrustWithCode(e);if(!t)return!1;Vw(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=Qw(ce),ce.streaming=xT(ce),ce.services=Zw(ce);let le=new Map;ce.scope=(e=>{if(!e)return ce;let t=le.get(e);return t||(t=MT(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 Xw(ce,{param:n}):!1;t||r||ce.isTrusted||await de()}return ie=fe().then(()=>{ae=!0},()=>{ae=!0}),s.mcp&&fw(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-B7bSM4Qv.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 BT=zT,VT=[`components`,`injectors`,`signals`,`ngrx`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`],HT=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function UT(e){return`pangular:${e}`}var WT=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`],GT={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},idleAfterMs:{default:6e4,min:0,max:6e5}},KT={"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`},qT=[[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 JT(e){return qT.some(([t])=>t===e)}var YT=`pangular`,XT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},ZT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function QT(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=XT[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[...ZT.filter(e=>n.has(e)),r].join(`+`)}function $T(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 eE(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 tE=[{id:`dashboard`,label:`Dashboard`},{id:`timeline`,label:`Timeline`},{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`}],nE=1e4;function rE(e){return tE.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var iE={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`},aE=200;function oE(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 sE(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=aE?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 cE=[{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},{id:`dock:reset-size`,title:`Popup: reset the docked size`,group:`Popup`,keywords:`splitter resize height width`,popupOnly:!0},{id:`popout`,title:`Popup: open in its own window`,group:`Popup`,keywords:`pop out detach new window`,popupOnly:!0},{id:`popout:return`,title:`Popup: back into the page`,group:`Popup`,keywords:`pop in attach dock window`,popupOnly:!0}];function lE(e){let t=rE(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=cE.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function uE(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function dE(e,t){return typeof e==`boolean`?e:t}var fE=100,pE=100;function mE(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=pE);return[...new Set(t)].slice(0,fE)}function hE(e,t){let{default:n,min:r,max:i}=GT[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function gE(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function _E(e){let t=uE(e),n=uE(t.agent),r=uE(t.inspectors),i=uE(n.tools),a=uE(t.actions),o=dE(t.actions,!0),s=uE(t.redaction),c=uE(t.limits),l=gE(VT,e=>dE(r[e],!0));return{inspectors:l,agent:{readOnly:dE(n.readOnly,!1),tools:gE(VT,e=>l[e]&&dE(i[e],!0))},actions:gE(WT,e=>l[e]&&dE(a[e],o)),redaction:{secretNames:mE(s.secretNames),unmask:mE(s.unmask)},limits:Object.fromEntries(Object.keys(GT).map(e=>[e,hE(c[e],e)])),popup:{hotkey:vE(uE(t.popup).hotkey)}}}function vE(e){return e===!1?!1:QT(e)??`Alt+Shift+P`}function yE(e){let t=e?.configs;return _E(t?.[YT])}function bE(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 xE={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`},SE={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`},CE={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`,idleAfterMs:e=>e?`idle ${e/1e3} s after the last agent call`:`never idle`};function wE(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=VT.filter(t=>e.inspectors[t]);return n(`Inspectors off`,VT.filter(t=>!e.inspectors[t]).map(e=>xE[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>xE[e])),n(`Blocked actions`,WT.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>SE[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(GT).filter(t=>e.limits[t]!==GT[t].default).map(t=>CE[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]),t}function TE(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 EE(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 OE={debugApi:{subject:`Live data`,since:`12.0`},injectorProviders:{subject:`Reading providers and environment injectors`,since:`16.2`},injectorMetadata:{subject:`The full injector tree`,since:`17.0`},isSignal:{subject:`Telling signals apart in component values`,since:`17.1`},signalGraph:{subject:`The live signal graph`,since:`20.1`},deferBlocks:{subject:`Listing @defer blocks`,since:`19.1`},forBlocks:{subject:`Listing @for blocks`,since:`22.0`},profiler:{subject:`Recording change detection`,since:`20.0`},angularProfiling:{subject:`Angular profiling`,since:`20.0`},routerInstance:{subject:`The router debug util`,since:`20.3`}};function kE(e){let t=/^(\d+)\.(\d+)/.exec(e.trim());return t?`${t[1]}.${t[2]}`:e.trim()}function AE(e){let t=/^(\d+)(?:\.(\d+))?/.exec(e.trim());return t?[Number(t[1]),Number(t[2]??0)]:null}function jE(e,t){let n=AE(e),r=AE(t);return!n||!r?!1:n[0]===r[0]?n[1]>=r[1]:n[0]>r[0]}function ME(e,t){return e?.capabilities?.[t]===!1}function NE(e,t){let n=OE[e],r=`${n.subject} needs Angular ${n.since} or later`;if(!t)return`${r}; this page's Angular version is unknown.`;let i=kE(t);return jE(t,n.since)?`${r} in a development build; this page runs Angular ${i} without it, which usually means a production build.`:`${r}; this page runs Angular ${i}.`}var PE=`pangular-page-id`,FE=null;function IE(e){FE=e}function LE(){if(FE)return FE;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(PE)||null)}catch{return null}}function RE(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 zE(e,t){return e?t?e.pages?.[t]??null:e:null}function BE(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function VE(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function HE(e,t,n){return VE(e,t,n).then(e=>e,()=>null)}function UE(e){return e?.connectionMeta.backend===`static`}function WE(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 GE(e){return e.split(`@`)[1]??``}var KE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},qE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},JE=HE,YE={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 XE(e){return YE[e]??e}var ZE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function QE(e,t){return await JE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function $E(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 eD=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function tD(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(eD,(e,t)=>t??(e===`**`?``:e))}function nD(e){return yE(e?.connectionMeta)}function rD(e,t){return nD(e).actions[t]}var iD={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`};function aD(e){return iD[e]}var oD=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function sD(e,t){let n=iD[e];return!n||t.inspectors[n]}function cD(e,t){e&1&&(D(),Vg(0,`rect`,4)(1,`rect`,5)(2,`rect`,6)(3,`rect`,7))}function lD(e,t){e&1&&(D(),Vg(0,`path`,8)(1,`circle`,9)(2,`circle`,10)(3,`path`,11))}function uD(e,t){e&1&&(D(),Vg(0,`path`,12)(1,`path`,13)(2,`path`,14))}function dD(e,t){e&1&&(D(),Vg(0,`circle`,15)(1,`path`,16)(2,`circle`,17))}function fD(e,t){e&1&&(D(),Vg(0,`path`,1))}function pD(e,t){e&1&&(D(),Vg(0,`path`,18)(1,`path`,19)(2,`path`,20)(3,`path`,21))}function mD(e,t){e&1&&(D(),Vg(0,`ellipse`,22)(1,`path`,23)(2,`path`,24))}function hD(e,t){e&1&&(D(),Vg(0,`rect`,25)(1,`path`,26)(2,`path`,27)(3,`path`,28))}function gD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,8)(2,`path`,30))}function _D(e,t){e&1&&(D(),Vg(0,`path`,31)(1,`path`,32)(2,`path`,33)(3,`path`,34)(4,`circle`,35))}function vD(e,t){e&1&&(D(),Vg(0,`circle`,36)(1,`path`,37))}function yD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,38)(2,`path`,39))}function bD(e,t){e&1&&(D(),Vg(0,`path`,2))}function xD(e,t){e&1&&(D(),Vg(0,`path`,3))}var SD=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:15,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`,`M3 12h18`],[`cx`,`7`,`cy`,`12`,`r`,`2`],[`cx`,`14`,`cy`,`12`,`r`,`2`],[`d`,`M18 7v10`],[`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`,`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&&(D(),B(0,`svg`,0),M(1,cD,4,0)(2,lD,4,0)(3,uD,3,0)(4,dD,3,0)(5,fD,1,0,`:svg:path`,1)(6,pD,4,0)(7,mD,3,0)(8,hD,4,0)(9,gD,3,0)(10,_D,5,0)(11,vD,2,0)(12,yD,3,0)(13,bD,1,0,`:svg:path`,2)(14,xD,1,0,`:svg:path`,3),V()),e&2){let e;k(),N((e=t.name())===`dashboard`?1:e===`timeline`?2:e===`components`?3:e===`routes`?4:e===`signals`?5:e===`injectors`?6:e===`store`?7:e===`forms`?8:e===`network`?9:e===`pipes`?10:e===`settings`?11:e===`errors`?12:e===`analog`?13:e===`capacitor`?14:-1)}},styles:[`[_nghost-%COMP%] {
   display: inline-flex;
   flex-shrink: 0;
 }`]})},CD=(e,t)=>t.tab,wD=(e,t)=>t.label;function TD(e,t){e&1&&J(0),e&2&&X(` `,G().meta()?.projectName,` `)}function ED(e,t){e&1&&J(0,` Project details unavailable `)}function DD(e,t){e&1&&J(0,` Loading… `)}function OD(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function kD(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 T(e),E(G(2).loadMeta())}),J(1,`Try again`),R()}}function jD(e,t){if(e&1&&(L(0,`p`,10),M(1,OD,4,0)(2,kD,1,0),R(),M(3,AD,2,0,`button`,11)),e&2){let e=G();k(),N(e.staticReport()?1:2),k(2),N(e.staticReport()?-1:3)}}function MD(e,t){e&1&&(L(0,`li`,5)(1,`span`),J(2,`Analog`),R(),J(3),R()),e&2&&(k(3),Y(t))}function ND(e,t){e&1&&(L(0,`li`)(1,`span`),J(2,`Change detection`),R(),J(3),R()),e&2&&(k(3),Y(t))}function PD(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();k(),Y(t.cards()[e.tab]?.value),k(2),Y(t.cards()[e.tab]?.sub)}}function FD(e,t){e&1&&(L(0,`span`,21),J(1,`–`),R(),L(2,`span`,20),J(3,`Count unavailable`),R())}function ID(e,t){e&1&&(z(0,`span`,22),L(1,`span`,20),J(2,`Counting…`),R())}function LD(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){let t=T(e).$implicit;return E(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,PD,4,2)(9,FD,4,0)(10,ID,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`),k(3),I(`name`,n.tab),k(4),Y(n.label),k(),N((e=i)===`ready`?8:e===`error`?9:10)}}function RD(e,t){e&1&&(L(0,`p`),J(1,`Loading…`),R())}function zD(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;k(2),Y(e.label),k(2),Y(e.value)}}function BD(e,t){if(e&1&&(L(0,`dl`),P(1,zD,5,2,`div`,null,wD),R()),e&2){let e=G();k(),F(e.configItems())}}function VD(e,t){e&1&&(L(0,`p`),J(1,`Defaults`),R())}var HD=[{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 UD(e){return HD.filter(t=>sD(t.tab,e))}var WD={zoneless:`Zoneless`,zone:`zone.js`,"zone-unused":`Zoneless, zone.js loaded`};function GD(e){return e&&Object.hasOwn(WD,e)?WD[e]:null}var KD=new Set([`signal`,`computed`,`linkedSignal`,`effect`]),qD={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 JD(e,t,n){return`${e} ${e===1?t:n}`}function YD(e,t){for(let n of e??[])t(n),YD(n.children,t)}function XD(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 · ${JD(t,`directive`,`directives`)}`}}function ZD(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 · ${JD(t,`redirect`,`redirects`)}`}}function QD(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]=qD[e]??[e,e];return JD(t,n,r)});return{value:e.length,sub:n.join(` · `)}}function $D(e,t){let n=e?.forms??[],r=t?n.filter(e=>GE(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 eO(e){return e.cancelled||e.status===void 0?!1:e.status===0||e.status>=400}function tO(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(eO).length;return{value:o.length,sub:`${o.length===1?`call`:`calls`} · ${s} failed`}}var nO=class e{rpc=$(null);navigate=Rv();staticReport=Q(()=>UE(this.rpc()));meta=O(null);config=Q(()=>nD(this.rpc()));stats=Q(()=>this.rpc()?UD(this.config()):[]);configItems=Q(()=>wE(this.config()));metaState=O(`loading`);states=O({});rows=O({});injectorTree=O(null);signalGraph=O(null);formsState=O(null);httpState=O(null);pageId=LE();destroyRef=C(Ds);stopLive=[];zone=Q(()=>GD(zE(this.injectorTree(),this.pageId)?.zone));liveInjectors=Q(()=>{let e=zE(this.injectorTree(),this.pageId);if(!e?.roots?.length)return null;let t=0,n=0,r=e=>{t++,n+=e.providers?.length??0};return YD(e.roots,r),YD(e.environment,r),{injectors:t,providers:n}});liveSignals=Q(()=>{let e=BE(this.signalGraph(),this.pageId);return e?.nodes?.length?e.nodes.filter(e=>KD.has(e.kind??``)).length:null});cards=Q(()=>{let e=this.rows(),t={};if(e.components&&(t.components=XD(e.components)),e.routes&&(t.routes=ZD(e.routes)),e.store&&(t.store=QD(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 · ${JD(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=$D(i,this.pageId));let a=this.httpState();return a&&(t.network=tO(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(){mc(()=>{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=nD(e),r=e=>sD(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)),sD(`forms`,t)&&r(`forms`,e=>this.formsState.set(e??{}),`forms`),sD(`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=A({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,TD,1,1)(6,ED,1,0)(7,DD,1,0),R(),M(8,jD,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,MD,4,1,`li`,5),M(23,ND,4,1,`li`),R()(),L(24,`div`,6),P(25,LD,11,6,`button`,7,CD),R(),L(27,`section`,8)(28,`h2`,9),J(29,`Configuration`),R(),M(30,RD,2,0,`p`)(31,BD,3,0,`dl`)(32,VD,2,0,`p`),R()),e&2){let e,n,r;j(`aria-busy`,t.metaState()===`loading`),k(4),q(`muted`,t.metaState()!==`ready`),k(),N((e=t.metaState())===`ready`?5:e===`error`?6:7),k(3),N(t.metaState()===`error`?8:-1),k(),q(`pending`,t.metaState()===`loading`),k(4),Y(t.meta()?.angularVersion??`…`),k(4),Y(t.meta()?.typescript??`…`),k(4),Y(t.meta()?t.meta()?.ssr?`On`:`Off`:`…`),k(),N((n=t.meta()?.analog)?22:-1,n),k(),N((r=t.zone())?23:-1,r),k(2),F(t.stats()),k(2),j(`aria-busy`,!t.rpc()),k(3),N(t.rpc()?t.configItems().length?31:32:30)}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
@@ -2229,7 +2229,7 @@ button.edit[_ngcontent-%COMP%] {
   min-width: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-}`]})},TN=(e,t)=>t.id;function EN(e,t){e&1&&(L(0,`p`,7),J(1,` This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and the Angular debug API of a development build. `),R())}function DN(e,t){if(e&1&&(L(0,`span`,18),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`open subscription`))}}function ON(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,15),J(4),R(),L(5,`span`,16),J(6),R(),L(7,`span`,17),J(8),R(),M(9,DN,2,1,`span`,18),R()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.name),k(2),Y(e.route||`/`),k(2),X(``,n.plural(e.navigations,`navigation`),` ago`),k(2),Y(n.ageOf(e)),k(),N(e.subscriptions?9:-1)}}function kN(e,t){if(e&1&&(L(0,`p`,6),J(1),R(),L(2,`ul`,12),P(3,ON,10,5,`li`,13,TN),R()),e&2){let e=G(2);k(),Z(` Destroyed, yet still in memory after at least `,e.minNavigations,` navigations and `,e.minSeconds,` seconds. Take a heap snapshot, search for the class and read its retainers. `),k(2),F(e.retained().slice(0,e.shown))}}function AN(e,t){e&1&&(L(0,`p`,6),J(1,`No destroyed component is still in memory after a few navigations.`),R())}function jN(e,t){if(e&1&&(L(0,`p`,6),J(1),L(2,`span`,19),J(3),R(),J(4,`. Navigate a few times to see whether they stay. `),R()),e&2){let e=G(2);k(),X(` `,e.plural(e.recent().length,`instance`),` destroyed recently and not collected yet: `),k(2),Y(e.names(e.recent()))}}function MN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Not counted: the last destroyed instance of a class with none left on the page, which Angular's development-mode DI debug data can keep alive: `),L(2,`span`,19),J(3),R(),J(4,`. `),R()),e&2){let e=G(2);k(3),Y(e.names(e.devHeld()))}}function NN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Off the page but not destroyed (detached views, such as a route reuse cache): `),L(2,`span`,19),J(3),R(),J(4,`. `),R()),e&2){let e=G(2);k(3),Y(e.names(e.detached()))}}function PN(e,t){if(e&1&&(L(0,`span`,10),J(1),R()),e&2){let e=G();k(),Y(e.subscriptions.length)}}function FN(e,t){if(e&1&&(L(0,`span`,15),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.source)}}function IN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,16),J(4),R(),L(5,`span`,18),J(6),R(),M(7,FN,2,1,`span`,15),R()),e&2){let e=t.$implicit;k(2),Y(e.name),k(2),X(``,e.count,` open`),k(2),X(` `,e.reason===`instance-destroyed`?`instance destroyed`:`no instance left`,` `),k(),N(e.source?7:-1)}}function LN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Still open although the component that made them is gone. Tear them down with takeUntilDestroyed(), DestroyRef.onDestroy or the async pipe. `),R(),L(2,`ul`,12),P(3,IN,8,4,`li`,13,kg),R()),e&2){let e=G(2),t=G();k(3),F(e.subscriptions.slice(0,t.shown))}}function RN(e,t){e&1&&(L(0,`p`,6),J(1,`No subscription is still open after its component went away.`),R())}function zN(e,t){e&1&&(L(0,`p`,6),J(1,` Subscriptions are tied to component classes only; Angular 20 profiler hooks tie them to instances. `),R())}function BN(e,t){if(e&1&&(M(0,LN,5,0)(1,RN,2,0,`p`,6),M(2,zN,2,0,`p`,6)),e&2){let e=G();N(+!e.subscriptions.length),k(2),N(e.support.instances?-1:2)}}function VN(e,t){e&1&&(L(0,`p`,7),J(1,` Tracking could not start: the page has no RxJS the overlay can load. `),R())}function HN(e,t){e&1&&(L(0,`p`,6),J(1,` Off. Track subscriptions wraps Observable.prototype.subscribe on the page to record which component makes each subscription, until you stop it. Subscriptions made before you start are not seen, so reload or navigate again after starting. `),R())}function UN(e,t){e&1&&z(0,`app-angular-unavailable`,11),e&2&&I(`page`,G(2).angular())}function WN(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`subscription`))}}function GN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showComponent.emit(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`blur`,function(){return T(e),E(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`mouseleave`,function(){return T(e),E(G(3).highlight.emit(null))}),L(2,`span`,14),J(3),R(),L(4,`span`,16),J(5),R(),M(6,WN,2,1,`span`,16),R()()}if(e&2){let e=t.$implicit,n=G(2),r=G();k(3),Y(e.name),k(2),Y(r.effectsText(e)),k(),N(n.support.subscriptions===`on`?6:-1)}}function KN(e,t){e&1&&(L(0,`p`,6),J(1,` Angular files a component's effects under the template its host sits in, so effects of components side by side in one template show as shared. `),R())}function qN(e,t){if(e&1&&(L(0,`ul`,12),P(1,GN,7,3,`li`,null,TN),R(),M(3,KN,2,0,`p`,6)),e&2){let e=G(),t=G();k(),F(e.components.slice(0,t.shown)),k(2),N(e.components.some(t.hasShared)?3:-1)}}function JN(e,t){e&1&&(L(0,`p`,6),J(1,`No component on the page has a live effect or a tracked subscription.`),R())}function YN(e,t){if(e&1&&(M(0,EN,2,0,`p`,7),L(1,`p`,8),J(2),R(),L(3,`h3`,9),J(4,` Still retained `),L(5,`span`,10),J(6),R()(),M(7,kN,5,2)(8,AN,2,0,`p`,6),M(9,jN,5,2,`p`,6),M(10,MN,5,1,`p`,6),M(11,NN,5,1,`p`,6),L(12,`h3`,9),J(13,` Open subscriptions after destroy `),M(14,PN,2,1,`span`,10),R(),M(15,BN,3,2)(16,VN,2,0,`p`,7)(17,HN,2,0,`p`,6),L(18,`h3`,9),J(19,` Live effects and subscriptions `),L(20,`span`,10),J(21),R()(),M(22,UN,1,1,`app-angular-unavailable`,11),M(23,qN,4,1)(24,JN,2,0,`p`,6)),e&2){let e,n=t,r=G();N(n.support.retention?-1:0),k(2),rv(` `,r.plural(n.navigations,`navigation`),` · `,r.retained().length,` still retained · `,r.plural(n.totals.collected,`instance`),` collected `),k(4),Y(r.retained().length),k(),N(r.retained().length?7:8),k(2),N(r.recent().length?9:-1),k(),N(r.devHeld().length?10:-1),k(),N(r.detached().length?11:-1),k(3),N(n.support.subscriptions===`on`?14:-1),k(),N((e=n.support.subscriptions)===`on`?15:e===`unavailable`?16:17),k(6),Y(n.components.length),k(),N(n.support.effects?-1:22),k(),N(n.components.length?23:24)}}function XN(e,t){e&1&&(L(0,`p`,6),J(1,`No leak data from this page yet. It comes with the next report.`),R())}var ZN=20;function QN(e){let t=Math.max(0,Math.round(e/1e3));if(t<120)return`${t} s`;let n=Math.round(t/60);return n<120?`${n} min`:`${Math.round(n/60)} h`}var $N=(e,t,n=`${t}s`)=>`${e} ${e===1?t:n}`,eP=class e{report=$(null);pageId=$(null);rpc=$(null);angular=$(null);now=$(()=>Date.now());showComponent=Rv();highlight=Rv();shown=ZN;minNavigations=2;minSeconds=nE/1e3;plural=$N;busy=O(!1);announcement=O(``);tracking=Q(()=>this.report()?.support.subscriptions===`on`);split=Q(()=>{let e=this.report(),t=[],n=[],r=[],i=[];if(!e)return{retained:t,recent:n,detached:r,devHeld:i};for(let a of e.destroyed)a.detached?r.push(a):a.devHeld?i.push(a):this.isRetained(e,a)?t.push(a):n.push(a);return{retained:t,recent:n,detached:r,devHeld:i}});retained=Q(()=>this.split().retained);recent=Q(()=>this.split().recent);detached=Q(()=>this.split().detached);devHeld=Q(()=>this.split().devHeld);ageMs(e,t){return Math.max(0,this.now()()-e.reportedAt+(e.at-t.destroyedAt))}isRetained(e,t){return t.navigations>=2&&this.ageMs(e,t)>=1e4}ageOf(e){let t=this.report();return t?`${QN(this.ageMs(t,e))} old`:``}names(e){let t=[...new Set(e.map(e=>e.name))];return t.length>6?`${t.slice(0,6).join(`, `)} and more`:t.join(`, `)}hasShared(e){return!!e.sharedEffects}effectsText(e){let t=$N(e.effects,`effect`);return e.sharedEffects?`${t}, ${e.sharedEffects} shared`:t}async toggle(){let e=this.pageId();if(!e||this.busy())return;let t=!this.tracking();this.busy.set(!0);try{await VE(this.rpc(),`request-leak-tracking`,{pageId:e,on:t}),this.announcement.set(t?`Tracking subscriptions. Reload or navigate to see subscriptions made at start.`:`Stopped tracking subscriptions.`)}catch{this.announcement.set(`Could not reach the page. Try again.`)}finally{this.busy.set(!1)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-leaks-section`]],inputs:{report:[1,`report`],pageId:[1,`pageId`],rpc:[1,`rpc`],angular:[1,`angular`],now:[1,`now`]},outputs:{showComponent:`showComponent`,highlight:`highlight`},decls:12,vars:5,consts:[[`aria-labelledby`,`ct-leaks-title`,1,`leaks`],[1,`head`],[`id`,`ct-leaks-title`],[`type`,`button`,1,`track`,3,`click`,`disabled`],[`role`,`status`,1,`sr-only`],[1,`hint`],[1,`note`],[`role`,`status`,1,`note`],[1,`stats`],[1,`sub`],[1,`pill`],[`capability`,`signalGraph`,`missing`,``,`compact`,``,3,`page`],[1,`rows`],[1,`row`],[1,`name`,`mono`],[1,`meta`,`mono`],[1,`count`],[1,`meta`],[1,`flag`,`warn`],[1,`mono`],[`type`,`button`,1,`row`,`live`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`h2`,2),J(3,`Leaks`),R(),L(4,`button`,3),U(`click`,function(){return t.toggle()}),J(5,` Track subscriptions `),R(),L(6,`p`,4),J(7),R()(),L(8,`p`,5),J(9,` Components that left the page but are still in memory, and the live effects and RxJS subscriptions of each component. The browser collects garbage when it decides, so a retained instance is a hint: check what holds it in the Chrome DevTools Memory panel. `),R(),M(10,YN,25,14)(11,XN,2,0,`p`,6),R()),e&2){let e;k(4),I(`disabled`,!t.pageId()||!t.report()),j(`aria-pressed`,t.tracking())(`aria-disabled`,t.busy()||null),k(3),Y(t.announcement()),k(3),N((e=t.report())?10:11,e)}},dependencies:[hO],styles:[`[_nghost-%COMP%] {
+}`]})},TN=(e,t)=>t.id;function EN(e,t){if(e&1&&(L(0,`p`,11),J(1),R(),L(2,`h3`,7),J(3,`Still retained`),R(),L(4,`p`,9),J(5,` In a development build, Angular's DI debug data keeps every destroyed component in memory, so Pangular can't tell a leak from that. Check retainers in the Chrome DevTools Memory panel: take a heap snapshot after a few navigations, search for the class and look for a retainer other than Angular's DI debug records. Open subscriptions after destroy are still tracked below. `),R()),e&2){let e=G(),t=G();k(),Y(t.plural(e.navigations,`navigation`))}}function DN(e,t){e&1&&(L(0,`p`,9),J(1,` This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and the Angular debug API of a development build. `),R())}function ON(e,t){if(e&1&&(L(0,`span`,18),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.plural(e.subscriptions,`open subscription`))}}function kN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,15),J(4),R(),L(5,`span`,16),J(6),R(),L(7,`span`,17),J(8),R(),M(9,ON,2,1,`span`,18),R()),e&2){let e=t.$implicit,n=G(4);k(2),Y(e.name),k(2),Y(e.route||`/`),k(2),X(``,n.plural(e.navigations,`navigation`),` ago`),k(2),Y(n.ageOf(e)),k(),N(e.subscriptions?9:-1)}}function AN(e,t){if(e&1&&(L(0,`p`,6),J(1),R(),L(2,`ul`,12),P(3,kN,10,5,`li`,13,TN),R()),e&2){let e=G(3);k(),Z(` Destroyed, yet still in memory after at least `,e.minNavigations,` navigations and `,e.minSeconds,` seconds. Take a heap snapshot, search for the class and read its retainers. `),k(2),F(e.retained().slice(0,e.shown))}}function jN(e,t){e&1&&(L(0,`p`,6),J(1,`No destroyed component is still in memory after a few navigations.`),R())}function MN(e,t){if(e&1&&(L(0,`p`,6),J(1),L(2,`span`,19),J(3),R(),J(4,`. Navigate a few times to see whether they stay. `),R()),e&2){let e=G(3);k(),X(` `,e.plural(e.recent().length,`instance`),` destroyed recently and not collected yet: `),k(2),Y(e.names(e.recent()))}}function NN(e,t){if(e&1&&(M(0,DN,2,0,`p`,9),L(1,`p`,11),J(2),R(),L(3,`h3`,7),J(4,` Still retained `),L(5,`span`,8),J(6),R()(),M(7,AN,5,2)(8,jN,2,0,`p`,6),M(9,MN,5,2,`p`,6)),e&2){let e=G(),t=G();N(e.support.retention?-1:0),k(2),rv(` `,t.plural(e.navigations,`navigation`),` · `,t.retained().length,` still retained · `,t.plural(e.totals.collected,`instance`),` collected `),k(4),Y(t.retained().length),k(),N(t.retained().length?7:8),k(2),N(t.recent().length?9:-1)}}function PN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Off the page but not destroyed (detached views, such as a route reuse cache): `),L(2,`span`,19),J(3),R(),J(4,`. `),R()),e&2){let e=G(2);k(3),Y(e.names(e.detached()))}}function FN(e,t){if(e&1&&(L(0,`span`,8),J(1),R()),e&2){let e=G();k(),Y(e.subscriptions.length)}}function IN(e,t){if(e&1&&(L(0,`span`,15),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.source)}}function LN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,16),J(4),R(),L(5,`span`,18),J(6),R(),M(7,IN,2,1,`span`,15),R()),e&2){let e=t.$implicit;k(2),Y(e.name),k(2),X(``,e.count,` open`),k(2),X(` `,e.reason===`instance-destroyed`?`instance destroyed`:`no instance left`,` `),k(),N(e.source?7:-1)}}function RN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Still open although the component that made them is gone. Tear them down with takeUntilDestroyed(), DestroyRef.onDestroy or the async pipe. `),R(),L(2,`ul`,12),P(3,LN,8,4,`li`,13,kg),R()),e&2){let e=G(2),t=G();k(3),F(e.subscriptions.slice(0,t.shown))}}function zN(e,t){e&1&&(L(0,`p`,6),J(1,`No subscription is still open after its component went away.`),R())}function BN(e,t){e&1&&(L(0,`p`,6),J(1,` Subscriptions are tied to component classes only; Angular 20 profiler hooks tie them to instances. `),R())}function VN(e,t){if(e&1&&(M(0,RN,5,0)(1,zN,2,0,`p`,6),M(2,BN,2,0,`p`,6)),e&2){let e=G();N(+!e.subscriptions.length),k(2),N(e.support.instances?-1:2)}}function HN(e,t){e&1&&(L(0,`p`,9),J(1,` Tracking could not start: the page has no RxJS the overlay can load. `),R())}function UN(e,t){e&1&&(L(0,`p`,6),J(1,` Off. Track subscriptions wraps Observable.prototype.subscribe on the page to record which component makes each subscription, until you stop it. Subscriptions made before you start are not seen, so reload or navigate again after starting. `),R())}function WN(e,t){e&1&&z(0,`app-angular-unavailable`,10),e&2&&I(`page`,G(2).angular())}function GN(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`subscription`))}}function KN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showComponent.emit(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`blur`,function(){return T(e),E(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`mouseleave`,function(){return T(e),E(G(3).highlight.emit(null))}),L(2,`span`,14),J(3),R(),L(4,`span`,16),J(5),R(),M(6,GN,2,1,`span`,16),R()()}if(e&2){let e=t.$implicit,n=G(2),r=G();k(3),Y(e.name),k(2),Y(r.effectsText(e)),k(),N(n.support.subscriptions===`on`?6:-1)}}function qN(e,t){e&1&&(L(0,`p`,6),J(1,` Angular files a component's effects under the template its host sits in, so effects of components side by side in one template show as shared. `),R())}function JN(e,t){if(e&1&&(L(0,`ul`,12),P(1,KN,7,3,`li`,null,TN),R(),M(3,qN,2,0,`p`,6)),e&2){let e=G(),t=G();k(),F(e.components.slice(0,t.shown)),k(2),N(e.components.some(t.hasShared)?3:-1)}}function YN(e,t){e&1&&(L(0,`p`,6),J(1,`No component on the page has a live effect or a tracked subscription.`),R())}function XN(e,t){if(e&1&&(M(0,EN,6,1)(1,NN,10,7),M(2,PN,5,1,`p`,6),L(3,`h3`,7),J(4,` Open subscriptions after destroy `),M(5,FN,2,1,`span`,8),R(),M(6,VN,3,2)(7,HN,2,0,`p`,9)(8,UN,2,0,`p`,6),L(9,`h3`,7),J(10,` Live effects and subscriptions `),L(11,`span`,8),J(12),R()(),M(13,WN,1,1,`app-angular-unavailable`,10),M(14,JN,4,1)(15,YN,2,0,`p`,6)),e&2){let e,n=t,r=G();N(n.support.retention===`dev-di-debug`?0:1),k(2),N(r.detached().length?2:-1),k(3),N(n.support.subscriptions===`on`?5:-1),k(),N((e=n.support.subscriptions)===`on`?6:e===`unavailable`?7:8),k(6),Y(n.components.length),k(),N(n.support.effects?-1:13),k(),N(n.components.length?14:15)}}function ZN(e,t){e&1&&(L(0,`p`,6),J(1,`No leak data from this page yet. It comes with the next report.`),R())}var QN=20;function $N(e){let t=Math.max(0,Math.round(e/1e3));if(t<120)return`${t} s`;let n=Math.round(t/60);return n<120?`${n} min`:`${Math.round(n/60)} h`}var eP=(e,t,n=`${t}s`)=>`${e} ${e===1?t:n}`,tP=class e{report=$(null);pageId=$(null);rpc=$(null);angular=$(null);now=$(()=>Date.now());showComponent=Rv();highlight=Rv();shown=QN;minNavigations=2;minSeconds=nE/1e3;plural=eP;busy=O(!1);announcement=O(``);tracking=Q(()=>this.report()?.support.subscriptions===`on`);split=Q(()=>{let e=this.report(),t=[],n=[],r=[];if(!e)return{retained:t,recent:n,detached:r};let i=e.support.retention===`dev-di-debug`;for(let a of e.destroyed)if(a.detached)r.push(a);else if(i)continue;else this.isRetained(e,a)?t.push(a):n.push(a);return{retained:t,recent:n,detached:r}});retained=Q(()=>this.split().retained);recent=Q(()=>this.split().recent);detached=Q(()=>this.split().detached);ageMs(e,t){return Math.max(0,this.now()()-e.reportedAt+(e.at-t.destroyedAt))}isRetained(e,t){return t.navigations>=2&&this.ageMs(e,t)>=1e4}ageOf(e){let t=this.report();return t?`${$N(this.ageMs(t,e))} old`:``}names(e){let t=[...new Set(e.map(e=>e.name))];return t.length>6?`${t.slice(0,6).join(`, `)} and more`:t.join(`, `)}hasShared(e){return!!e.sharedEffects}effectsText(e){let t=eP(e.effects,`effect`);return e.sharedEffects?`${t}, ${e.sharedEffects} shared`:t}async toggle(){let e=this.pageId();if(!e||this.busy())return;let t=!this.tracking();this.busy.set(!0);try{await VE(this.rpc(),`request-leak-tracking`,{pageId:e,on:t}),this.announcement.set(t?`Tracking subscriptions. Reload or navigate to see subscriptions made at start.`:`Stopped tracking subscriptions.`)}catch{this.announcement.set(`Could not reach the page. Try again.`)}finally{this.busy.set(!1)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-leaks-section`]],inputs:{report:[1,`report`],pageId:[1,`pageId`],rpc:[1,`rpc`],angular:[1,`angular`],now:[1,`now`]},outputs:{showComponent:`showComponent`,highlight:`highlight`},decls:12,vars:5,consts:[[`aria-labelledby`,`ct-leaks-title`,1,`leaks`],[1,`head`],[`id`,`ct-leaks-title`],[`type`,`button`,1,`track`,3,`click`,`disabled`],[`role`,`status`,1,`sr-only`],[1,`hint`],[1,`note`],[1,`sub`],[1,`pill`],[`role`,`status`,1,`note`],[`capability`,`signalGraph`,`missing`,``,`compact`,``,3,`page`],[1,`stats`],[1,`rows`],[1,`row`],[1,`name`,`mono`],[1,`meta`,`mono`],[1,`count`],[1,`meta`],[1,`flag`,`warn`],[1,`mono`],[`type`,`button`,1,`row`,`live`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`h2`,2),J(3,`Leaks`),R(),L(4,`button`,3),U(`click`,function(){return t.toggle()}),J(5,` Track subscriptions `),R(),L(6,`p`,4),J(7),R()(),L(8,`p`,5),J(9,` Components that left the page but are still in memory, and the live effects and RxJS subscriptions of each component. The browser collects garbage when it decides, so a retained instance is a hint: check what holds it in the Chrome DevTools Memory panel. `),R(),M(10,XN,16,7)(11,ZN,2,0,`p`,6),R()),e&2){let e;k(4),I(`disabled`,!t.pageId()||!t.report()),j(`aria-pressed`,t.tracking())(`aria-disabled`,t.busy()||null),k(3),Y(t.announcement()),k(3),N((e=t.report())?10:11,e)}},dependencies:[hO],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -2385,7 +2385,7 @@ h2[_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);
-}`]})},tP=12,nP=900;function rP(e){for(let t=e.parentElement;t;t=t.parentElement){let e=getComputedStyle(t);if(/(auto|scroll|overlay)/.test(e.overflowY))return t}return null}var iP=class{options;injector=C(Ts);visibleTop=O(0);viewport=O(nP);rowHeight;host=null;scroller=null;detach=null;enabled;range;padTop;padBottom;constructor(e){this.options=e,this.rowHeight=O(e.estimate);let t=e.min??300;this.enabled=Q(()=>e.count()>t),this.range=Q(()=>{let t=e.count();if(!this.enabled())return{start:0,end:t};let n=this.rowHeight(),r=this.viewport(),i=Math.max(0,Math.min(this.visibleTop(),t*n-r)),a=Math.max(0,Math.min(t-1,Math.floor(i/n)-tP));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+tP))}}),this.padTop=Q(()=>this.enabled()?this.range().start*this.rowHeight():0),this.padBottom=Q(()=>this.enabled()?(e.count()-this.range().end)*this.rowHeight():0),mc(()=>{e.count(),Hd(()=>this.update(),{injector:this.injector})}),C(Ds).onDestroy(()=>this.detach?.())}get count(){return this.options.count()}rendered(e){let{start:t,end:n}=this.range();return e>=t&&e<n}attach(e){if(this.host===e)return;this.detach?.(),this.host=e,e.style.overflowAnchor=`none`,e.style.transitionProperty=`none`;let t=/(auto|scroll|overlay)/.test(getComputedStyle(e).overflowY);this.scroller=t?e:rP(e);let n=this.scroller??window,r=()=>this.update();n.addEventListener(`scroll`,r,{passive:!0}),window.addEventListener(`resize`,r),this.detach=()=>{n.removeEventListener(`scroll`,r),window.removeEventListener(`resize`,r)},this.update()}update(){let e=this.host;if(e){if(this.scroller===e)this.place(e.scrollTop,e.clientHeight);else{let t=this.scroller?this.scroller.getBoundingClientRect().top:0,n=this.scroller?this.scroller.clientHeight:window.innerHeight;this.place(t-e.getBoundingClientRect().top,n)}this.options.fixed||this.measure()}}place(e,t){this.visibleTop.set(e),this.viewport.set(t>0?t:nP)}measure(){let e=this.host?.querySelectorAll(`[data-vindex]`);if(!e||e.length<2)return;let t=e[0].getBoundingClientRect(),n=(e[e.length-1].getBoundingClientRect().bottom-t.top)/e.length;n>4&&Math.abs(n-this.rowHeight())>1&&this.rowHeight.set(n)}reveal(e,t){if(this.enabled()&&!this.rendered(e)){let t=e*this.rowHeight(),n=this.viewport(),r=Math.max(0,t-n/2);if(this.place(r,n),this.host&&this.scroller===this.host)this.host.scrollTop=r;else if(this.host){let e=this.scroller?this.scroller.getBoundingClientRect().top:0,t=this.host.getBoundingClientRect().top-e+r;this.scroller?this.scroller.scrollTop+=t:window.scrollBy(0,t)}}t&&Hd(t,{injector:this.injector})}},aP=[`filterInput`],oP=[`treeEl`],sP=[`propFilterInput`],cP=()=>[],lP=e=>({kind:`component`,id:e}),uP=(e,t)=>t.row.node.id,dP=(e,t)=>t.outlet+t.route,fP=(e,t)=>t+e,pP=(e,t)=>t.formId,mP=(e,t)=>t.name+t.index,hP=(e,t)=>t.name,gP=(e,t)=>t.token+e,_P=(e,t)=>t.id;function vP(e,t){return this.sourceKey(t)}function yP(e,t){if(e&1){let e=H();L(0,`span`,35),J(1,`Page`),R(),L(2,`app-select`,36),U(`valueChange`,function(t){return T(e),E(G(2).selectPage(t))}),R()}if(e&2){let e=G(2);k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function bP(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){return T(e),E(G(2).toggleDirectiveHosts())}),D(),L(1,`svg`,14),z(2,`path`,38)(3,`path`,39),R(),J(4,` Directive hosts `),R()}e&2&&j(`aria-pressed`,G(2).showDirectiveHosts())}function xP(e,t){if(e&1){let e=H();L(0,`button`,40),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),D(),L(1,`svg`,14),z(2,`path`,41),R(),J(3),R()}if(e&2){let e=G(2);q(`on`,e.picking()),k(3),X(` `,e.picking()?`Cancel pick`:`Pick component on page`,` `)}}function SP(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);k(),Y(e.pickMessage())}}function CP(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);k(),Y(e.truncationText())}}function wP(e,t){e&1&&(L(0,`p`,43),J(1,`The filter only searches the components the tree lists.`),R())}function TP(e,t){e&1&&(L(0,`p`,43),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function EP(e,t){if(e&1){let e=H();L(0,`div`,25)(1,`p`,42),J(2),R(),M(3,wP,2,0,`p`,43),M(4,TP,2,0,`p`,43),L(5,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`),k(),N(e.page().truncated?3:-1),k(),N(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function DP(e,t){if(e&1&&(L(0,`p`,26),J(1),R()),e&2){let e=G(2);k(),X(` `,e.rows().length,` rows. Rows render as you scroll, so the browser's find only sees the ones near view; the filter above searches them all. `)}}function OP(e,t){if(e&1){let e=H();L(0,`span`,52),U(`click`,function(t){T(e),G();let n=fv(0);return E(G(2).toggle(n.node.id,t))}),D(),L(1,`svg`,53),z(2,`path`,54),R()()}e&2&&(G(),q(`open`,fv(0).expanded))}function kP(e,t){e&1&&z(0,`span`,47)}function AP(e,t){if(e&1&&(L(0,`span`,55),J(1),R(),L(2,`span`,56),J(3),R(),L(4,`span`,24),J(5,`directive host`),R()),e&2){G();let e=fv(0),t=G(2);k(),X(`<`,e.node.tag,`>`),k(),j(`title`,e.node.directives?.join(`, `)),k(),Y(t.hostLabel(e.node))}}function jP(e,t){if(e&1&&(L(0,`span`,57),J(1),R(),L(2,`span`,58),J(3),R()),e&2){G();let e=fv(0);k(),Y(e.node.name),k(2),X(`<`,e.node.tag,`>`)}}function MP(e,t){if(e&1&&(L(0,`span`)(1,`span`,24),J(2,`Hydration: `),R(),J(3),R()),e&2){let e=t,n=G(3);M_(`hyd hyd-`+e),k(3),Y(n.hydrationText(e))}}function NP(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.route||`/`)}}function PP(e,t){if(e&1&&(L(0,`span`,50),J(1),L(2,`span`,24),J(3),R()()),e&2){let e=t;k(),X(` `,e),k(2),X(` `,e===1?`check`:`checks`,` while recording`)}}function FP(e,t){if(e&1&&(L(0,`span`,51),J(1),L(2,`span`,24),J(3),R()()),e&2){G();let e=fv(0);j(`title`,e.node.directives.join(`, `)),k(),X(` +`,e.node.directives.length,` `),k(2),X(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function IP(e,t){if(e&1){let e=H();uv(0),L(1,`div`,45),U(`click`,function(){T(e);let t=fv(0);return E(G(2).select(t.node.id))})(`focus`,function(){T(e);let t=fv(0),n=G(2);return n.focusId.set(t.node.id),E(n.highlight(t.node.id))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(2).highlight(t.node.id))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(2,OP,3,2,`span`,46)(3,kP,1,0,`span`,47),M(4,AP,6,3)(5,jP,4,2),M(6,MP,4,3,`span`,48),P(7,NP,2,1,`span`,49,dP),M(9,PP,4,2,`span`,50),M(10,FP,4,3,`span`,51),R()}if(e&2){let e,n,r=t.$implicit,i=G(2),a=dv(r.row);k(),K(`--%NS%depth`,a.depth),q(`selected`,i.selectedId()===a.node.id)(`dir-host`,a.node.kind===`directive`),j(`aria-level`,a.depth+1)(`aria-setsize`,a.setsize)(`aria-posinset`,a.posinset)(`aria-expanded`,a.hasChildren?a.expanded:null)(`aria-selected`,i.selectedId()===a.node.id)(`tabindex`,i.tabStop()===a.node.id?0:-1)(`data-vindex`,r.index)(`data-id`,a.node.id),k(),N(a.hasChildren?2:3),k(2),N(a.node.kind===`directive`?4:5),k(2),N((e=a.node.hydration)?6:-1,e),k(),F(i.routedById().get(a.node.id)??mv(20,cP)),k(2),N((n=i.cdHosts()[a.node.id])?9:-1,n),k(),N(a.node.kind!==`directive`&&a.node.directives?.length?10:-1)}}function LP(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function RP(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`button`,44),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.id,!0))}),J(2),R()()}e&2&&(k(2),X(` Show `,t.name,` `))}function zP(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`directive host`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R()(),L(8,`div`,63)(9,`h3`),J(10,` Directives `),L(11,`span`,64),J(12),R()(),L(13,`ul`,65),P(14,LP,2,1,`li`,66,fP),R()(),L(16,`div`,63)(17,`p`,67),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,RP,3,1,`div`,68),R()()),e&2){let e,n=t,r=G(2);k(5),X(`<`,n.tag,`>`),k(2),Y(r.hostLabel(n)),k(5),Y(n.directives?.length??0),k(2),F(n.directives??mv(4,cP)),k(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function BP(e,t){if(e&1&&(L(0,`p`,69),z(1,`app-source-link`,73),R()),e&2){let e=t;k(),I(`file`,e.file)(`line`,e.line)}}function VP(e,t){if(e&1){let e=H();L(0,`div`,74)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).revealInElements(t))}),J(2,`Reveal in Elements`),R(),L(3,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openSource(t))}),J(4,`Open source`),R()(),L(5,`p`,75),J(6),R()}if(e&2){let e=G(3);k(6),Y(e.actionMessage())}}function HP(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function UP(e,t){if(e&1&&(L(0,`div`,70),P(1,HP,2,1,`button`,76,pP),R()),e&2){let e=G(),t=G(3);k(),F(t.formsIn(e.file))}}function WP(e,t){e&1&&M(0,UP,3,0,`div`,70),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function GP(e,t){if(e&1){let e=H();L(0,`div`,70)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openInjector(t))}),J(2,` Show in Injectors `),L(3,`span`,24),J(4),R()()()}if(e&2){let e=G();k(4),X(`: `,e.name)}}function KP(e,t){if(e&1&&z(0,`app-store-global`,71),e&2){let e=G(),t=G(2);I(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,hv(4,lP,e.id))(`label`,e.name)}}function qP(e,t){if(e&1&&(L(0,`dt`),J(1,`Routed`),R(),L(2,`dd`,79),J(3),R()),e&2){let e=t.$implicit;k(3),Z(``,e.route||`/`,` in outlet `,e.outlet)}}function JP(e,t){if(e&1&&(L(0,`span`,11),J(1),R()),e&2){let e=G(4);k(),Z(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function YP(e,t){if(e&1){let e=H();L(0,`div`,83)(1,`p`,42),J(2),R(),L(3,`p`,43),J(4,` The filter searches names, and the nested keys of values you opened. `),R(),L(5,`button`,44),U(`click`,function(){return T(e),E(G(5).clearPropFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(5);k(2),X(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function XP(e,t){if(e&1&&(L(0,`span`,87),J(1),R()),e&2){let e=G().$implicit;k(),X(`(`,e.prop,`)`)}}function ZP(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,XP,2,1,`span`,87),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.prop===e.name?-1:3),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function QP(e,t){if(e&1&&(L(0,`ul`,84),P(1,ZP,5,9,`li`,85,hP),R()),e&2){let e=G(2);k(),F(e.inputs)}}function $P(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs.`),R())}function eF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Inputs `),L(3,`span`,64),J(4),R()(),M(5,QP,3,0,`ul`,84)(6,$P,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.inputs.length),k(),N(e.inputs.length?5:6)}}function tF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function nF(e,t){if(e&1&&(L(0,`ul`,65),P(1,tF,5,4,`li`,89,hP),R()),e&2){let e=G(2);k(),F(e.outputs)}}function rF(e,t){e&1&&(L(0,`p`,67),J(1,`No outputs.`),R())}function iF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Outputs `),L(3,`span`,64),J(4),R()(),M(5,nF,3,0,`ul`,65)(6,rF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.outputs.length),k(),N(e.outputs.length?5:6)}}function aF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function oF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,aF,2,1,`span`,92),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.kind?3:-1),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function sF(e,t){if(e&1&&(L(0,`ul`,84),P(1,oF,5,9,`li`,85,hP),R()),e&2){let e=G(2);k(),F(e.properties)}}function cF(e,t){e&1&&(L(0,`p`,67),J(1,`No other properties.`),R())}function lF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Properties `),L(3,`span`,64),J(4),R()(),M(5,sF,3,0,`ul`,84)(6,cF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.properties.length),k(),N(e.properties.length?5:6)}}function uF(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function dF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` DOM listeners `),L(3,`span`,64),J(4),R()(),L(5,`ul`,65),P(6,uF,2,1,`li`,66,Ag),R()()),e&2){let e=G(2);k(4),Y(e.listeners.length),k(2),F(e.listeners)}}function fF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),R(),z(3,`app-value-tree`,93),R()),e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2),i=G(3);k(2),Y(e.name),k(),I(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function pF(e,t){if(e&1&&(L(0,`ul`,84),P(1,fF,4,8,`li`,85,hP),R()),e&2){let e=G().$implicit;k(),F(e.inputs)}}function mF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function hF(e,t){if(e&1&&(L(0,`ul`,65),P(1,mF,5,4,`li`,89,hP),R()),e&2){let e=G().$implicit;k(),F(e.outputs)}}function gF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs or outputs.`),R())}function _F(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`)(2,`span`,79),J(3),R(),L(4,`span`,92),J(5,`directive on host`),R()(),M(6,pF,3,0,`ul`,84),M(7,hF,3,0,`ul`,65),M(8,gF,2,0,`p`,67),R()),e&2){let e=t.$implicit;k(3),Y(e.name),k(3),N(e.inputs.length?6:-1),k(),N(e.outputs.length?7:-1),k(),N(!e.inputs.length&&!e.outputs.length?8:-1)}}function vF(e,t){if(e&1&&(M(0,YP,7,1,`div`,83),M(1,eF,7,2,`div`,63),M(2,iF,7,2,`div`,63),M(3,lF,7,2,`div`,63),M(4,dF,8,1,`div`,63),P(5,_F,9,4,`div`,63,mP)),e&2){let e=t,n=G(),r=G(3);N(r.propQuery()&&!e.count?0:-1),k(),N(!r.propQuery()||e.inputs.length?1:-1),k(),N(!r.propQuery()||e.outputs.length?2:-1),k(),N(!r.propQuery()||e.properties.length?3:-1),k(),N(!r.propQuery()&&n.listeners.length?4:-1),k(),F(e.directives)}}function yF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function bF(e,t){if(e&1&&(L(0,`span`,96),J(1,`from `),L(2,`span`,79),J(3),R()()),e&2){let e=G().$implicit;k(3),Y(e.providedByName??`an injector`)}}function xF(e,t){e&1&&(L(0,`span`,97),J(1,`not provided`),R())}function SF(e,t){if(e&1&&(L(0,`li`,94)(1,`span`,95),J(2),R(),P(3,yF,2,1,`span`,92,Ag),M(5,bF,4,1,`span`,96)(6,xF,2,0,`span`,97),R()),e&2){let e=t.$implicit;k(2),Y(e.token),k(),F(e.flags),k(2),N(e.providedBy?5:6)}}function CF(e,t){if(e&1&&(L(0,`ul`,82),P(1,SF,7,2,`li`,94,gP),R()),e&2){let e=G();k(),F(e.dependencies)}}function wF(e,t){e&1&&(L(0,`p`,67),J(1,`Nothing is injected through the constructor or inject().`),R())}function TF(e,t){if(e&1){let e=H();L(0,`dl`,78)(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`,79),J(12),R(),P(13,qP,4,2,null,null,dP),R(),L(15,`div`,80)(16,`div`,5),D(),L(17,`svg`,6),z(18,`circle`,7)(19,`path`,8),R(),_s(),L(20,`input`,81,2),U(`input`,function(t){return T(e),E(G(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return T(e),E(G(3).clearPropFilter(t))}),R()(),M(22,JP,2,2,`span`,11),L(23,`p`,20),J(24),R()(),M(25,vF,7,5),L(26,`div`,63)(27,`h3`),J(28,` Injected `),L(29,`span`,64),J(30),R()(),M(31,CF,3,0,`ul`,82)(32,wF,2,0,`p`,67),R()}if(e&2){let e,n=t,r=G(),i=G(2);k(4),Y(n.changeDetection??`Unknown`),k(4),Y(n.encapsulation??`Unknown`),k(4),Y(n.path),k(),F(i.routedById().get(r.id)??mv(9,cP)),k(7),I(`value`,i.propFilter()),k(2),N(i.propQuery()?22:-1),k(2),Y(i.propFilterStatus()),k(),N((e=i.shownValues())?25:-1,e),k(5),Y(n.dependencies.length),k(),N(n.dependencies.length?31:32)}}function EF(e,t){e&1&&(L(0,`div`,72),z(1,`span`,98),L(2,`p`,43),J(3,`Reading live values from the page…`),R()())}function DF(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`component`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R(),M(8,BP,2,2,`p`,69),M(9,VP,7,1),M(10,WP,1,1),M(11,GP,5,1,`div`,70),M(12,KP,1,6,`app-store-global`,71),R(),M(13,TF,33,10)(14,EF,4,0,`div`,72),R()),e&2){let e,n,r,i=t,a=G(2);k(5),Y(i.name),k(2),X(`<`,i.tag,`>`),k(),N((e=a.whereOf(i))?8:-1,e),k(),N(a.devtoolsActions()?9:-1),k(),N((n=a.sourceFor(i))?10:-1,n),k(),N(a.canShowInjector()&&!a.staticReport()?11:-1),k(),N(!a.staticReport()&&!a.native()?12:-1),k(),N((r=a.detail())?13:14,r)}}function OF(e,t){e&1&&(L(0,`p`,42),J(1,`The selected component was destroyed`),R(),L(2,`p`,43)(3,`span`,79),J(4),R(),J(5,` is no longer on the page. Select another component to see its live values. `),R()),e&2&&(k(4),Y(t))}function kF(e,t){e&1&&(L(0,`p`,43),J(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),R())}function AF(e,t){if(e&1&&(L(0,`div`,30),M(1,OF,6,1)(2,kF,2,0,`p`,43),R()),e&2){let e,t=G(2);k(),N((e=t.destroyed())?1:2,e)}}function jF(e,t){e&1&&(L(0,`span`,92),J(1,`hydrate never`),R())}function MF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.hydration)}}function NF(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,101),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showOwner(t))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))}),L(2,`span`,57),J(3),R(),L(4,`span`,102),J(5),R(),M(6,jF,2,0,`span`,92)(7,MF,2,1,`span`,92),L(8,`span`,103),J(9),R()()()}if(e&2){let e=t.$implicit;k(),j(`aria-disabled`,e.owner?null:`true`),k(2),Y(e.owner?.name??`Unknown component`),k(),M_(`defer-state-`+e.state),k(),Y(e.state),k(),N(e.hydrateNever?6:e.hydration===`not-configured`?-1:7),k(3),Y(e.triggers.join(`, `)||`no triggers`)}}function PF(e,t){if(e&1&&(L(0,`section`,31)(1,`h2`,99),J(2,` Defer blocks `),L(3,`span`,64),J(4),R()(),L(5,`ul`,100),P(6,NF,10,7,`li`,null,_P),R()()),e&2){let e=G(2);k(4),Y(e.deferCount()),k(2),F(e.deferBlocks())}}function FF(e,t){e&1&&z(0,`app-angular-unavailable`,32),e&2&&I(`page`,G(2).angularPage())}function IF(e,t){if(e&1){let e=H();L(0,`app-hydration-section`,104),U(`overlay`,function(t){return T(e),E(G(2).setHydrationOverlay(t))})(`showNode`,function(t){return T(e),E(G(2).revealNode(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}e&2&&I(`report`,G(2).page()?.hydration)}function LF(e,t){if(e&1){let e=H();L(0,`app-cd-recording`,105),U(`showComponent`,function(t){return T(e),E(G(2).showCdComponent(t))}),R(),L(1,`app-leaks-section`,106),U(`showComponent`,function(t){return T(e),E(G(2).showLeakComponent(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}if(e&2){let e=G(2);I(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc()),k(),I(`report`,e.leaksPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`angular`,e.angularPage())}}function RF(e,t){if(e&1){let e=H();L(0,`p`,3),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`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,9,0),U(`input`,function(t){return T(e),E(G().setFilter(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().setFilter(``))}),R(),L(9,`span`,10),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,yP,3,2),L(12,`span`,11),J(13),R(),M(14,bP,5,1,`button`,12),L(15,`button`,13),U(`click`,function(){return T(e),E(G().expandAll())}),D(),L(16,`svg`,14),z(17,`path`,15)(18,`path`,16),R(),J(19,` Expand all `),R(),_s(),L(20,`button`,13),U(`click`,function(){return T(e),E(G().collapseAll())}),D(),L(21,`svg`,14),z(22,`path`,17)(23,`path`,18),R(),J(24,` Collapse all `),R(),M(25,xP,4,3,`button`,19),R(),_s(),L(26,`p`,20),J(27),R(),M(28,SP,2,1,`p`,21),M(29,CP,2,1,`p`,22),L(30,`div`,23)(31,`div`)(32,`h2`,24),J(33,`Component tree`),R(),M(34,EP,7,3,`div`,25),M(35,DP,2,1,`p`,26),L(36,`div`,27,1),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(38,IP,11,21,`div`,28,uP),R()(),M(40,zP,20,5,`section`,29)(41,DF,15,8,`section`,29)(42,AF,3,1,`div`,30),R(),M(43,PF,8,1,`section`,31),M(44,FF,1,1,`app-angular-unavailable`,32),M(45,IF,1,1,`app-hydration-section`,33),L(46,`app-for-blocks`,34),U(`showOwner`,function(t){return T(e),E(G().showForOwner(t))})(`highlight`,function(t){return T(e),E(G().highlight(t))}),R(),M(47,LF,2,7)}if(e&2){let e,t=G();k(7),I(`value`,t.filter()),k(4),N(t.pageOptions().length>1?11:-1),k(2),Y(t.countLabel()),k(),N(t.page().directiveHostCount?14:-1),k(),I(`disabled`,!!t.filter().trim()),k(5),I(`disabled`,!!t.filter().trim()),k(5),N(t.native()?-1:25),k(2),Y(t.announcement()),k(),N(t.pickMessage()?28:-1),k(),N(t.page().truncated?29:-1),k(5),N(t.rows().length?-1:34),k(),N(t.rowWindow.enabled()?35:-1),k(),K(`padding-top`,t.rowWindow.enabled()?6+t.rowWindow.padTop():null,`px`)(`padding-bottom`,t.rowWindow.enabled()?6+t.rowWindow.padBottom():null,`px`),q(`windowed`,t.rowWindow.enabled()),I(`hidden`,!t.rows().length),k(2),F(t.shownRows()),k(2),N((e=t.selectedHost())?40:(e=t.selectedNode())?41:42,e),k(3),N(t.deferBlocks().length?43:-1),k(),N(t.deferUnavailable()?44:-1),k(),N(t.native()?-1:45),k(),I(`blocks`,t.page()?.forBlocks)(`truncated`,t.page()?.forBlocksTruncated===!0)(`supported`,t.page()?.deferBlocks&&!t.page()?.forBlocks||t.forUnavailable()?!1:null)(`angular`,t.angularPage()),k(),N(!t.staticReport()&&!t.native()?47:-1)}}function zF(e,t){e&1&&(L(0,`p`,22),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 BF(e,t){e&1&&(L(0,`p`,107),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 VF(e,t){if(e&1&&J(0),e&2){let e=G(3);Z(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function HF(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 UF(e,t){if(e&1&&(L(0,`span`,109),M(1,VF,1,2)(2,HF,1,4),R()),e&2){let e=G(2);k(),N(e.filter().trim()?1:2)}}function WF(e,t){e&1&&(L(0,`div`,113),z(1,`span`,98),L(2,`p`,42),J(3,`Scanning components…`),R()())}function GF(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function KF(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function qF(e,t){if(e&1){let e=H();L(0,`div`,114)(1,`p`,42),J(2,`Could not load components`),R(),L(3,`p`,43),M(4,GF,4,0)(5,KF,1,0),R(),L(6,`button`,44),U(`click`,function(){return T(e),E(G(2).refresh())}),J(7,`Retry`),R()()}if(e&2){let e=G(2);k(4),N(e.staticReport()?4:5)}}function JF(e,t){e&1&&(L(0,`div`,115)(1,`p`,42),J(2,`No components found`),R(),L(3,`p`,43),J(4,`No @Component or @Directive was found in the source.`),R()())}function YF(e,t){if(e&1){let e=H();L(0,`div`,115)(1,`p`,42),J(2),R(),L(3,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(4,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`)}}function XF(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function ZF(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;k(3),Y(e.changeDetection??`Unknown`)}}function QF(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function $F(e,t){if(e&1&&(L(0,`div`,125)(1,`dl`,78)(2,`dt`),J(3,`Class`),R(),L(4,`dd`,79),J(5),R(),L(6,`dt`),J(7,`File`),R(),L(8,`dd`,79),z(9,`app-source-link`,73),R(),L(10,`dt`),J(11,`Standalone`),R(),L(12,`dd`),J(13),R(),M(14,ZF,4,1),L(15,`dt`),J(16,`Inputs`),R(),L(17,`dd`,79),J(18),R(),L(19,`dt`),J(20,`Outputs`),R(),L(21,`dd`,79),J(22),R()(),P(23,QF,2,1,`button`,76,pP),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(3);I(`id`,`ct-source-`+n),k(5),Y(r.bareName(t.className)),k(4),I(`file`,t.file)(`line`,t.line),k(4),Y(t.isStandalone?`Yes`:`No`),k(),N(t.kind===`component`?14:-1),k(4),Y(t.inputs.join(`, `)||`None`),k(4),Y(t.outputs.join(`, `)||`None`),k(),F(r.formsIn(t.file))}}function eI(e,t){if(e&1){let e=H();L(0,`li`,118)(1,`button`,119),U(`click`,function(){let t=T(e).$implicit,n=G(3);return E(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),L(2,`span`,120),J(3),R(),L(4,`span`,121)(5,`span`,122),J(6),R(),L(7,`span`,123),M(8,XF,1,1),J(9),R()(),D(),L(10,`svg`,124),z(11,`path`,54),R()(),M(12,$F,25,8,`div`,125),R()}if(e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`expanded`,r.openKey()===r.sourceKey(e)),k(),j(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),k(),q(`directive`,e.kind===`directive`),k(),Y(e.kind),k(3),Y(r.sourceLabel(e)),k(2),N(e.selector?8:-1),k(),Z(` `,e.file,`:`,e.line,` `),k(3),N(r.openKey()===r.sourceKey(e)?12:-1)}}function tI(e,t){if(e&1&&(L(0,`ul`,116),P(1,eI,13,12,`li`,117,vP,!0),R()),e&2){let e=G(2);k(),F(e.filteredSource())}}function nI(e,t){if(e&1){let e=H();M(0,zF,2,0,`p`,22)(1,BF,2,0,`p`,107),L(2,`div`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,108,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(9,UF,3,1,`span`,109),L(10,`button`,110),U(`click`,function(){return T(e),E(G().refresh())}),D(),L(11,`svg`,14),z(12,`path`,111)(13,`path`,112),R(),J(14,` Refresh `),R()(),M(15,WF,4,0,`div`,113)(16,qF,8,1,`div`,114)(17,JF,5,0,`div`,115)(18,YF,5,1,`div`,115)(19,tI,3,0,`ul`,116)}if(e&2){let e=G();N(+!e.page()),k(7),I(`value`,e.filter()),k(2),N(e.source().length?9:-1),k(),q(`spinning`,e.loading()),j(`aria-busy`,e.loading()),k(5),N(e.loading()&&!e.source().length?15:e.error()&&!e.source().length?16:e.source().length?e.filteredSource().length?19:18:17)}}var rI=32;function iI(e){return e.replace(/^_(?=[A-Z])/,``)}var aI=`pangular:components:directive-hosts`;function oI(){try{return localStorage.getItem(aI)!==`hidden`}catch{return!0}}var sI=class e{rpc=$(null);staticReport=Q(()=>UE(this.rpc()));focus=$(null);showForm=Rv();focusHandled=Rv();command=$(null);commandHandled=Rv();canShowInjector=$(!1);showInjector=Rv();filter=O(``);loading=O(!1);error=O(!1);source=O([]);formOwners=O([]);pages=O({});chosenPageId=O(null);selectedId=O(null);destroyed=O(null);announcement=O(``);picking=O(!1);pickMessage=O(``);pickPageId=null;pickSeq=0;focusId=O(null);bridge=C(cO);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=O(new Set);showDirectiveHosts=O(oI());openKey=O(null);routerPages=O([]);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.pageId));hasControlFlow=Q(()=>{let e=this.angularPage()?.version;return!e||jE(e,`17.0`)});deferUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`deferBlocks`));forUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`forBlocks`));destroyRef=C(Ds);injector=C(Ts);host=C(Il);filterInput=Jv(`filterInput`);cdRecording=Jv(tM);pagesKnown=O(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Fv({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>RE(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(()=>_O(this.page()));canEdit=Q(()=>this.live()&&!this.native()&&!this.staticReport()&&rD(this.rpc(),`components`));devtoolsActions=Q(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=O({});cdPage=Q(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=Q(()=>this.cdPage()?.hosts??{});leaksPages=O({});leaksPage=Q(()=>{let e=this.page()?.pageId;return e?this.leaksPages()[e]??null:null});visibleRoots=Q(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:AO(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(()=>kO(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(()=>PO(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)=>{i.forEach((o,s)=>{let c=n||!t.has(o.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:c,posinset:s+1,setsize:i.length}),c&&r(o.children,a+1)})};return r(this.filtered().nodes,0),e});rowWindow=new iP({count:Q(()=>this.rows().length),estimate:rI,fixed:!0});shownRows=Q(()=>{let{start:e,end:t}=this.rowWindow.range();return this.rows().slice(e,t).map((t,n)=>({row:t,index:e+n}))});tabStop=Q(()=>{let e=this.rovingId(),t=this.shownRows();return t.some(({row:t})=>t.node.id===e)?e:t[0]?.row.node.id??null});treeEl=Jv(`treeEl`);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 cN;propFilter=O(``);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)||WM([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=iI(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(){mc(()=>{let e=this.treeEl()?.nativeElement;e&&this.rowWindow.attach(e)}),mc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Nv(()=>this.values.follow(t,e?.expanded))}),mc(()=>{let e=this.page()?.pageId??null;Nv(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),mc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),mc(()=>{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()})}),mc(()=>{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(`leaks`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.leaksPages.set(t&&typeof t==`object`?t:{})};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.leaksPages.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(iI(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:iI(e.className)}bareName(e){return iI(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=zO(r,a,n);o&&(this.focusId.set(o),Hd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=LO({...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(FO(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 jO(e)}hydrationText(e){return NO(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(aI,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)}showLeakComponent(e){this.index().map.has(e)&&this.reveal(e,!0)}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);let r=this.rows().findIndex(t=>t.node.id===e);r>=0&&this.rowWindow.reveal(r),Hd(()=>{let n=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`),r=this.host.nativeElement.querySelector(`.toolbar`);r&&this.host.nativeElement.style.setProperty(`--ct-toolbar-clearance`,`${r.offsetHeight+8}px`),n?.scrollIntoView({block:`nearest`}),t&&n?.focus({preventScroll:!0})},{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);let n=()=>{let t=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);t?.focus(),t?.scrollIntoView({block:`nearest`})};this.rowWindow.rendered(a)?queueMicrotask(n):this.rowWindow.reveal(a,n)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,aP,5)(t.cdRecording,tM,5)(t.treeEl,oP,5)(t.propFilterInput,sP,5),e&2&&u_(4)},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`,``],[`treeEl`,``],[`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`],[1,`window-note`],[`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`],[`capability`,`deferBlocks`,`compact`,``,1,`defer`,3,`page`],[3,`report`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`supported`,`angular`],[`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`],[3,`showComponent`,`highlight`,`report`,`pageId`,`rpc`,`angular`],[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,RF,48,28)(1,nI,20,7),e&2&&N(+!t.live())},dependencies:[OO,tM,uM,oN,pN,wN,ZO,eP,hO],styles:[`[_nghost-%COMP%] {
+}`]})},nP=12,rP=900;function iP(e){for(let t=e.parentElement;t;t=t.parentElement){let e=getComputedStyle(t);if(/(auto|scroll|overlay)/.test(e.overflowY))return t}return null}var aP=class{options;injector=C(Ts);visibleTop=O(0);viewport=O(rP);rowHeight;host=null;scroller=null;detach=null;enabled;range;padTop;padBottom;constructor(e){this.options=e,this.rowHeight=O(e.estimate);let t=e.min??300;this.enabled=Q(()=>e.count()>t),this.range=Q(()=>{let t=e.count();if(!this.enabled())return{start:0,end:t};let n=this.rowHeight(),r=this.viewport(),i=Math.max(0,Math.min(this.visibleTop(),t*n-r)),a=Math.max(0,Math.min(t-1,Math.floor(i/n)-nP));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+nP))}}),this.padTop=Q(()=>this.enabled()?this.range().start*this.rowHeight():0),this.padBottom=Q(()=>this.enabled()?(e.count()-this.range().end)*this.rowHeight():0),mc(()=>{e.count(),Hd(()=>this.update(),{injector:this.injector})}),C(Ds).onDestroy(()=>this.detach?.())}get count(){return this.options.count()}rendered(e){let{start:t,end:n}=this.range();return e>=t&&e<n}attach(e){if(this.host===e)return;this.detach?.(),this.host=e,e.style.overflowAnchor=`none`,e.style.transitionProperty=`none`;let t=/(auto|scroll|overlay)/.test(getComputedStyle(e).overflowY);this.scroller=t?e:iP(e);let n=this.scroller??window,r=()=>this.update();n.addEventListener(`scroll`,r,{passive:!0}),window.addEventListener(`resize`,r),this.detach=()=>{n.removeEventListener(`scroll`,r),window.removeEventListener(`resize`,r)},this.update()}update(){let e=this.host;if(e){if(this.scroller===e)this.place(e.scrollTop,e.clientHeight);else{let t=this.scroller?this.scroller.getBoundingClientRect().top:0,n=this.scroller?this.scroller.clientHeight:window.innerHeight;this.place(t-e.getBoundingClientRect().top,n)}this.options.fixed||this.measure()}}place(e,t){this.visibleTop.set(e),this.viewport.set(t>0?t:rP)}measure(){let e=this.host?.querySelectorAll(`[data-vindex]`);if(!e||e.length<2)return;let t=e[0].getBoundingClientRect(),n=(e[e.length-1].getBoundingClientRect().bottom-t.top)/e.length;n>4&&Math.abs(n-this.rowHeight())>1&&this.rowHeight.set(n)}reveal(e,t){if(this.enabled()&&!this.rendered(e)){let t=e*this.rowHeight(),n=this.viewport(),r=Math.max(0,t-n/2);if(this.place(r,n),this.host&&this.scroller===this.host)this.host.scrollTop=r;else if(this.host){let e=this.scroller?this.scroller.getBoundingClientRect().top:0,t=this.host.getBoundingClientRect().top-e+r;this.scroller?this.scroller.scrollTop+=t:window.scrollBy(0,t)}}t&&Hd(t,{injector:this.injector})}};function oP(e){let t=e.ownerDocument.defaultView;if(!t)return null;for(let n=e.parentElement;n&&n!==e.ownerDocument.documentElement&&n!==e.ownerDocument.body;n=n.parentElement)if(/(auto|scroll|overlay)/.test(t.getComputedStyle(n).overflowY))return n;return null}var sP=e=>{let t=parseFloat(e);return Number.isFinite(t)?t:0};function cP(e,t=8){let n=e.ownerDocument.defaultView;if(!n)return e.offsetHeight+t;let r=oP(e),i=r?n.getComputedStyle(r):null,a=i?sP(i.paddingTop):0,o=i?sP(i.scrollPaddingTop):0,s=sP(n.getComputedStyle(e).top);return Math.max(0,Math.ceil(a+s+e.offsetHeight+t-o))}var lP=[`filterInput`],uP=[`treeEl`],dP=[`propFilterInput`],fP=()=>[],pP=e=>({kind:`component`,id:e}),mP=(e,t)=>t.row.node.id,hP=(e,t)=>t.outlet+t.route,gP=(e,t)=>t+e,_P=(e,t)=>t.formId,vP=(e,t)=>t.name+t.index,yP=(e,t)=>t.name,bP=(e,t)=>t.token+e,xP=(e,t)=>t.id;function SP(e,t){return this.sourceKey(t)}function CP(e,t){if(e&1){let e=H();L(0,`span`,35),J(1,`Page`),R(),L(2,`app-select`,36),U(`valueChange`,function(t){return T(e),E(G(2).selectPage(t))}),R()}if(e&2){let e=G(2);k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function wP(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){return T(e),E(G(2).toggleDirectiveHosts())}),D(),L(1,`svg`,14),z(2,`path`,38)(3,`path`,39),R(),J(4,` Directive hosts `),R()}e&2&&j(`aria-pressed`,G(2).showDirectiveHosts())}function TP(e,t){if(e&1){let e=H();L(0,`button`,40),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),D(),L(1,`svg`,14),z(2,`path`,41),R(),J(3),R()}if(e&2){let e=G(2);q(`on`,e.picking()),k(3),X(` `,e.picking()?`Cancel pick`:`Pick component on page`,` `)}}function EP(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);k(),Y(e.pickMessage())}}function DP(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);k(),Y(e.truncationText())}}function OP(e,t){e&1&&(L(0,`p`,43),J(1,`The filter only searches the components the tree lists.`),R())}function kP(e,t){e&1&&(L(0,`p`,43),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function AP(e,t){if(e&1){let e=H();L(0,`div`,25)(1,`p`,42),J(2),R(),M(3,OP,2,0,`p`,43),M(4,kP,2,0,`p`,43),L(5,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`),k(),N(e.page().truncated?3:-1),k(),N(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function jP(e,t){if(e&1&&(L(0,`p`,26),J(1),R()),e&2){let e=G(2);k(),X(` `,e.rows().length,` rows. Rows render as you scroll, so the browser's find only sees the ones near view; the filter above searches them all. `)}}function MP(e,t){if(e&1){let e=H();L(0,`span`,52),U(`click`,function(t){T(e),G();let n=fv(0);return E(G(2).toggle(n.node.id,t))}),D(),L(1,`svg`,53),z(2,`path`,54),R()()}e&2&&(G(),q(`open`,fv(0).expanded))}function NP(e,t){e&1&&z(0,`span`,47)}function PP(e,t){if(e&1&&(L(0,`span`,55),J(1),R(),L(2,`span`,56),J(3),R(),L(4,`span`,24),J(5,`directive host`),R()),e&2){G();let e=fv(0),t=G(2);k(),X(`<`,e.node.tag,`>`),k(),j(`title`,e.node.directives?.join(`, `)),k(),Y(t.hostLabel(e.node))}}function FP(e,t){if(e&1&&(L(0,`span`,57),J(1),R(),L(2,`span`,58),J(3),R()),e&2){G();let e=fv(0);k(),Y(e.node.name),k(2),X(`<`,e.node.tag,`>`)}}function IP(e,t){if(e&1&&(L(0,`span`)(1,`span`,24),J(2,`Hydration: `),R(),J(3),R()),e&2){let e=t,n=G(3);M_(`hyd hyd-`+e),k(3),Y(n.hydrationText(e))}}function LP(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.route||`/`)}}function RP(e,t){if(e&1&&(L(0,`span`,50),J(1),L(2,`span`,24),J(3),R()()),e&2){let e=t;k(),X(` `,e),k(2),X(` `,e===1?`check`:`checks`,` while recording`)}}function zP(e,t){if(e&1&&(L(0,`span`,51),J(1),L(2,`span`,24),J(3),R()()),e&2){G();let e=fv(0);j(`title`,e.node.directives.join(`, `)),k(),X(` +`,e.node.directives.length,` `),k(2),X(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function BP(e,t){if(e&1){let e=H();uv(0),L(1,`div`,45),U(`click`,function(){T(e);let t=fv(0);return E(G(2).select(t.node.id))})(`focus`,function(){T(e);let t=fv(0),n=G(2);return n.focusId.set(t.node.id),E(n.highlight(t.node.id))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(2).highlight(t.node.id))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(2,MP,3,2,`span`,46)(3,NP,1,0,`span`,47),M(4,PP,6,3)(5,FP,4,2),M(6,IP,4,3,`span`,48),P(7,LP,2,1,`span`,49,hP),M(9,RP,4,2,`span`,50),M(10,zP,4,3,`span`,51),R()}if(e&2){let e,n,r=t.$implicit,i=G(2),a=dv(r.row);k(),K(`--%NS%depth`,a.depth),q(`selected`,i.selectedId()===a.node.id)(`dir-host`,a.node.kind===`directive`),j(`aria-level`,a.depth+1)(`aria-setsize`,a.setsize)(`aria-posinset`,a.posinset)(`aria-expanded`,a.hasChildren?a.expanded:null)(`aria-selected`,i.selectedId()===a.node.id)(`tabindex`,i.tabStop()===a.node.id?0:-1)(`data-vindex`,r.index)(`data-id`,a.node.id),k(),N(a.hasChildren?2:3),k(2),N(a.node.kind===`directive`?4:5),k(2),N((e=a.node.hydration)?6:-1,e),k(),F(i.routedById().get(a.node.id)??mv(20,fP)),k(2),N((n=i.cdHosts()[a.node.id])?9:-1,n),k(),N(a.node.kind!==`directive`&&a.node.directives?.length?10:-1)}}function VP(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function HP(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`button`,44),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.id,!0))}),J(2),R()()}e&2&&(k(2),X(` Show `,t.name,` `))}function UP(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`directive host`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R()(),L(8,`div`,63)(9,`h3`),J(10,` Directives `),L(11,`span`,64),J(12),R()(),L(13,`ul`,65),P(14,VP,2,1,`li`,66,gP),R()(),L(16,`div`,63)(17,`p`,67),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,HP,3,1,`div`,68),R()()),e&2){let e,n=t,r=G(2);k(5),X(`<`,n.tag,`>`),k(2),Y(r.hostLabel(n)),k(5),Y(n.directives?.length??0),k(2),F(n.directives??mv(4,fP)),k(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function WP(e,t){if(e&1&&(L(0,`p`,69),z(1,`app-source-link`,73),R()),e&2){let e=t;k(),I(`file`,e.file)(`line`,e.line)}}function GP(e,t){if(e&1){let e=H();L(0,`div`,74)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).revealInElements(t))}),J(2,`Reveal in Elements`),R(),L(3,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openSource(t))}),J(4,`Open source`),R()(),L(5,`p`,75),J(6),R()}if(e&2){let e=G(3);k(6),Y(e.actionMessage())}}function KP(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function qP(e,t){if(e&1&&(L(0,`div`,70),P(1,KP,2,1,`button`,76,_P),R()),e&2){let e=G(),t=G(3);k(),F(t.formsIn(e.file))}}function JP(e,t){e&1&&M(0,qP,3,0,`div`,70),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function YP(e,t){if(e&1){let e=H();L(0,`div`,70)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openInjector(t))}),J(2,` Show in Injectors `),L(3,`span`,24),J(4),R()()()}if(e&2){let e=G();k(4),X(`: `,e.name)}}function XP(e,t){if(e&1&&z(0,`app-store-global`,71),e&2){let e=G(),t=G(2);I(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,hv(4,pP,e.id))(`label`,e.name)}}function ZP(e,t){if(e&1&&(L(0,`dt`),J(1,`Routed`),R(),L(2,`dd`,79),J(3),R()),e&2){let e=t.$implicit;k(3),Z(``,e.route||`/`,` in outlet `,e.outlet)}}function QP(e,t){if(e&1&&(L(0,`span`,11),J(1),R()),e&2){let e=G(4);k(),Z(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function $P(e,t){if(e&1){let e=H();L(0,`div`,83)(1,`p`,42),J(2),R(),L(3,`p`,43),J(4,` The filter searches names, and the nested keys of values you opened. `),R(),L(5,`button`,44),U(`click`,function(){return T(e),E(G(5).clearPropFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(5);k(2),X(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function eF(e,t){if(e&1&&(L(0,`span`,87),J(1),R()),e&2){let e=G().$implicit;k(),X(`(`,e.prop,`)`)}}function tF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,eF,2,1,`span`,87),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.prop===e.name?-1:3),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function nF(e,t){if(e&1&&(L(0,`ul`,84),P(1,tF,5,9,`li`,85,yP),R()),e&2){let e=G(2);k(),F(e.inputs)}}function rF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs.`),R())}function iF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Inputs `),L(3,`span`,64),J(4),R()(),M(5,nF,3,0,`ul`,84)(6,rF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.inputs.length),k(),N(e.inputs.length?5:6)}}function aF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function oF(e,t){if(e&1&&(L(0,`ul`,65),P(1,aF,5,4,`li`,89,yP),R()),e&2){let e=G(2);k(),F(e.outputs)}}function sF(e,t){e&1&&(L(0,`p`,67),J(1,`No outputs.`),R())}function cF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Outputs `),L(3,`span`,64),J(4),R()(),M(5,oF,3,0,`ul`,65)(6,sF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.outputs.length),k(),N(e.outputs.length?5:6)}}function lF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function uF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,lF,2,1,`span`,92),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.kind?3:-1),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function dF(e,t){if(e&1&&(L(0,`ul`,84),P(1,uF,5,9,`li`,85,yP),R()),e&2){let e=G(2);k(),F(e.properties)}}function fF(e,t){e&1&&(L(0,`p`,67),J(1,`No other properties.`),R())}function pF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Properties `),L(3,`span`,64),J(4),R()(),M(5,dF,3,0,`ul`,84)(6,fF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.properties.length),k(),N(e.properties.length?5:6)}}function mF(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function hF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` DOM listeners `),L(3,`span`,64),J(4),R()(),L(5,`ul`,65),P(6,mF,2,1,`li`,66,Ag),R()()),e&2){let e=G(2);k(4),Y(e.listeners.length),k(2),F(e.listeners)}}function gF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),R(),z(3,`app-value-tree`,93),R()),e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2),i=G(3);k(2),Y(e.name),k(),I(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function _F(e,t){if(e&1&&(L(0,`ul`,84),P(1,gF,4,8,`li`,85,yP),R()),e&2){let e=G().$implicit;k(),F(e.inputs)}}function vF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function yF(e,t){if(e&1&&(L(0,`ul`,65),P(1,vF,5,4,`li`,89,yP),R()),e&2){let e=G().$implicit;k(),F(e.outputs)}}function bF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs or outputs.`),R())}function xF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`)(2,`span`,79),J(3),R(),L(4,`span`,92),J(5,`directive on host`),R()(),M(6,_F,3,0,`ul`,84),M(7,yF,3,0,`ul`,65),M(8,bF,2,0,`p`,67),R()),e&2){let e=t.$implicit;k(3),Y(e.name),k(3),N(e.inputs.length?6:-1),k(),N(e.outputs.length?7:-1),k(),N(!e.inputs.length&&!e.outputs.length?8:-1)}}function SF(e,t){if(e&1&&(M(0,$P,7,1,`div`,83),M(1,iF,7,2,`div`,63),M(2,cF,7,2,`div`,63),M(3,pF,7,2,`div`,63),M(4,hF,8,1,`div`,63),P(5,xF,9,4,`div`,63,vP)),e&2){let e=t,n=G(),r=G(3);N(r.propQuery()&&!e.count?0:-1),k(),N(!r.propQuery()||e.inputs.length?1:-1),k(),N(!r.propQuery()||e.outputs.length?2:-1),k(),N(!r.propQuery()||e.properties.length?3:-1),k(),N(!r.propQuery()&&n.listeners.length?4:-1),k(),F(e.directives)}}function CF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function wF(e,t){if(e&1&&(L(0,`span`,96),J(1,`from `),L(2,`span`,79),J(3),R()()),e&2){let e=G().$implicit;k(3),Y(e.providedByName??`an injector`)}}function TF(e,t){e&1&&(L(0,`span`,97),J(1,`not provided`),R())}function EF(e,t){if(e&1&&(L(0,`li`,94)(1,`span`,95),J(2),R(),P(3,CF,2,1,`span`,92,Ag),M(5,wF,4,1,`span`,96)(6,TF,2,0,`span`,97),R()),e&2){let e=t.$implicit;k(2),Y(e.token),k(),F(e.flags),k(2),N(e.providedBy?5:6)}}function DF(e,t){if(e&1&&(L(0,`ul`,82),P(1,EF,7,2,`li`,94,bP),R()),e&2){let e=G();k(),F(e.dependencies)}}function OF(e,t){e&1&&(L(0,`p`,67),J(1,`Nothing is injected through the constructor or inject().`),R())}function kF(e,t){if(e&1){let e=H();L(0,`dl`,78)(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`,79),J(12),R(),P(13,ZP,4,2,null,null,hP),R(),L(15,`div`,80)(16,`div`,5),D(),L(17,`svg`,6),z(18,`circle`,7)(19,`path`,8),R(),_s(),L(20,`input`,81,2),U(`input`,function(t){return T(e),E(G(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return T(e),E(G(3).clearPropFilter(t))}),R()(),M(22,QP,2,2,`span`,11),L(23,`p`,20),J(24),R()(),M(25,SF,7,5),L(26,`div`,63)(27,`h3`),J(28,` Injected `),L(29,`span`,64),J(30),R()(),M(31,DF,3,0,`ul`,82)(32,OF,2,0,`p`,67),R()}if(e&2){let e,n=t,r=G(),i=G(2);k(4),Y(n.changeDetection??`Unknown`),k(4),Y(n.encapsulation??`Unknown`),k(4),Y(n.path),k(),F(i.routedById().get(r.id)??mv(9,fP)),k(7),I(`value`,i.propFilter()),k(2),N(i.propQuery()?22:-1),k(2),Y(i.propFilterStatus()),k(),N((e=i.shownValues())?25:-1,e),k(5),Y(n.dependencies.length),k(),N(n.dependencies.length?31:32)}}function AF(e,t){e&1&&(L(0,`div`,72),z(1,`span`,98),L(2,`p`,43),J(3,`Reading live values from the page…`),R()())}function jF(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`component`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R(),M(8,WP,2,2,`p`,69),M(9,GP,7,1),M(10,JP,1,1),M(11,YP,5,1,`div`,70),M(12,XP,1,6,`app-store-global`,71),R(),M(13,kF,33,10)(14,AF,4,0,`div`,72),R()),e&2){let e,n,r,i=t,a=G(2);k(5),Y(i.name),k(2),X(`<`,i.tag,`>`),k(),N((e=a.whereOf(i))?8:-1,e),k(),N(a.devtoolsActions()?9:-1),k(),N((n=a.sourceFor(i))?10:-1,n),k(),N(a.canShowInjector()&&!a.staticReport()?11:-1),k(),N(!a.staticReport()&&!a.native()?12:-1),k(),N((r=a.detail())?13:14,r)}}function MF(e,t){e&1&&(L(0,`p`,42),J(1,`The selected component was destroyed`),R(),L(2,`p`,43)(3,`span`,79),J(4),R(),J(5,` is no longer on the page. Select another component to see its live values. `),R()),e&2&&(k(4),Y(t))}function NF(e,t){e&1&&(L(0,`p`,43),J(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),R())}function PF(e,t){if(e&1&&(L(0,`div`,30),M(1,MF,6,1)(2,NF,2,0,`p`,43),R()),e&2){let e,t=G(2);k(),N((e=t.destroyed())?1:2,e)}}function FF(e,t){e&1&&(L(0,`span`,92),J(1,`hydrate never`),R())}function IF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.hydration)}}function LF(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,101),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showOwner(t))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))}),L(2,`span`,57),J(3),R(),L(4,`span`,102),J(5),R(),M(6,FF,2,0,`span`,92)(7,IF,2,1,`span`,92),L(8,`span`,103),J(9),R()()()}if(e&2){let e=t.$implicit;k(),j(`aria-disabled`,e.owner?null:`true`),k(2),Y(e.owner?.name??`Unknown component`),k(),M_(`defer-state-`+e.state),k(),Y(e.state),k(),N(e.hydrateNever?6:e.hydration===`not-configured`?-1:7),k(3),Y(e.triggers.join(`, `)||`no triggers`)}}function RF(e,t){if(e&1&&(L(0,`section`,31)(1,`h2`,99),J(2,` Defer blocks `),L(3,`span`,64),J(4),R()(),L(5,`ul`,100),P(6,LF,10,7,`li`,null,xP),R()()),e&2){let e=G(2);k(4),Y(e.deferCount()),k(2),F(e.deferBlocks())}}function zF(e,t){e&1&&z(0,`app-angular-unavailable`,32),e&2&&I(`page`,G(2).angularPage())}function BF(e,t){if(e&1){let e=H();L(0,`app-hydration-section`,104),U(`overlay`,function(t){return T(e),E(G(2).setHydrationOverlay(t))})(`showNode`,function(t){return T(e),E(G(2).revealNode(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}e&2&&I(`report`,G(2).page()?.hydration)}function VF(e,t){if(e&1){let e=H();L(0,`app-cd-recording`,105),U(`showComponent`,function(t){return T(e),E(G(2).showCdComponent(t))}),R(),L(1,`app-leaks-section`,106),U(`showComponent`,function(t){return T(e),E(G(2).showLeakComponent(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}if(e&2){let e=G(2);I(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc()),k(),I(`report`,e.leaksPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`angular`,e.angularPage())}}function HF(e,t){if(e&1){let e=H();L(0,`p`,3),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`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,9,0),U(`input`,function(t){return T(e),E(G().setFilter(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().setFilter(``))}),R(),L(9,`span`,10),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,CP,3,2),L(12,`span`,11),J(13),R(),M(14,wP,5,1,`button`,12),L(15,`button`,13),U(`click`,function(){return T(e),E(G().expandAll())}),D(),L(16,`svg`,14),z(17,`path`,15)(18,`path`,16),R(),J(19,` Expand all `),R(),_s(),L(20,`button`,13),U(`click`,function(){return T(e),E(G().collapseAll())}),D(),L(21,`svg`,14),z(22,`path`,17)(23,`path`,18),R(),J(24,` Collapse all `),R(),M(25,TP,4,3,`button`,19),R(),_s(),L(26,`p`,20),J(27),R(),M(28,EP,2,1,`p`,21),M(29,DP,2,1,`p`,22),L(30,`div`,23)(31,`div`)(32,`h2`,24),J(33,`Component tree`),R(),M(34,AP,7,3,`div`,25),M(35,jP,2,1,`p`,26),L(36,`div`,27,1),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(38,BP,11,21,`div`,28,mP),R()(),M(40,UP,20,5,`section`,29)(41,jF,15,8,`section`,29)(42,PF,3,1,`div`,30),R(),M(43,RF,8,1,`section`,31),M(44,zF,1,1,`app-angular-unavailable`,32),M(45,BF,1,1,`app-hydration-section`,33),L(46,`app-for-blocks`,34),U(`showOwner`,function(t){return T(e),E(G().showForOwner(t))})(`highlight`,function(t){return T(e),E(G().highlight(t))}),R(),M(47,VF,2,7)}if(e&2){let e,t=G();k(7),I(`value`,t.filter()),k(4),N(t.pageOptions().length>1?11:-1),k(2),Y(t.countLabel()),k(),N(t.page().directiveHostCount?14:-1),k(),I(`disabled`,!!t.filter().trim()),k(5),I(`disabled`,!!t.filter().trim()),k(5),N(t.native()?-1:25),k(2),Y(t.announcement()),k(),N(t.pickMessage()?28:-1),k(),N(t.page().truncated?29:-1),k(5),N(t.rows().length?-1:34),k(),N(t.rowWindow.enabled()?35:-1),k(),K(`padding-top`,t.rowWindow.enabled()?6+t.rowWindow.padTop():null,`px`)(`padding-bottom`,t.rowWindow.enabled()?6+t.rowWindow.padBottom():null,`px`),q(`windowed`,t.rowWindow.enabled()),I(`hidden`,!t.rows().length),k(2),F(t.shownRows()),k(2),N((e=t.selectedHost())?40:(e=t.selectedNode())?41:42,e),k(3),N(t.deferBlocks().length?43:-1),k(),N(t.deferUnavailable()?44:-1),k(),N(t.native()?-1:45),k(),I(`blocks`,t.page()?.forBlocks)(`truncated`,t.page()?.forBlocksTruncated===!0)(`supported`,t.page()?.deferBlocks&&!t.page()?.forBlocks||t.forUnavailable()?!1:null)(`angular`,t.angularPage()),k(),N(!t.staticReport()&&!t.native()?47:-1)}}function UF(e,t){e&1&&(L(0,`p`,22),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 WF(e,t){e&1&&(L(0,`p`,107),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 GF(e,t){if(e&1&&J(0),e&2){let e=G(3);Z(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function KF(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 qF(e,t){if(e&1&&(L(0,`span`,109),M(1,GF,1,2)(2,KF,1,4),R()),e&2){let e=G(2);k(),N(e.filter().trim()?1:2)}}function JF(e,t){e&1&&(L(0,`div`,113),z(1,`span`,98),L(2,`p`,42),J(3,`Scanning components…`),R()())}function YF(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function XF(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function ZF(e,t){if(e&1){let e=H();L(0,`div`,114)(1,`p`,42),J(2,`Could not load components`),R(),L(3,`p`,43),M(4,YF,4,0)(5,XF,1,0),R(),L(6,`button`,44),U(`click`,function(){return T(e),E(G(2).refresh())}),J(7,`Retry`),R()()}if(e&2){let e=G(2);k(4),N(e.staticReport()?4:5)}}function QF(e,t){e&1&&(L(0,`div`,115)(1,`p`,42),J(2,`No components found`),R(),L(3,`p`,43),J(4,`No @Component or @Directive was found in the source.`),R()())}function $F(e,t){if(e&1){let e=H();L(0,`div`,115)(1,`p`,42),J(2),R(),L(3,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(4,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`)}}function eI(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function tI(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;k(3),Y(e.changeDetection??`Unknown`)}}function nI(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function rI(e,t){if(e&1&&(L(0,`div`,125)(1,`dl`,78)(2,`dt`),J(3,`Class`),R(),L(4,`dd`,79),J(5),R(),L(6,`dt`),J(7,`File`),R(),L(8,`dd`,79),z(9,`app-source-link`,73),R(),L(10,`dt`),J(11,`Standalone`),R(),L(12,`dd`),J(13),R(),M(14,tI,4,1),L(15,`dt`),J(16,`Inputs`),R(),L(17,`dd`,79),J(18),R(),L(19,`dt`),J(20,`Outputs`),R(),L(21,`dd`,79),J(22),R()(),P(23,nI,2,1,`button`,76,_P),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(3);I(`id`,`ct-source-`+n),k(5),Y(r.bareName(t.className)),k(4),I(`file`,t.file)(`line`,t.line),k(4),Y(t.isStandalone?`Yes`:`No`),k(),N(t.kind===`component`?14:-1),k(4),Y(t.inputs.join(`, `)||`None`),k(4),Y(t.outputs.join(`, `)||`None`),k(),F(r.formsIn(t.file))}}function iI(e,t){if(e&1){let e=H();L(0,`li`,118)(1,`button`,119),U(`click`,function(){let t=T(e).$implicit,n=G(3);return E(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),L(2,`span`,120),J(3),R(),L(4,`span`,121)(5,`span`,122),J(6),R(),L(7,`span`,123),M(8,eI,1,1),J(9),R()(),D(),L(10,`svg`,124),z(11,`path`,54),R()(),M(12,rI,25,8,`div`,125),R()}if(e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`expanded`,r.openKey()===r.sourceKey(e)),k(),j(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),k(),q(`directive`,e.kind===`directive`),k(),Y(e.kind),k(3),Y(r.sourceLabel(e)),k(2),N(e.selector?8:-1),k(),Z(` `,e.file,`:`,e.line,` `),k(3),N(r.openKey()===r.sourceKey(e)?12:-1)}}function aI(e,t){if(e&1&&(L(0,`ul`,116),P(1,iI,13,12,`li`,117,SP,!0),R()),e&2){let e=G(2);k(),F(e.filteredSource())}}function oI(e,t){if(e&1){let e=H();M(0,UF,2,0,`p`,22)(1,WF,2,0,`p`,107),L(2,`div`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,108,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(9,qF,3,1,`span`,109),L(10,`button`,110),U(`click`,function(){return T(e),E(G().refresh())}),D(),L(11,`svg`,14),z(12,`path`,111)(13,`path`,112),R(),J(14,` Refresh `),R()(),M(15,JF,4,0,`div`,113)(16,ZF,8,1,`div`,114)(17,QF,5,0,`div`,115)(18,$F,5,1,`div`,115)(19,aI,3,0,`ul`,116)}if(e&2){let e=G();N(+!e.page()),k(7),I(`value`,e.filter()),k(2),N(e.source().length?9:-1),k(),q(`spinning`,e.loading()),j(`aria-busy`,e.loading()),k(5),N(e.loading()&&!e.source().length?15:e.error()&&!e.source().length?16:e.source().length?e.filteredSource().length?19:18:17)}}var sI=32;function cI(e){return e.replace(/^_(?=[A-Z])/,``)}var lI=`pangular:components:directive-hosts`;function uI(){try{return localStorage.getItem(lI)!==`hidden`}catch{return!0}}var dI=class e{rpc=$(null);staticReport=Q(()=>UE(this.rpc()));focus=$(null);showForm=Rv();focusHandled=Rv();command=$(null);commandHandled=Rv();canShowInjector=$(!1);showInjector=Rv();filter=O(``);loading=O(!1);error=O(!1);source=O([]);formOwners=O([]);pages=O({});chosenPageId=O(null);selectedId=O(null);destroyed=O(null);announcement=O(``);picking=O(!1);pickMessage=O(``);pickPageId=null;pickSeq=0;focusId=O(null);bridge=C(cO);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=O(new Set);showDirectiveHosts=O(uI());openKey=O(null);routerPages=O([]);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.pageId));hasControlFlow=Q(()=>{let e=this.angularPage()?.version;return!e||jE(e,`17.0`)});deferUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`deferBlocks`));forUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`forBlocks`));destroyRef=C(Ds);injector=C(Ts);host=C(Il);filterInput=Jv(`filterInput`);cdRecording=Jv(tM);pagesKnown=O(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Fv({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>RE(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(()=>_O(this.page()));canEdit=Q(()=>this.live()&&!this.native()&&!this.staticReport()&&rD(this.rpc(),`components`));devtoolsActions=Q(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=O({});cdPage=Q(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=Q(()=>this.cdPage()?.hosts??{});leaksPages=O({});leaksPage=Q(()=>{let e=this.page()?.pageId;return e?this.leaksPages()[e]??null:null});visibleRoots=Q(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:AO(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(()=>kO(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(()=>PO(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)=>{i.forEach((o,s)=>{let c=n||!t.has(o.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:c,posinset:s+1,setsize:i.length}),c&&r(o.children,a+1)})};return r(this.filtered().nodes,0),e});rowWindow=new aP({count:Q(()=>this.rows().length),estimate:sI,fixed:!0});shownRows=Q(()=>{let{start:e,end:t}=this.rowWindow.range();return this.rows().slice(e,t).map((t,n)=>({row:t,index:e+n}))});tabStop=Q(()=>{let e=this.rovingId(),t=this.shownRows();return t.some(({row:t})=>t.node.id===e)?e:t[0]?.row.node.id??null});treeEl=Jv(`treeEl`);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 cN;propFilter=O(``);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)||WM([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=cI(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(){mc(()=>{let e=this.treeEl()?.nativeElement;e&&this.rowWindow.attach(e)}),mc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Nv(()=>this.values.follow(t,e?.expanded))}),mc(()=>{let e=this.page()?.pageId??null;Nv(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),mc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),mc(()=>{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()})}),mc(()=>{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(`leaks`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.leaksPages.set(t&&typeof t==`object`?t:{})};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.leaksPages.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(cI(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:cI(e.className)}bareName(e){return cI(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=zO(r,a,n);o&&(this.focusId.set(o),Hd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=LO({...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(FO(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 jO(e)}hydrationText(e){return NO(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(lI,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)}showLeakComponent(e){this.index().map.has(e)&&this.reveal(e,!0)}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);let r=this.rows().findIndex(t=>t.node.id===e);r>=0&&this.rowWindow.reveal(r),Hd(()=>{let n=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);this.clearToolbar(),n?.scrollIntoView({block:`nearest`}),t&&n?.focus({preventScroll:!0})},{injector:this.injector})}clearToolbar(){let e=this.host.nativeElement.querySelector(`.toolbar`);e&&this.host.nativeElement.style.setProperty(`--ct-toolbar-clearance`,`${cP(e)}px`)}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);let n=()=>{let t=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);this.clearToolbar(),t?.focus({preventScroll:!0}),t?.scrollIntoView({block:`nearest`})};this.rowWindow.rendered(a)?queueMicrotask(n):this.rowWindow.reveal(a,n)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,lP,5)(t.cdRecording,tM,5)(t.treeEl,uP,5)(t.propFilterInput,dP,5),e&2&&u_(4)},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`,``],[`treeEl`,``],[`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`],[1,`window-note`],[`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`],[`capability`,`deferBlocks`,`compact`,``,1,`defer`,3,`page`],[3,`report`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`supported`,`angular`],[`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`],[3,`showComponent`,`highlight`,`report`,`pageId`,`rpc`,`angular`],[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,HF,48,28)(1,oI,20,7),e&2&&N(+!t.live())},dependencies:[OO,tM,uM,oN,pN,wN,ZO,tP,hO],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -3270,7 +3270,7 @@ pre[_ngcontent-%COMP%] {
 
 .inline-detail[_ngcontent-%COMP%]   .show-form[_ngcontent-%COMP%] {
   margin: 0 16px;
-}`]})};function cI(e){return e.line?`${e.file}:${e.line}`:e.file}function lI(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 uI=HE;function dI(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var fI=`Could not reach the page.`;async function pI(e,t,n){return await uI(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function mI(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var hI=()=>[],gI=(e,t)=>t[0],_I=(e,t)=>t.input;function vI(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();k(3),Y(e.browserUrl)}}function yI(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);k(),Y(e.navigationOff)}}function bI(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 T(e),E(G(2).abort())}),J(8,` Abort `),V()(),M(9,yI,2,1,`p`,12)}if(e&2){let e=t,n=G(2);k(5),Y(e.url),k(),X(` (#`,e.id,`)`),k(),qg(`disabled`,!n.navigationAllowed()),j(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),k(2),N(n.navigationAllowed()?-1:9)}}function xI(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);k(),Y(e.message())}}function SI(e,t){if(e&1&&(B(0,`dt`),J(1,`Document title`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.title)}}function CI(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();k(4),Y(Cv(5,1,e.queryParams))}}function wI(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();k(4),Y(e.fragment)}}function TI(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),X(`, `,e.nesting)}}function EI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.outlet)}}function DI(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function OI(e,t){if(e&1&&(B(0,`div`,16),J(1),V()),e&2){let e=G().$implicit;k(),Z(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function kI(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.component)}}function AI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function jI(e,t){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function MI(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,jI,2,0,`span`,15),V()),e&2){let e=t.$implicit,n=G().$implicit;k(2),Z(``,e[0],`: `,Cv(3,3,e[1])),k(2),N(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function NI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function PI(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(k(),Y(t))}function FI(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,PI,2,1,`span`,15),V()),e&2){let e,n=t.$implicit,r=G().$implicit;k(2),Z(``,n[0],`: `,Cv(3,3,n[1])),k(2),N((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function II(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function LI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Y(e)}}function RI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function zI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function BI(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,TI,2,1,`span`,14),M(4,EI,2,1,`span`,15),M(5,DI,2,0,`span`,15),M(6,OI,2,2,`div`,16),V(),B(7,`td`),M(8,kI,2,1,`code`,17)(9,AI,4,0),V(),B(10,`td`),P(11,MI,5,5,`div`,18,gI,!1,NI,4,0),V(),B(14,`td`),P(15,FI,5,5,`div`,19,gI,!1,II,4,0),V(),B(18,`td`),P(19,LI,2,1,`span`,15,Ag),P(21,RI,2,1,`span`,15,Ag),M(23,zI,4,0),V()()),e&2){let e=t.$implicit,n=G(2);k(),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.label,` `),k(),N(e.nesting?3:-1),k(),N(e.route.outlet===`primary`?-1:4),k(),N(e.route.lazy?5:-1),k(),N(e.route.title?6:-1),k(2),N(e.route.component?8:9),k(3),F(n.entries(e.route.params)),k(4),F(n.entries(e.route.data)),k(4),F(n.guardList(e.route)),k(2),F(e.route.resolvers??mv(11,hI)),k(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function VI(e,t){if(e&1){let e=H();B(0,`button`,26),W(`click`,function(){T(e);let t=G(2).$implicit,n=G(3);return E(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;k(3),X(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function HI(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,VI,4,1,`button`,25)),e&2){let e=G().$implicit,t=G(3);k(),Y(e.outlet.component??`?`),k(3),Y(e.outlet.route??`?`),k(),N(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function UI(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function WI(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function GI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Z(`input `,e.input,` ← `,e.source)}}function KI(e,t){if(e&1&&(B(0,`span`,24),J(1,`routerOutletData `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;k(3),Y(e.outlet.data)}}function qI(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,HI,6,3)(4,UI,2,0,`span`,23),M(5,WI,2,0,`span`,15),P(6,GI,2,2,`span`,15,_I),M(8,KI,4,1,`span`,24),V()),e&2){let e=t.$implicit,n=G(3);K(`padding-left`,10+e.depth*16,`px`),k(2),Y(e.outlet.outlet),k(),N(e.outlet.activated?3:4),k(2),N(e.outlet.detached?5:-1),k(),F(n.boundInputs(e.outlet)),k(2),N(e.outlet.data===void 0?-1:8)}}function JI(e,t){if(e&1&&(B(0,`h3`),J(1,`Outlets`),V(),B(2,`ul`,21),P(3,qI,9,6,`li`,22,kg),V()),e&2){let e=G(2);k(3),F(e.outletRows())}}function YI(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,vI,5,1,`p`,3),M(6,bI,10,5),M(7,xI,2,1,`p`,4),B(8,`dl`,5),M(9,SI,4,1),M(10,CI,6,3),M(11,wI,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,BI,24,12,`tr`,null,kg),V()()(),M(31,JI,5,0)),e&2){let e,n=t,r=G();k(4),Y(n.url),k(),N(n.urlDrift&&n.browserUrl?5:-1),k(),N((e=n.pending)?6:-1,e),k(),N(r.message()?7:-1),k(2),N(n.title?9:-1),k(),N(r.hasKeys(n.queryParams)?10:-1),k(),N(n.fragment?11:-1),k(18),F(r.rows()),k(2),N(r.outletRows().length?31:-1)}}function XI(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 ZI=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);componentsOn=Q(()=>nD(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 pI(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=A({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,YI,32,8)(1,XI,8,0,`div`,0),e&2){let e;N((e=t.page().snapshot)?0:1,e)}},dependencies:[gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function fI(e){return e.line?`${e.file}:${e.line}`:e.file}function pI(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 mI=HE;function hI(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var gI=`Could not reach the page.`;async function _I(e,t,n){return await mI(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function vI(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var yI=()=>[],bI=(e,t)=>t[0],xI=(e,t)=>t.input;function SI(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();k(3),Y(e.browserUrl)}}function CI(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);k(),Y(e.navigationOff)}}function wI(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 T(e),E(G(2).abort())}),J(8,` Abort `),V()(),M(9,CI,2,1,`p`,12)}if(e&2){let e=t,n=G(2);k(5),Y(e.url),k(),X(` (#`,e.id,`)`),k(),qg(`disabled`,!n.navigationAllowed()),j(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),k(2),N(n.navigationAllowed()?-1:9)}}function TI(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);k(),Y(e.message())}}function EI(e,t){if(e&1&&(B(0,`dt`),J(1,`Document title`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.title)}}function DI(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();k(4),Y(Cv(5,1,e.queryParams))}}function OI(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();k(4),Y(e.fragment)}}function kI(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),X(`, `,e.nesting)}}function AI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.outlet)}}function jI(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function MI(e,t){if(e&1&&(B(0,`div`,16),J(1),V()),e&2){let e=G().$implicit;k(),Z(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function NI(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.component)}}function PI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function FI(e,t){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function II(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,FI,2,0,`span`,15),V()),e&2){let e=t.$implicit,n=G().$implicit;k(2),Z(``,e[0],`: `,Cv(3,3,e[1])),k(2),N(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function LI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function RI(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(k(),Y(t))}function zI(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,RI,2,1,`span`,15),V()),e&2){let e,n=t.$implicit,r=G().$implicit;k(2),Z(``,n[0],`: `,Cv(3,3,n[1])),k(2),N((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function BI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function VI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Y(e)}}function HI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function UI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function WI(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,kI,2,1,`span`,14),M(4,AI,2,1,`span`,15),M(5,jI,2,0,`span`,15),M(6,MI,2,2,`div`,16),V(),B(7,`td`),M(8,NI,2,1,`code`,17)(9,PI,4,0),V(),B(10,`td`),P(11,II,5,5,`div`,18,bI,!1,LI,4,0),V(),B(14,`td`),P(15,zI,5,5,`div`,19,bI,!1,BI,4,0),V(),B(18,`td`),P(19,VI,2,1,`span`,15,Ag),P(21,HI,2,1,`span`,15,Ag),M(23,UI,4,0),V()()),e&2){let e=t.$implicit,n=G(2);k(),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.label,` `),k(),N(e.nesting?3:-1),k(),N(e.route.outlet===`primary`?-1:4),k(),N(e.route.lazy?5:-1),k(),N(e.route.title?6:-1),k(2),N(e.route.component?8:9),k(3),F(n.entries(e.route.params)),k(4),F(n.entries(e.route.data)),k(4),F(n.guardList(e.route)),k(2),F(e.route.resolvers??mv(11,yI)),k(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function GI(e,t){if(e&1){let e=H();B(0,`button`,26),W(`click`,function(){T(e);let t=G(2).$implicit,n=G(3);return E(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;k(3),X(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function KI(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,GI,4,1,`button`,25)),e&2){let e=G().$implicit,t=G(3);k(),Y(e.outlet.component??`?`),k(3),Y(e.outlet.route??`?`),k(),N(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function qI(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function JI(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function YI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Z(`input `,e.input,` ← `,e.source)}}function XI(e,t){if(e&1&&(B(0,`span`,24),J(1,`routerOutletData `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;k(3),Y(e.outlet.data)}}function ZI(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,KI,6,3)(4,qI,2,0,`span`,23),M(5,JI,2,0,`span`,15),P(6,YI,2,2,`span`,15,xI),M(8,XI,4,1,`span`,24),V()),e&2){let e=t.$implicit,n=G(3);K(`padding-left`,10+e.depth*16,`px`),k(2),Y(e.outlet.outlet),k(),N(e.outlet.activated?3:4),k(2),N(e.outlet.detached?5:-1),k(),F(n.boundInputs(e.outlet)),k(2),N(e.outlet.data===void 0?-1:8)}}function QI(e,t){if(e&1&&(B(0,`h3`),J(1,`Outlets`),V(),B(2,`ul`,21),P(3,ZI,9,6,`li`,22,kg),V()),e&2){let e=G(2);k(3),F(e.outletRows())}}function $I(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,SI,5,1,`p`,3),M(6,wI,10,5),M(7,TI,2,1,`p`,4),B(8,`dl`,5),M(9,EI,4,1),M(10,DI,6,3),M(11,OI,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,WI,24,12,`tr`,null,kg),V()()(),M(31,QI,5,0)),e&2){let e,n=t,r=G();k(4),Y(n.url),k(),N(n.urlDrift&&n.browserUrl?5:-1),k(),N((e=n.pending)?6:-1,e),k(),N(r.message()?7:-1),k(2),N(n.title?9:-1),k(),N(r.hasKeys(n.queryParams)?10:-1),k(),N(n.fragment?11:-1),k(18),F(r.rows()),k(2),N(r.outletRows().length?31:-1)}}function eL(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 tL=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);componentsOn=Q(()=>nD(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 _I(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=A({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,$I,32,8)(1,eL,8,0,`div`,0),e&2){let e;N((e=t.page().snapshot)?0:1,e)}},dependencies:[gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -3703,7 +3703,7 @@ h3[_ngcontent-%COMP%] {
   display: block;
   color: var(--%NS%text-2);
   font-size: 12px;
-}`]})};function QI(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().error,` error(s)`)}}function $I(e,t){if(e&1&&(B(0,`span`,9),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().warning,` warning(s)`)}}function eL(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().info,` info`)}}function tL(e,t){if(e&1&&(B(0,`span`,3),M(1,QI,2,1,`span`,8),M(2,$I,2,1,`span`,9),M(3,eL,2,1,`span`,10),V()),e&2){let e=G();k(),N(e.counts().error?1:-1),k(),N(e.counts().warning?2:-1),k(),N(e.counts().info?3:-1)}}function nL(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 T(e),E(G().run())}),J(6,`Retry`),V()()}}function rL(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function iL(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 aL(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function oL(e,t){e&1&&J(0,` No page with a router is connected. `)}function sL(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,iL,1,0)(5,aL,1,0)(6,oL,1,0),V()()),e&2){let e;k(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function cL(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),k(2),j(`data-tone`,n.severityTone(e.severity)),k(),Y(e.severity),k(2),Y(e.rule),k(2),Y(e.route),k(2),Y(e.message),k(5),X(``,e.fix,` `),k(2),X(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function lL(e,t){if(e&1&&(B(0,`ul`,7),P(1,cL,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),k(),F(e.findings())}}function uL(e,t){e&1&&(B(0,`div`,6)(1,`span`,19),D(),B(2,`svg`,20),Vg(3,`path`,21),V()(),_s(),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 dL=class e{page=$.required();rpc=$(null);result=O(null);failed=O(!1);checking=O(!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(){mc(()=>{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 uI(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=A({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,tL,4,3,`span`,3),V(),M(6,nL,7,0,`div`,4)(7,rL,2,0,`p`,5)(8,sL,7,1,`div`,6)(9,lL,3,1,`ul`,7)(10,uL,8,0,`div`,6)),e&2){let e;k(),j(`aria-busy`,t.checking()),k(),X(` `,t.checking()?`Checking…`:`Check again`,` `),k(3),N(t.result()?.checked&&t.findings().length?5:-1),k(),N(t.failed()?6:t.result()?(e=t.notChecked())?8:t.findings().length?9:10:7,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function nL(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().error,` error(s)`)}}function rL(e,t){if(e&1&&(B(0,`span`,9),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().warning,` warning(s)`)}}function iL(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().info,` info`)}}function aL(e,t){if(e&1&&(B(0,`span`,3),M(1,nL,2,1,`span`,8),M(2,rL,2,1,`span`,9),M(3,iL,2,1,`span`,10),V()),e&2){let e=G();k(),N(e.counts().error?1:-1),k(),N(e.counts().warning?2:-1),k(),N(e.counts().info?3:-1)}}function oL(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 T(e),E(G().run())}),J(6,`Retry`),V()()}}function sL(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function cL(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 lL(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function uL(e,t){e&1&&J(0,` No page with a router is connected. `)}function dL(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,cL,1,0)(5,lL,1,0)(6,uL,1,0),V()()),e&2){let e;k(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function fL(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),k(2),j(`data-tone`,n.severityTone(e.severity)),k(),Y(e.severity),k(2),Y(e.rule),k(2),Y(e.route),k(2),Y(e.message),k(5),X(``,e.fix,` `),k(2),X(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function pL(e,t){if(e&1&&(B(0,`ul`,7),P(1,fL,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),k(),F(e.findings())}}function mL(e,t){e&1&&(B(0,`div`,6)(1,`span`,19),D(),B(2,`svg`,20),Vg(3,`path`,21),V()(),_s(),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 hL=class e{page=$.required();rpc=$(null);result=O(null);failed=O(!1);checking=O(!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(){mc(()=>{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 mI(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=A({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,aL,4,3,`span`,3),V(),M(6,oL,7,0,`div`,4)(7,sL,2,0,`p`,5)(8,dL,7,1,`div`,6)(9,pL,3,1,`ul`,7)(10,mL,8,0,`div`,6)),e&2){let e;k(),j(`aria-busy`,t.checking()),k(),X(` `,t.checking()?`Checking…`:`Check again`,` `),k(3),N(t.result()?.checked&&t.findings().length?5:-1),k(),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;
@@ -4125,7 +4125,7 @@ h3[_ngcontent-%COMP%] {
 
 .fix[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {
   font-size: 12px;
-}`]})},fL=(e,t)=>t.name,pL=(e,t)=>t[0];function mL(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 hL(e,t){if(e&1&&(B(0,`dt`),J(1,`Angular`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.angularVersion)}}function gL(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();k(4),Y(e.baseHref)}}function _L(e,t){if(e&1&&(B(0,`dt`),J(1,`Hydration`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),X(``,e.hydrated,` component(s) hydrated from server HTML`)}}function vL(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;k(3),Y(e.name),k(3),Y(e.value),k(2),j(`data-tone`,e.set?`warn`:``),k(),Y(e.set?`set`:`default`)}}function yL(e,t){if(e&1&&(B(0,`li`)(1,`span`,7),J(2),V()()),e&2){let e=t.$implicit;k(),j(`data-tone`,e[1]===`off`?``:`good`),k(),Z(``,e[0],`: `,e[1])}}function bL(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,yL,3,3,`li`,null,pL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.features))}}function xL(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;k(),Y(e[0]),k(3),Y(e[1])}}function SL(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,xL,5,2,null,null,pL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.strategies))}}function CL(e,t){if(e&1&&(M(0,mL,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,hL,4,1),M(7,gL,5,1),M(8,_L,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,vL,10,4,`tr`,null,fL),V()()(),M(24,bL,5,0),M(25,SL,5,0)),e&2){let e=t,n=G();N(e.mode===`events-only`?0:-1),k(5),Z(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),k(),N(e.angularVersion?6:-1),k(),N(e.baseHref?7:-1),k(),N(e.hydrated?8:-1),k(14),F(e.options),k(2),N(n.entries(e.features).length?24:-1),k(),N(n.entries(e.strategies).length?25:-1)}}function wL(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 TL=class e{page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,CL,26,8)(1,wL,5,0,`div`,0),e&2){let e;N((e=t.page().setup)?0:1,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},gL=(e,t)=>t.name,_L=(e,t)=>t[0];function vL(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 yL(e,t){if(e&1&&(B(0,`dt`),J(1,`Angular`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.angularVersion)}}function bL(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();k(4),Y(e.baseHref)}}function xL(e,t){if(e&1&&(B(0,`dt`),J(1,`Hydration`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),X(``,e.hydrated,` component(s) hydrated from server HTML`)}}function SL(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;k(3),Y(e.name),k(3),Y(e.value),k(2),j(`data-tone`,e.set?`warn`:``),k(),Y(e.set?`set`:`default`)}}function CL(e,t){if(e&1&&(B(0,`li`)(1,`span`,7),J(2),V()()),e&2){let e=t.$implicit;k(),j(`data-tone`,e[1]===`off`?``:`good`),k(),Z(``,e[0],`: `,e[1])}}function wL(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,CL,3,3,`li`,null,_L),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.features))}}function TL(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;k(),Y(e[0]),k(3),Y(e[1])}}function EL(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,TL,5,2,null,null,_L),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.strategies))}}function DL(e,t){if(e&1&&(M(0,vL,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,yL,4,1),M(7,bL,5,1),M(8,xL,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,SL,10,4,`tr`,null,gL),V()()(),M(24,wL,5,0),M(25,EL,5,0)),e&2){let e=t,n=G();N(e.mode===`events-only`?0:-1),k(5),Z(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),k(),N(e.angularVersion?6:-1),k(),N(e.baseHref?7:-1),k(),N(e.hydrated?8:-1),k(14),F(e.options),k(2),N(n.entries(e.features).length?24:-1),k(),N(n.entries(e.strategies).length?25:-1)}}function OL(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 kL=class e{page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,DL,26,8)(1,OL,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;
@@ -4456,7 +4456,7 @@ h3[_ngcontent-%COMP%] {
 
 .facts[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
-}`]})},EL=(e,t)=>t.id,DL=(e,t)=>t.phase;function OL(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function kL(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function AL(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function jL(e,t){if(e&1&&(M(0,AL,4,0),L(1,`code`),J(2),R()),e&2){let e=t.$implicit,n=t.$index;N(n===0?-1:0),k(2),Y(e)}}function ML(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);k(2),Y(e.from),k(6),Y(e.to),k(),X(`: `,n.hopCause(e),` `)}}function NL(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,jL,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,ML,10,3,`li`,null,kg),R(),L(9,`p`,17),J(10),R()()),e&2){let e=t.$implicit,n=G(2);k(3),Y(n.loopTitle(e)),k(),F(e.cycle),k(3),F(e.hops),k(3),Y(n.loopMeta(e))}}function PL(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,NL,11,2,`div`,13,kg),R()),e&2){let e=G();k(2),X(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),k(),F(e.loops())}}function FL(e,t){if(e&1&&(L(0,`span`),z(1,`i`),J(2),R()),e&2){let e=t.$implicit,n=G(2);k(),K(`background`,n.color(e)),k(),Y(e)}}function IL(e,t){if(e&1&&(L(0,`time`),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),Y(t.time(e.startedAt))}}function LL(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;k(5),Y(e.finalUrl)}}function RL(e,t){if(e&1&&(L(0,`span`,30),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function zL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.phases?.total,`ms`)}}function BL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.endedAt-e.startedAt,`ms`)}}function VL(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function HL(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);k(3),Z(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function UL(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 WL(e,t){if(e&1&&(L(0,`div`,33),P(1,UL,1,5,`span`,39,DL),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),k(),F(t.bars(e))}}function GL(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;k(4),Y(e.from)}}function KL(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;k(3),Z(``,e.caller,` (`,e.trigger,`)`)}}function qL(e,t){if(e&1&&(L(0,`dt`),J(1,`Extras`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.extras?.join(`, `))}}function JL(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;k(3),X(`#`,e.redirectedFrom)}}function YL(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);k(3),Y(e.from),k(3),Y(e.to),k(),X(`, `,n.hopCause(e),` `)}}function XL(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,YL,8,3,`div`,null,kg),R()),e&2){let e=t,n=G().$implicit,r=G(2);k(3),X(` `,e.cycle.join(` → `),` `),k(),F(r.hopsOf(e,n))}}function ZL(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;k(4),Y(e.redirectTo),k(),X(` (`,e.redirectKind,`) `)}}function QL(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);k(3),Z(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function $L(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);k(2),Y(e.guard),k(),X(` `,e.kind,` on `),k(2),Y(e.route),k(2),q(`bad`,n.isBad(e.result)),k(),Y(e.result),k(),X(` (`,e.ms,`ms) `)}}function eR(e,t){if(e&1&&(L(0,`dt`),J(1,`Runs`),R(),L(2,`dd`),P(3,$L,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;k(3),F(e.runs)}}function tR(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function nR(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,tR,1,1),J(4),R()),e&2){let e=G().$implicit;k(3),N(e.checked.deactivate.length?3:-1),k(),X(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function rR(e,t){if(e&1&&(L(0,`dt`),J(1,`Resolvers`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.resolvers?.names?.join(`, `))}}function iR(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;k(3),Y(e.lazyLoaded?.join(`, `))}}function aR(e,t){if(e&1&&(L(0,`dt`),J(1,`Reused`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function oR(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Z(``,e.requests.count,` request(s): `,e.requests.urls.join(`, `))}}function sR(e,t){if(e&1&&(L(0,`dt`),J(1,`Scroll`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.scroll)}}function cR(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;k(3),Y(e.title)}}function lR(e,t){if(e&1&&(L(0,`dt`),J(1,`Warnings`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.warnings?.join(` · `))}}function uR(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);k(3),Y(t.reasonText(e))}}function dR(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;k(3),Y(e.errorCode)}}function fR(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;k(3),Y(e.errorHandler)}}function pR(e,t){if(e&1&&(L(0,`dt`),J(1,`Earlier`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(``,e.earlier,` navigation(s) before Pangular Inspector connected`)}}function mR(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 hR(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,IL,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,LL,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,RL,2,1,`span`,30)(12,zL,2,1,`span`,31)(13,BL,2,1,`span`,31),M(14,VL,2,0,`span`,32),M(15,HL,4,2,`span`,15),R()(),M(16,WL,3,1,`div`,33),L(17,`dl`,34),M(18,GL,5,1),M(19,KL,4,2),M(20,qL,4,1),M(21,JL,4,1),M(22,XL,6,1),M(23,ZL,6,2),M(24,QL,4,2),M(25,eR,5,0),M(26,nR,5,2),M(27,rR,4,1),M(28,iR,4,1),M(29,aR,4,1),M(30,oR,4,2),M(31,sR,4,1),M(32,cR,4,1),M(33,lR,4,1),M(34,uR,4,1),M(35,dR,4,1),M(36,fR,4,1),M(37,pR,4,1),R(),L(38,`div`,35)(39,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).replay(t))}),J(40,` Replay `),R(),L(41,`button`,37),U(`click`,function(){let t=T(e).$implicit;return E(G(2).copy(t))}),J(42,` Copy repro `),R(),M(43,mR,2,2,`p`,38),R()()}if(e&2){let e,n,r=t.$implicit,i=G(2);q(`in-loop`,!!i.loopOf(r)),k(2),N(r.beforeConnect?-1:2),k(2),X(`#`,r.id),k(2),Y(r.url),k(),N(r.finalUrl&&r.finalUrl!==r.url?7:-1),k(2),j(`data-tone`,i.tone(r.outcome)),k(),Y(r.outcome),k(),N(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),k(3),N(r.probe?14:-1),k(),N((e=i.loopOf(r))?15:-1,e),k(),N(i.bars(r).length?16:-1),k(2),N(r.from?18:-1),k(),N(r.caller?19:-1),k(),N(r.extras?.length?20:-1),k(),N(r.redirectedFrom===void 0?-1:21),k(),N((n=i.loopOf(r))?22:-1,n),k(),N(r.redirectTo?23:-1),k(),N(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),k(),N(r.runs?.length?25:-1),k(),N(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),k(),N(r.resolvers?.names?.length?27:-1),k(),N(r.lazyLoaded?.length?28:-1),k(),N(r.reused?.length?29:-1),k(),N(r.requests?30:-1),k(),N(r.scroll?31:-1),k(),N(r.title?32:-1),k(),N(r.warnings?.length?33:-1),k(),N(r.reason||r.code?34:-1),k(),N(r.errorCode?35:-1),k(),N(r.errorHandler?36:-1),k(),N(r.earlier?37:-1),k(2),I(`disabled`,!i.navigationAllowed()||!i.replayable(r)),j(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),k(2),j(`aria-label`,`Copy repro for navigation `+r.id),k(2),N(i.replayable(r)?-1:43)}}function gR(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,FL,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,hR,44,37,`li`,24,EL),R()),e&2){let e=G();k(2),Z(``,e.items().length,` of `,e.page().navigations.length,` navigation(s)`),k(2),F(e.phases),k(3),F(e.items())}}function _R(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(){T(e);let t=G(2),n=d_(2);return t.clearFilters(),E(n.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2);k(4),X(` `,e.page().navigations.length,` navigation(s) are hidden. Clear the filters to see them. `)}}function vR(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 yR(e,t){e&1&&M(0,_R,7,1,`div`,41)(1,vR,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var bR=[`recognize`,`guards`,`resolve`,`activate`],xR={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},SR=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>nD(this.rpc()).limits.navigations);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);phases=bR;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 mI(e)}color(e){return xR[e]}bars(e){let t=e.phases?.total;return t?bR.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=QO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await pI(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 dI(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 pI(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 uI(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 VE(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=A({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,OL,2,1,`p`,8),M(16,kL,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,PL,5,1,`section`,11),M(19,gR,9,2)(20,yR,2,1)),e&2&&(k(),I(`value`,t.filter()),k(3),I(`checked`,t.onlyProblems()),k(3),I(`checked`,t.page().instrumented),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),k(3),Y(t.message()),k(),N(t.message()?15:-1),k(),N(t.navigationAllowed()?-1:16),k(),I(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),k(),N(t.loops().length?18:-1),k(),N(t.items().length?19:20))},dependencies:[rk],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},AL=(e,t)=>t.id,jL=(e,t)=>t.phase;function ML(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function NL(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function PL(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function FL(e,t){if(e&1&&(M(0,PL,4,0),L(1,`code`),J(2),R()),e&2){let e=t.$implicit,n=t.$index;N(n===0?-1:0),k(2),Y(e)}}function IL(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);k(2),Y(e.from),k(6),Y(e.to),k(),X(`: `,n.hopCause(e),` `)}}function LL(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,FL,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,IL,10,3,`li`,null,kg),R(),L(9,`p`,17),J(10),R()()),e&2){let e=t.$implicit,n=G(2);k(3),Y(n.loopTitle(e)),k(),F(e.cycle),k(3),F(e.hops),k(3),Y(n.loopMeta(e))}}function RL(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,LL,11,2,`div`,13,kg),R()),e&2){let e=G();k(2),X(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),k(),F(e.loops())}}function zL(e,t){if(e&1&&(L(0,`span`),z(1,`i`),J(2),R()),e&2){let e=t.$implicit,n=G(2);k(),K(`background`,n.color(e)),k(),Y(e)}}function BL(e,t){if(e&1&&(L(0,`time`),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),Y(t.time(e.startedAt))}}function VL(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;k(5),Y(e.finalUrl)}}function HL(e,t){if(e&1&&(L(0,`span`,30),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function UL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.phases?.total,`ms`)}}function WL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.endedAt-e.startedAt,`ms`)}}function GL(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function KL(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);k(3),Z(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function qL(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 JL(e,t){if(e&1&&(L(0,`div`,33),P(1,qL,1,5,`span`,39,jL),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),k(),F(t.bars(e))}}function YL(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;k(4),Y(e.from)}}function XL(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;k(3),Z(``,e.caller,` (`,e.trigger,`)`)}}function ZL(e,t){if(e&1&&(L(0,`dt`),J(1,`Extras`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.extras?.join(`, `))}}function QL(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;k(3),X(`#`,e.redirectedFrom)}}function $L(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);k(3),Y(e.from),k(3),Y(e.to),k(),X(`, `,n.hopCause(e),` `)}}function eR(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,$L,8,3,`div`,null,kg),R()),e&2){let e=t,n=G().$implicit,r=G(2);k(3),X(` `,e.cycle.join(` → `),` `),k(),F(r.hopsOf(e,n))}}function tR(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;k(4),Y(e.redirectTo),k(),X(` (`,e.redirectKind,`) `)}}function nR(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);k(3),Z(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function rR(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);k(2),Y(e.guard),k(),X(` `,e.kind,` on `),k(2),Y(e.route),k(2),q(`bad`,n.isBad(e.result)),k(),Y(e.result),k(),X(` (`,e.ms,`ms) `)}}function iR(e,t){if(e&1&&(L(0,`dt`),J(1,`Runs`),R(),L(2,`dd`),P(3,rR,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;k(3),F(e.runs)}}function aR(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function oR(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,aR,1,1),J(4),R()),e&2){let e=G().$implicit;k(3),N(e.checked.deactivate.length?3:-1),k(),X(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function sR(e,t){if(e&1&&(L(0,`dt`),J(1,`Resolvers`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.resolvers?.names?.join(`, `))}}function cR(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;k(3),Y(e.lazyLoaded?.join(`, `))}}function lR(e,t){if(e&1&&(L(0,`dt`),J(1,`Reused`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function uR(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Z(``,e.requests.count,` request(s): `,e.requests.urls.join(`, `))}}function dR(e,t){if(e&1&&(L(0,`dt`),J(1,`Scroll`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.scroll)}}function fR(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;k(3),Y(e.title)}}function pR(e,t){if(e&1&&(L(0,`dt`),J(1,`Warnings`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.warnings?.join(` · `))}}function mR(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);k(3),Y(t.reasonText(e))}}function hR(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;k(3),Y(e.errorCode)}}function gR(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;k(3),Y(e.errorHandler)}}function _R(e,t){if(e&1&&(L(0,`dt`),J(1,`Earlier`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(``,e.earlier,` navigation(s) before Pangular Inspector connected`)}}function vR(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 yR(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,BL,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,VL,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,HL,2,1,`span`,30)(12,UL,2,1,`span`,31)(13,WL,2,1,`span`,31),M(14,GL,2,0,`span`,32),M(15,KL,4,2,`span`,15),R()(),M(16,JL,3,1,`div`,33),L(17,`dl`,34),M(18,YL,5,1),M(19,XL,4,2),M(20,ZL,4,1),M(21,QL,4,1),M(22,eR,6,1),M(23,tR,6,2),M(24,nR,4,2),M(25,iR,5,0),M(26,oR,5,2),M(27,sR,4,1),M(28,cR,4,1),M(29,lR,4,1),M(30,uR,4,2),M(31,dR,4,1),M(32,fR,4,1),M(33,pR,4,1),M(34,mR,4,1),M(35,hR,4,1),M(36,gR,4,1),M(37,_R,4,1),R(),L(38,`div`,35)(39,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).replay(t))}),J(40,` Replay `),R(),L(41,`button`,37),U(`click`,function(){let t=T(e).$implicit;return E(G(2).copy(t))}),J(42,` Copy repro `),R(),M(43,vR,2,2,`p`,38),R()()}if(e&2){let e,n,r=t.$implicit,i=G(2);q(`in-loop`,!!i.loopOf(r)),k(2),N(r.beforeConnect?-1:2),k(2),X(`#`,r.id),k(2),Y(r.url),k(),N(r.finalUrl&&r.finalUrl!==r.url?7:-1),k(2),j(`data-tone`,i.tone(r.outcome)),k(),Y(r.outcome),k(),N(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),k(3),N(r.probe?14:-1),k(),N((e=i.loopOf(r))?15:-1,e),k(),N(i.bars(r).length?16:-1),k(2),N(r.from?18:-1),k(),N(r.caller?19:-1),k(),N(r.extras?.length?20:-1),k(),N(r.redirectedFrom===void 0?-1:21),k(),N((n=i.loopOf(r))?22:-1,n),k(),N(r.redirectTo?23:-1),k(),N(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),k(),N(r.runs?.length?25:-1),k(),N(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),k(),N(r.resolvers?.names?.length?27:-1),k(),N(r.lazyLoaded?.length?28:-1),k(),N(r.reused?.length?29:-1),k(),N(r.requests?30:-1),k(),N(r.scroll?31:-1),k(),N(r.title?32:-1),k(),N(r.warnings?.length?33:-1),k(),N(r.reason||r.code?34:-1),k(),N(r.errorCode?35:-1),k(),N(r.errorHandler?36:-1),k(),N(r.earlier?37:-1),k(2),I(`disabled`,!i.navigationAllowed()||!i.replayable(r)),j(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),k(2),j(`aria-label`,`Copy repro for navigation `+r.id),k(2),N(i.replayable(r)?-1:43)}}function bR(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,zL,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,yR,44,37,`li`,24,AL),R()),e&2){let e=G();k(2),Z(``,e.items().length,` of `,e.page().navigations.length,` navigation(s)`),k(2),F(e.phases),k(3),F(e.items())}}function xR(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(){T(e);let t=G(2),n=d_(2);return t.clearFilters(),E(n.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2);k(4),X(` `,e.page().navigations.length,` navigation(s) are hidden. Clear the filters to see them. `)}}function SR(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 CR(e,t){e&1&&M(0,xR,7,1,`div`,41)(1,SR,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var wR=[`recognize`,`guards`,`resolve`,`activate`],TR={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},ER=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>nD(this.rpc()).limits.navigations);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);phases=wR;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 vI(e)}color(e){return TR[e]}bars(e){let t=e.phases?.total;return t?wR.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=QO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await _I(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 hI(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 _I(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 mI(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 VE(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=A({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,ML,2,1,`p`,8),M(16,NL,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,RL,5,1,`section`,11),M(19,bR,9,2)(20,CR,2,1)),e&2&&(k(),I(`value`,t.filter()),k(3),I(`checked`,t.onlyProblems()),k(3),I(`checked`,t.page().instrumented),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),k(3),Y(t.message()),k(),N(t.message()?15:-1),k(),N(t.navigationAllowed()?-1:16),k(),I(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),k(),N(t.loops().length?18:-1),k(),N(t.items().length?19:20))},dependencies:[rk],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5040,7 +5040,7 @@ time[_ngcontent-%COMP%] {
   .export[_ngcontent-%COMP%] {
     margin-left: 0;
   }
-}`]})},CR=[`urlInput`],wR=()=>[],TR=(e,t)=>t.node.id;function ER(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);k(2),Y(Cv(3,1,e.params))}}function DR(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,ER,4,3)),e&2){G();let e=fv(0),t=G();k(4),Y(t.chainText(e)),k(),N(t.hasKeys(e.params)?5:-1)}}function OR(e,t){if(e&1&&(J(0,` Nearest: `),L(1,`code`),J(2),R()),e&2){G(2);let e=fv(0);k(2),Y(e.nearest.join(`, `))}}function kR(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,OR,3,1)),e&2){G();let e=fv(0);k(3),N(e.nearest.length?3:-1)}}function AR(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function jR(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,DR,6,2)(8,kR,4,1),P(9,AR,2,1,`div`,18,Ag),R()),e&2){let e=t,n=dv(e.result);k(),j(`data-matched`,n.matched),k(4),Y(e.url),k(2),N(n.matched?7:8),k(2),F(n.notes)}}function MR(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function NR(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function PR(e,t){if(e&1&&(L(0,`span`,22),J(1),R(),J(2,`. `)),e&2){let e=G(2);k(),Y(e.countText())}}function FR(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function IR(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 LR(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,PR,3,1)(3,FR,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,IR,1,1),R()),e&2){let e,t=G();k(),X(` Generation `,t.page().generation,` · `),k(),N(t.filter()?2:3),k(3),N((e=t.page().configTruncated)?5:-1,e)}}function RR(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();k(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.`,` `),k(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 zR(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(){T(e);let t=G(),n=d_(16);return t.setFilter(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function BR(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function VR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`lazy `,e.node.lazy)}}function HR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`outlet `,e.node.outlet)}}function UR(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;k(3),I(`file`,e.at.file)(`line`,e.at.line)}}function WR(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;k(5),Y(e.node.redirectTo)}}function GR(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 KR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function qR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function JR(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function YR(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function XR(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function ZR(e,t){if(e&1){let e=H();L(0,`input`,39),U(`input`,function(t){let n=T(e).$implicit,r=G(2).$implicit;return E(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 QR(e,t){if(e&1){let e=H();P(0,ZR,1,5,`input`,38,Ag),L(2,`button`,7),U(`click`,function(){T(e);let t=G().$implicit,n=d_(1);return E(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)),k(2),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function $R(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){T(e);let t=G().$implicit;return E(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 ez(e,t){if(e&1&&(L(0,`tr`,34)(1,`td`,40)(2,`p`,41),J(3),R()()()),e&2){let e=G(3);k(3),Y(e.rowResult()?.text)}}function tz(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,BR,2,0,`span`,28),M(5,VR,2,1,`span`,28),M(6,HR,2,1,`span`,28),M(7,UR,4,2,`span`,29),R(),L(8,`td`),M(9,WR,6,1,`span`,30)(10,GR,1,1),R(),L(11,`td`),P(12,KR,2,1,`span`,28,kg),P(14,qR,2,1,`span`,28,Ag),M(16,JR,4,0),R(),L(17,`td`),M(18,YR,1,1)(19,XR,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,QR,4,3),M(23,$R,2,1,`button`,33),R()()(),M(24,ez,4,1,`tr`,34)),e&2){let e=t.$implicit,n=G(2);q(`active`,n.isActive(e.node)),k(2),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.node.fullPath,` `),k(),N(n.isActive(e.node)?4:-1),k(),N(e.node.lazy?5:-1),k(),N(e.node.outlet?6:-1),k(),N(e.at?7:-1),k(2),N(e.node.redirectTo===void 0?10:9),k(3),F(n.guardList(e.node)),k(2),F(e.node.resolvers??mv(15,wR)),k(2),N(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),k(2),N(e.node.title?18:19),k(4),N(n.canNavigate(e.node)?22:-1),k(),N(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),k(),N(n.rowResult()?.id===e.node.id?24:-1)}}function nz(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,tz,25,16,null,null,TR),R()()()),e&2){let e=G();k(16),F(e.rows())}}function rz(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var iz=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);sources=$([]);filter=O(``);testUrl=O(``);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=lI(o,t),s=i&&cI(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(()=>rz(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${rz(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 uI(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(fI))}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 pI(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 pI(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 pI(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=A({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&l_(t.urlInput,CR,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 T(e),n.preventDefault(),E(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,jR,11,4,`div`,8),M(10,MR,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,NR,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,LR,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,RR,5,2,`div`,15)(21,zR,7,0,`div`,15)(22,nz,18,0,`div`,16)}if(e&2){let e;k(3),I(`value`,t.testUrl()),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),k(2),N((e=t.match())?9:-1,e),k(),N(t.message()?10:-1),k(2),Y(t.rowResult()?.text),k(),N(t.navigationAllowed()?-1:13),k(2),I(`value`,t.filter()),k(2),N(t.page().config?17:-1),k(2),Y(t.filterAnnouncement()),k(),N(t.page().config?t.rows().length?22:21:20)}},dependencies:[uM,gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},DR=[`urlInput`],OR=()=>[],kR=(e,t)=>t.node.id;function AR(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);k(2),Y(Cv(3,1,e.params))}}function jR(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,AR,4,3)),e&2){G();let e=fv(0),t=G();k(4),Y(t.chainText(e)),k(),N(t.hasKeys(e.params)?5:-1)}}function MR(e,t){if(e&1&&(J(0,` Nearest: `),L(1,`code`),J(2),R()),e&2){G(2);let e=fv(0);k(2),Y(e.nearest.join(`, `))}}function NR(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,MR,3,1)),e&2){G();let e=fv(0);k(3),N(e.nearest.length?3:-1)}}function PR(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function FR(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,jR,6,2)(8,NR,4,1),P(9,PR,2,1,`div`,18,Ag),R()),e&2){let e=t,n=dv(e.result);k(),j(`data-matched`,n.matched),k(4),Y(e.url),k(2),N(n.matched?7:8),k(2),F(n.notes)}}function IR(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function LR(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function RR(e,t){if(e&1&&(L(0,`span`,22),J(1),R(),J(2,`. `)),e&2){let e=G(2);k(),Y(e.countText())}}function zR(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function BR(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 VR(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,RR,3,1)(3,zR,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,BR,1,1),R()),e&2){let e,t=G();k(),X(` Generation `,t.page().generation,` · `),k(),N(t.filter()?2:3),k(3),N((e=t.page().configTruncated)?5:-1,e)}}function HR(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();k(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.`,` `),k(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 UR(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(){T(e);let t=G(),n=d_(16);return t.setFilter(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function WR(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function GR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`lazy `,e.node.lazy)}}function KR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`outlet `,e.node.outlet)}}function qR(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;k(3),I(`file`,e.at.file)(`line`,e.at.line)}}function JR(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;k(5),Y(e.node.redirectTo)}}function YR(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 XR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function ZR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function QR(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function $R(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function ez(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function tz(e,t){if(e&1){let e=H();L(0,`input`,39),U(`input`,function(t){let n=T(e).$implicit,r=G(2).$implicit;return E(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 nz(e,t){if(e&1){let e=H();P(0,tz,1,5,`input`,38,Ag),L(2,`button`,7),U(`click`,function(){T(e);let t=G().$implicit,n=d_(1);return E(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)),k(2),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function rz(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){T(e);let t=G().$implicit;return E(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 iz(e,t){if(e&1&&(L(0,`tr`,34)(1,`td`,40)(2,`p`,41),J(3),R()()()),e&2){let e=G(3);k(3),Y(e.rowResult()?.text)}}function az(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,WR,2,0,`span`,28),M(5,GR,2,1,`span`,28),M(6,KR,2,1,`span`,28),M(7,qR,4,2,`span`,29),R(),L(8,`td`),M(9,JR,6,1,`span`,30)(10,YR,1,1),R(),L(11,`td`),P(12,XR,2,1,`span`,28,kg),P(14,ZR,2,1,`span`,28,Ag),M(16,QR,4,0),R(),L(17,`td`),M(18,$R,1,1)(19,ez,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,nz,4,3),M(23,rz,2,1,`button`,33),R()()(),M(24,iz,4,1,`tr`,34)),e&2){let e=t.$implicit,n=G(2);q(`active`,n.isActive(e.node)),k(2),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.node.fullPath,` `),k(),N(n.isActive(e.node)?4:-1),k(),N(e.node.lazy?5:-1),k(),N(e.node.outlet?6:-1),k(),N(e.at?7:-1),k(2),N(e.node.redirectTo===void 0?10:9),k(3),F(n.guardList(e.node)),k(2),F(e.node.resolvers??mv(15,OR)),k(2),N(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),k(2),N(e.node.title?18:19),k(4),N(n.canNavigate(e.node)?22:-1),k(),N(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),k(),N(n.rowResult()?.id===e.node.id?24:-1)}}function oz(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,az,25,16,null,null,kR),R()()()),e&2){let e=G();k(16),F(e.rows())}}function sz(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var cz=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);sources=$([]);filter=O(``);testUrl=O(``);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=pI(o,t),s=i&&fI(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(()=>sz(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${sz(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 mI(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(gI))}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 _I(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 _I(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 _I(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=A({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&l_(t.urlInput,DR,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 T(e),n.preventDefault(),E(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,FR,11,4,`div`,8),M(10,IR,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,LR,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,VR,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,HR,5,2,`div`,15)(21,UR,7,0,`div`,15)(22,oz,18,0,`div`,16)}if(e&2){let e;k(3),I(`value`,t.testUrl()),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),k(2),N((e=t.match())?9:-1,e),k(),N(t.message()?10:-1),k(2),Y(t.rowResult()?.text),k(),N(t.navigationAllowed()?-1:13),k(2),I(`value`,t.filter()),k(2),N(t.page().config?17:-1),k(2),Y(t.filterAnnouncement()),k(),N(t.page().config?t.rows().length?22:21:20)}},dependencies:[uM,gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5523,7 +5523,7 @@ tr.active[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {
   .filter[_ngcontent-%COMP%] {
     flex-basis: 100%;
   }
-}`]})},az=(e,t)=>t.id;function oz(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 T(e),E(G(2).pageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function sz(e,t){e&1&&M(0,oz,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function cz(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function lz(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function uz(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);k(),Y(e.problems()),k(2),X(`, `,e.problems(),` problem navigations`)}}function dz(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selected.set(t.id))}),J(1),M(2,uz,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),k(),X(` `,e.label,` `),k(),N(e.id===`navigations`&&n.problems()>0?2:-1)}}function fz(e,t){if(e&1){let e=H();L(0,`app-route-current`,19),U(`showComponent`,function(t){return T(e),E(G(2).showComponent.emit(t))}),R()}if(e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function pz(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 mz(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 hz(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function gz(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 _z(e,t){if(e&1){let e=H();L(0,`div`,10),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(1,dz,3,6,`button`,11,az),R(),L(3,`div`,12),M(4,fz,1,2,`app-route-current`,13)(5,pz,1,2,`app-route-timeline`,13)(6,mz,1,3,`app-route-tree`,14)(7,hz,1,1,`app-route-setup`,15)(8,gz,1,2,`app-route-lint`,13),R()}if(e&2){let e,t=G();k(),F(t.tabs),k(2),I(`id`,`router-panel-`+t.selected()),j(`aria-labelledby`,`router-tab-`+t.selected()),k(),N((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function vz(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 yz=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],bz=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=yz;selected=O(`current`);pages=O([]);hostPageId=LE();loading=O(!0);failed=O(!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=C(Ds);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(){mc(()=>{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=A({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,sz,1,1),R(),M(4,cz,7,0,`div`,1)(5,lz,2,0,`p`,2)(6,_z,9,3)(7,vz,5,0,`div`,3)),e&2){let e,n;k(3),N((e=t.page())?3:-1,e),k(),N(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[ZI,dL,TL,SR,iz,OO],styles:[`[_nghost-%COMP%] {
+}`]})},lz=(e,t)=>t.id;function uz(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 T(e),E(G(2).pageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function dz(e,t){e&1&&M(0,uz,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function fz(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function pz(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function mz(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);k(),Y(e.problems()),k(2),X(`, `,e.problems(),` problem navigations`)}}function hz(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selected.set(t.id))}),J(1),M(2,mz,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),k(),X(` `,e.label,` `),k(),N(e.id===`navigations`&&n.problems()>0?2:-1)}}function gz(e,t){if(e&1){let e=H();L(0,`app-route-current`,19),U(`showComponent`,function(t){return T(e),E(G(2).showComponent.emit(t))}),R()}if(e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function _z(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 vz(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 yz(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function bz(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 xz(e,t){if(e&1){let e=H();L(0,`div`,10),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(1,hz,3,6,`button`,11,lz),R(),L(3,`div`,12),M(4,gz,1,2,`app-route-current`,13)(5,_z,1,2,`app-route-timeline`,13)(6,vz,1,3,`app-route-tree`,14)(7,yz,1,1,`app-route-setup`,15)(8,bz,1,2,`app-route-lint`,13),R()}if(e&2){let e,t=G();k(),F(t.tabs),k(2),I(`id`,`router-panel-`+t.selected()),j(`aria-labelledby`,`router-tab-`+t.selected()),k(),N((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function Sz(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 Cz=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],wz=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=Cz;selected=O(`current`);pages=O([]);hostPageId=LE();loading=O(!0);failed=O(!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=C(Ds);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(){mc(()=>{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=A({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,dz,1,1),R(),M(4,fz,7,0,`div`,1)(5,pz,2,0,`p`,2)(6,xz,9,3)(7,Sz,5,0,`div`,3)),e&2){let e,n;k(3),N((e=t.page())?3:-1,e),k(),N(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[tL,hL,kL,ER,cz,OO],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 16px;
   min-width: 0;
@@ -5688,7 +5688,7 @@ h2[_ngcontent-%COMP%] {
   line-height: 16px;
   text-align: center;
   font-variant-numeric: tabular-nums;
-}`]})};function xz(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function Sz(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){T(e);let t=G();return E(t.expanded.set(!t.expanded()))}),J(1),R()}if(e&2){let e=G();j(`aria-expanded`,e.expanded()),k(),X(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function Cz(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function wz(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function Tz(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,Cz,4,0)(5,wz,1,0),R()()),e&2){let e=G();k(4),N(e.staticReport()?4:5)}}function Ez(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function Dz(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(){T(e);let t=G(2),n=d_(12);return t.filter.set(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function Oz(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 kz(e,t){e&1&&M(0,Dz,7,0,`div`,16)(1,Oz,11,0,`div`,16),e&2&&N(+!G().routes().length)}function Az(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function jz(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;k(5),X(` `,e.redirectTo)}}function Mz(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function Nz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Pz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Fz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Iz(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function Lz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Rz(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,Az,2,1,`span`,21),R(),L(4,`td`),M(5,jz,6,1,`span`,22)(6,Mz,2,1,`code`,23)(7,Nz,4,0),R(),L(8,`td`),P(9,Pz,2,1,`span`,21,kg,!1,Fz,4,0),R(),L(12,`td`),M(13,Iz,1,1)(14,Lz,4,0),R(),L(15,`td`,24),z(16,`app-source-link`,25),R()()),e&2){let e=t.$implicit,n=G(2);k(2),X(` `,e.fullPath,` `),k(),N(e.kind===`page`?-1:3),k(2),N(e.redirectTo===void 0?e.component?6:7:5),k(4),F(n.checks(e)),k(4),N(e.title?13:14),k(3),I(`file`,e.file)(`line`,e.line)}}function zz(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,Rz,17,7,`tr`,null,kg),R()()()),e&2){let e=G();k(),rv(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),k(16),F(e.filtered())}}var Bz=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>UE(this.rpc()));routes=O([]);filter=O(``);loading=O(!1);error=O(!1);live=Jv(bz);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(){mc(()=>{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=A({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&l_(t.live,bz,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,xz,1,0),R(),M(8,Sz,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,Tz,6,1,`div`,11)(16,Ez,2,0,`p`,12)(17,kz,2,1)(18,zz,19,3),R()()),e&2&&(I(`rpc`,t.rpc())(`sources`,t.routes()),k(7),N(t.liveHasConfig()?7:-1),k(),N(t.liveHasConfig()?8:-1),k(),I(`hidden`,!t.expanded()),k(2),I(`value`,t.filter()),k(2),j(`aria-busy`,t.loading()),k(),X(` `,t.loading()?`Scanning…`:`Refresh`,` `),k(),N(t.error()?15:t.loading()&&t.routes().length===0?16:t.filtered().length===0?17:18))},dependencies:[bz,uM],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function Tz(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function Ez(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){T(e);let t=G();return E(t.expanded.set(!t.expanded()))}),J(1),R()}if(e&2){let e=G();j(`aria-expanded`,e.expanded()),k(),X(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function Dz(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function Oz(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function kz(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,Dz,4,0)(5,Oz,1,0),R()()),e&2){let e=G();k(4),N(e.staticReport()?4:5)}}function Az(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function jz(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(){T(e);let t=G(2),n=d_(12);return t.filter.set(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function Mz(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 Nz(e,t){e&1&&M(0,jz,7,0,`div`,16)(1,Mz,11,0,`div`,16),e&2&&N(+!G().routes().length)}function Pz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function Fz(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;k(5),X(` `,e.redirectTo)}}function Iz(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function Lz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Rz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function zz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Bz(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function Vz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Hz(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,Pz,2,1,`span`,21),R(),L(4,`td`),M(5,Fz,6,1,`span`,22)(6,Iz,2,1,`code`,23)(7,Lz,4,0),R(),L(8,`td`),P(9,Rz,2,1,`span`,21,kg,!1,zz,4,0),R(),L(12,`td`),M(13,Bz,1,1)(14,Vz,4,0),R(),L(15,`td`,24),z(16,`app-source-link`,25),R()()),e&2){let e=t.$implicit,n=G(2);k(2),X(` `,e.fullPath,` `),k(),N(e.kind===`page`?-1:3),k(2),N(e.redirectTo===void 0?e.component?6:7:5),k(4),F(n.checks(e)),k(4),N(e.title?13:14),k(3),I(`file`,e.file)(`line`,e.line)}}function Uz(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,Hz,17,7,`tr`,null,kg),R()()()),e&2){let e=G();k(),rv(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),k(16),F(e.filtered())}}var Wz=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>UE(this.rpc()));routes=O([]);filter=O(``);loading=O(!1);error=O(!1);live=Jv(wz);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(){mc(()=>{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=A({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&l_(t.live,wz,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,Tz,1,0),R(),M(8,Ez,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,kz,6,1,`div`,11)(16,Az,2,0,`p`,12)(17,Nz,2,1)(18,Uz,19,3),R()()),e&2&&(I(`rpc`,t.rpc())(`sources`,t.routes()),k(7),N(t.liveHasConfig()?7:-1),k(),N(t.liveHasConfig()?8:-1),k(),I(`hidden`,!t.expanded()),k(2),I(`value`,t.filter()),k(2),j(`aria-busy`,t.loading()),k(),X(` `,t.loading()?`Scanning…`:`Refresh`,` `),k(),N(t.error()?15:t.loading()&&t.routes().length===0?16:t.filtered().length===0?17:18))},dependencies:[wz,uM],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -6069,7 +6069,7 @@ h2[_ngcontent-%COMP%] {
   font-family: var(--%NS%font-mono);
   font-size: 12px;
   overflow-wrap: anywhere;
-}`]})},Vz=[`ArrowDown`,`ArrowUp`,`Home`,`End`],Hz=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,Uz=class e{appRovingList=$(``);rovingWindow=$(null);host=C(Il).nativeElement;current=null;focusInside=!1;constructor(){let e=C(Ds);Hd(()=>{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(Hz))??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(!Vz.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=this.rovingWindow();if(i?.enabled()&&(e.key===`Home`||e.key===`End`)){e.preventDefault();let t=e.key===`Home`?0:i.count-1,n=()=>{let e=this.host.querySelector(`[data-vindex="${t}"]`);(e?.matches(this.appRovingList())?e:e?.querySelector(this.appRovingList()))?.focus()};i.rendered(t)?n():i.reveal(t,n);return}let a={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[a].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`],rovingWindow:[1,`rovingWindow`]}})},Wz=56,Gz=12,Kz=8,qz=4;function Jz(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 Yz(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 Xz(e,t){let{producers:n,consumers:r}=Jz(e,t),i=Yz(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<qz;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:Kz+e*224,y:Kz+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-Wz,height:16+Math.max(1,f)*56-Gz}}function Zz(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 Qz(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}=Zz(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 $z(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 eB=(e,t)=>t.producer+`>`+t.consumer,tB=(e,t)=>t.id;function nB(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=t,n=G();k(),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 rB(e,t){if(e&1&&(D(),Vg(0,`path`,11)),e&2){let e=t.$implicit;M_(G().edgeTone(e)),j(`d`,e.path)}}function iB(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function aB(e,t){if(e&1){let e=H();B(0,`button`,12),W(`click`,function(){let t=T(e).$implicit;return E(G().pick(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G().focused.set(t.id))})(`keydown`,function(t){let n=T(e).$implicit;return E(G().onKey(t,n.id))}),B(1,`span`,13),Vg(2,`span`,14),J(3),M(4,iB,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),k(2),K(`background`,n.colorOf(e.id)),k(),X(` `,n.byId().get(e.id)?.kind,` `),k(),N(n.watched().has(e.id)?4:-1),k(2),Y(n.labelOf(e.id))}}var oB=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),sB=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=Rv();host=C(Il).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(()=>Qz(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(()=>Xz(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?Zz(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=O(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(!oB.has(e.key))return;e.preventDefault();let n=$z(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=A({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,nB,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),D(),B(12,`svg`,8),P(13,rB,1,3,`:svg:path`,9,eB),V(),P(15,aB,7,20,`button`,10,tB),V()()),e&2){let e;qg(`id`,t.helpId),k(9),N((e=t.capped())?9:-1,e),k(),j(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),k(),K(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),k(),j(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),k(),F(t.layout().edges),k(2),F(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
+}`]})},Gz=[`ArrowDown`,`ArrowUp`,`Home`,`End`],Kz=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,qz=class e{appRovingList=$(``);rovingWindow=$(null);host=C(Il).nativeElement;current=null;focusInside=!1;constructor(){let e=C(Ds);Hd(()=>{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(Kz))??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(!Gz.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=this.rovingWindow();if(i?.enabled()&&(e.key===`Home`||e.key===`End`)){e.preventDefault();let t=e.key===`Home`?0:i.count-1,n=()=>{let e=this.host.querySelector(`[data-vindex="${t}"]`);(e?.matches(this.appRovingList())?e:e?.querySelector(this.appRovingList()))?.focus()};i.rendered(t)?n():i.reveal(t,n);return}let a={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[a].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`],rovingWindow:[1,`rovingWindow`]}})},Jz=56,Yz=12,Xz=8,Zz=4;function Qz(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 $z(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 eB(e,t){let{producers:n,consumers:r}=Qz(e,t),i=$z(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<Zz;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:Xz+e*224,y:Xz+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-Jz,height:16+Math.max(1,f)*56-Yz}}function tB(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 nB(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}=tB(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 rB(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 iB=(e,t)=>t.producer+`>`+t.consumer,aB=(e,t)=>t.id;function oB(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=t,n=G();k(),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 sB(e,t){if(e&1&&(D(),Vg(0,`path`,11)),e&2){let e=t.$implicit;M_(G().edgeTone(e)),j(`d`,e.path)}}function cB(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function lB(e,t){if(e&1){let e=H();B(0,`button`,12),W(`click`,function(){let t=T(e).$implicit;return E(G().pick(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G().focused.set(t.id))})(`keydown`,function(t){let n=T(e).$implicit;return E(G().onKey(t,n.id))}),B(1,`span`,13),Vg(2,`span`,14),J(3),M(4,cB,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),k(2),K(`background`,n.colorOf(e.id)),k(),X(` `,n.byId().get(e.id)?.kind,` `),k(),N(n.watched().has(e.id)?4:-1),k(2),Y(n.labelOf(e.id))}}var uB=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),dB=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=Rv();host=C(Il).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(()=>nB(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(()=>eB(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?tB(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=O(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(!uB.has(e.key))return;e.preventDefault();let n=rB(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=A({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,oB,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),D(),B(12,`svg`,8),P(13,sB,1,3,`:svg:path`,9,iB),V(),P(15,lB,7,20,`button`,10,aB),V()()),e&2){let e;qg(`id`,t.helpId),k(9),N((e=t.capped())?9:-1,e),k(),j(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),k(),K(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),k(),j(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),k(),F(t.layout().edges),k(2),F(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -6250,7 +6250,7 @@ svg[_ngcontent-%COMP%] {
    .gnode[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},cB=[`filterInput`],lB=e=>({id:e,label:`Status history`}),uB=e=>({id:e,label:`Value history`}),dB=(e,t)=>t.kind,fB=(e,t)=>t.name+t.file+t.line,pB=(e,t)=>t.epoch,mB=(e,t)=>t.id,hB=(e,t)=>t.id+`:`+t.change.epoch;function gB(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,18),J(2,`Page`),R(),L(3,`app-select`,19),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function _B(e,t){if(e&1){let e=H();L(0,`div`,5)(1,`span`,20),J(2,`Graph of`),R(),L(3,`app-select`,21),U(`valueChange`,function(t){return T(e),E(G().pickComponent(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.componentOptions())(`value`,e.pickerValue())}}function vB(e,t){if(e&1&&(L(0,`span`,24),J(1),R()),e&2){let e=G(2);k(),Y(e.sourceNote(e.graph().source))}}function yB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,23),J(4),R(),M(5,vB,2,1,`span`,24),R()),e&2){let e=t,n=G();k(2),Y(e.name),k(2),Y(e.path),k(),N(n.graph().source?5:-1)}}function bB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,24),J(4,`environment injector`),R()()),e&2){let e=G();k(2),Y(e.injectorLabel(t))}}function xB(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 SB(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 CB(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 wB(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function TB(e,t){if(e&1&&(L(0,`app-angular-unavailable`,10),J(1,` This list comes from a source scan. `),R()),e&2){let e=G();I(`page`,e.angularPage())(`missing`,e.unsupported())}}function EB(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 DB(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Z(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function OB(e,t){if(e&1){let e=H();L(0,`button`,25),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,28),L(2,`span`,29),J(3),R(),L(4,`span`,26),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(e.kind),k(2),Y(e.count)}}function kB(e,t){if(e&1){let e=H();L(0,`div`,11)(1,`button`,25),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,26),J(4),R()(),P(5,OB,6,7,`button`,27,dB),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.kindTotal()),k(),F(e.kindChips())}}function AB(e,t){e&1&&(L(0,`div`,12),z(1,`span`,30),L(2,`p`,31),J(3,`Scanning source for signals…`),R()())}function jB(e,t){if(e&1){let e=H();L(0,`div`,32)(1,`p`,31),J(2,`Couldn't load signals`),R(),L(3,`p`,33),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=G();q(`compact`,e.sourceSignals().length>0),k(5),j(`aria-disabled`,e.retrying()||null),k(),X(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function MB(e,t){e&1&&(L(0,`div`,14)(1,`p`,31),J(2,`No signals found.`),R(),L(3,`p`,33),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 NB(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit;k(3),X(`in <`,e.component,`>`)}}function PB(e,t){if(e&1&&(L(0,`div`,37)(1,`div`,39)(2,`span`,40),J(3),R(),L(4,`span`,41),J(5),R()(),L(6,`div`,42),z(7,`app-source-link`,43),M(8,NB,4,1),R()()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.name),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.component?8:-1)}}function FB(e,t){if(e&1){let e=H();L(0,`div`,38)(1,`p`,31),J(2,`No signals match.`),R(),L(3,`p`,33),J(4,`Try a different name or kind.`),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(6,`Clear filters`),R()()}}function IB(e,t){if(e&1&&(L(0,`p`,35),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,36),P(3,PB,9,7,`div`,37,fB,!1,FB,7,0,`div`,38),R()),e&2){let e=G();k(3),F(e.filteredSourceSignals())}}function LB(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.missed,` earlier not captured`)}}function RB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function zB(e,t){if(e&1&&(L(0,`ol`,51),P(1,RB,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.stack)}}function BB(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,49),J(6),R(),L(7,`span`),J(8),R(),M(9,LB,2,1,`span`,50),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,zB,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,8,e.at,`HH:mm:ss.SSS`)),k(2),M_(`source-`+e.source),k(),Y(n.sourceLabel(e.source)),k(2),X(`epoch `,e.epoch),k(),N(e.missed?9:-1),k(2),Y(Cv(12,11,e.value)),k(2),N(e.stack?.length?13:-1)}}function VB(e,t){if(e&1&&(L(0,`h4`,45),J(1),R(),L(2,`p`,46),J(3),R(),L(4,`ol`,47),P(5,BB,14,13,`li`,null,pB),R()),e&2){let e=G(),t=e.id,n=e.label,r=G();I(`id`,`history-heading-`+t),k(),Y(n),k(2),Y(r.historySummary(t)),k(),j(`aria-labelledby`,`history-heading-`+t),k(),F(r.selectedHistory())}}function HB(e,t){e&1&&M(0,VB,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function UB(e,t){if(e&1){let e=H();L(0,`button`,56),U(`click`,function(){T(e);let t=G(2);return E(t.showFramework.set(!t.showFramework()))}),J(1,` Show framework signals `),L(2,`span`,26),J(3),R()()}if(e&2){let e=G(2);j(`aria-pressed`,e.showFramework()),k(3),Z(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function WB(e,t){e&1&&(L(0,`p`,58),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 GB(e,t){if(e&1){let e=H();L(0,`app-signal-graph-view`,62),U(`selected`,function(t){return T(e),E(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 KB(e,t){e&1&&(L(0,`p`,58),J(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),R())}function qB(e,t){if(e&1){let e=H();L(0,`p`,61)(1,`span`),J(2,`Selected`),R(),L(3,`span`,63),J(4),R(),L(5,`span`,44),J(6,`·`),R(),L(7,`span`),J(8),R(),L(9,`span`,44),J(10,`·`),R(),L(11,`span`),J(12),R(),L(13,`button`,64),U(`click`,function(){let t=T(e);return E(G(3).jumpTo(t))}),J(14,` Show details `),R()()}if(e&2){let e=t,n=G(3);k(4),Y(e.label??`(unnamed)`),k(4),Y(n.plural(n.getDependencies(e).length,`producer`)),k(4),Y(n.plural(n.getConsumers(e).length,`consumer`))}}function JB(e,t){if(e&1&&(L(0,`div`,59),M(1,GB,1,5,`app-signal-graph-view`,60)(2,KB,2,0,`p`,58),M(3,qB,15,3,`p`,61),R()),e&2){let e,t=G(2);k(),N(t.graphNodes().length?1:2),k(2),N((e=t.selectedNode())?3:-1,e)}}function YB(e,t){if(e&1){let e=H();L(0,`section`,15)(1,`div`,52)(2,`h2`,53),J(3,`Graph`),R(),L(4,`div`,54),M(5,UB,4,3,`button`,55),L(6,`button`,56),U(`click`,function(){return T(e),E(G().toggleStacks())}),J(7,` Record write stacks `),R(),L(8,`button`,57),U(`click`,function(){T(e);let t=G();return E(t.showGraph.set(!t.showGraph()))}),J(9),R()()(),M(10,WB,2,0,`p`,58),M(11,JB,4,2,`div`,59),R()}if(e&2){let e,t=G();k(5),N((e=t.frameworkCount())?5:-1,e),k(),j(`aria-pressed`,t.stacksOn()),k(2),j(`aria-expanded`,t.showGraph()),k(),X(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),k(),N(t.stacksOn()?10:-1),k(),N(t.showGraph()?11:-1)}}function XB(e,t){if(e&1&&(L(0,`p`,33),J(1),R()),e&2){let e=t;k(),Z(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function ZB(e,t){if(e&1&&(L(0,`span`,67),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function QB(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function $B(e,t){if(e&1){let e=H();L(0,`li`)(1,`span`,63),J(2),R(),M(3,ZB,3,3,`span`,67),M(4,QB,2,2,`span`,68),L(5,`button`,64),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleWatch(t))}),J(6,` Stop watching `),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(2),Y(n.label??`(unnamed)`),k(),N(n.value===void 0?-1:3),k(),N((e=r.changeCount(n.id))?4:-1,e),k(),j(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function eV(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function tV(e,t){if(e&1&&(L(0,`ol`,51),P(1,eV,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.change.stack)}}function nV(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,63),J(6),R(),L(7,`span`,49),J(8),R()(),L(9,`pre`),J(10),xv(11,`json`),R(),M(12,tV,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,7,e.change.at,`HH:mm:ss.SSS`)),k(3),Y(e.label),k(),M_(`source-`+e.change.source),k(),Y(n.sourceLabel(e.change.source)),k(2),Y(Cv(11,10,e.change.value)),k(2),N(e.change.stack?.length?12:-1)}}function rV(e,t){if(e&1&&(L(0,`h3`,69),J(1,`Recent changes`),R(),L(2,`div`,70)(3,`ol`,71),P(4,nV,13,12,`li`,null,hB),R()()),e&2){let e=G(2);k(4),F(e.watchLog())}}function iV(e,t){if(e&1&&(L(0,`section`,16)(1,`h2`,65),J(2,`Watched`),R(),M(3,XB,2,2,`p`,33),L(4,`ul`,66),P(5,$B,7,4,`li`,null,mB),R(),M(7,rV,6,0),R()),e&2){let e,t=G();k(3),N((e=t.watchedElsewhere())?3:-1,e),k(2),F(t.watchedNodes()),k(2),N(t.watchLog().length?7:-1)}}function aV(e,t){if(e&1&&(L(0,`span`,79),J(1),R()),e&2){let e=G().$implicit;M_(`tone-`+G(2).statusTone(e.status)),k(),Y(e.status)}}function oV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function sV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.error))}}function cV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function lV(e,t){e&1&&(L(0,`p`,33),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 uV(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;k(3),Y(e.isLoading?`yes`:`no`)}}function dV(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;k(3),Y(e.statusCode)}}function fV(e,t){if(e&1&&(L(0,`dt`),J(1,`Params`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Params of `+e.name),k(),Y(Cv(5,2,e.params))}}function pV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Value of `+e.name),k(),Y(Cv(5,2,e.value))}}function mV(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Error of `+e.name),k(),Y(Cv(5,2,e.error))}}function hV(e,t){if(e&1&&(L(0,`li`)(1,`span`,84),J(2),R(),L(3,`span`,63),J(4),R()()),e&2){let e=t.$implicit,n=G(5);k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function gV(e,t){if(e&1&&(L(0,`ul`,45),P(1,hV,5,4,`li`,null,mB),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),k(),F(t.internalsOf(e))}}function _V(e,t){if(e&1){let e=H();L(0,`div`,78)(1,`h3`,80),J(2),R(),M(3,lV,11,0,`p`,33),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,uV,4,1),M(10,dV,4,1),M(11,fV,6,4),M(12,pV,6,4),M(13,mV,6,4),R(),Gg(14,81),L(15,`button`,82),U(`click`,function(){T(e);let t=G(3);return E(t.showInternals.set(!t.showInternals()))}),J(16),R(),M(17,gV,3,1,`ul`,45),R()}if(e&2){let e=G().$implicit,t=G(2),n=d_(23);I(`id`,`signal-detail-`+e.id),k(2),Y(e.name),k(),N(e.named?-1:3),k(5),Y(e.status??`unknown`),k(),N(e.isLoading===void 0?-1:9),k(),N(e.statusCode===void 0?-1:10),k(),N(e.params===void 0?-1:11),k(),N(e.value===void 0?-1:12),k(),N(e.error===void 0?-1:13),k(),I(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,hv(16,lB,e.id)),k(),j(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),k(),Z(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),k(),N(t.showInternals()?17:-1)}}function vV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4,`resource`),R(),L(5,`span`,41),J(6),R(),M(7,aV,2,3,`span`,75),M(8,oV,2,2,`span`,68),z(9,`span`,76),R(),M(10,sV,3,3,`span`,77)(11,cV,3,3,`span`,77),R(),M(12,_V,18,18,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(`resource`)),k(3),Y(n.name),k(),N(n.status?7:-1),k(),N((e=n.changes)?8:-1,e),k(2),N(n.error===void 0?n.value===void 0?-1:11:10),k(2),N(r.selectedId()===n.id?12:-1)}}function yV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Resources`),R(),L(2,`ul`,73),P(3,vV,13,12,`li`,null,mB),R()),e&2){let e=G();k(3),F(e.filteredResources())}}function bV(e,t){e&1&&(L(0,`span`,87),J(1,`watching`),R())}function xV(e,t){e&1&&(L(0,`span`,88),J(1,`framework`),R())}function SV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function CV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function wV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Deps: `,t.getDependencies(e).length)}}function TV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Consumers: `,t.getConsumers(e).length)}}function EV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(4);k(3),j(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),k(),Y(Cv(5,2,e.selectedNode().value))}}function DV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function OV(e,t){if(e&1&&(L(0,`h4`),J(1,`Dependencies (producers)`),R(),L(2,`ul`),P(3,DV,6,5,`li`,null,mB),R()),e&2){let e=G(4);k(3),F(e.getDependencies(e.selectedNode()))}}function kV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function AV(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,kV,6,5,`li`,null,mB),R()),e&2){let e=G(4);k(3),F(e.getConsumers(e.selectedNode()))}}function jV(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e);let t=G(4);return E(t.toggleWatch(t.selectedNode()))}),J(1,` Watch `),R(),L(2,`p`,33),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 MV(e,t){e&1&&(L(0,`p`,33),J(1),R()),e&2&&(k(),Y(t))}function NV(e,t){if(e&1&&(L(0,`div`,78)(1,`h3`,80),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,EV,6,4),R(),M(13,OV,5,0),M(14,AV,5,0),M(15,jV,4,1),M(16,MV,2,1,`p`,33),Gg(17,81),R()),e&2){let e,t=G().$implicit,n=G(2),r=d_(23);I(`id`,`signal-detail-`+t.id),k(2),Y(n.selectedNode().label??n.selectedNode().id),k(5),Y(n.selectedNode().kind),k(4),Y(n.selectedNode().epoch),k(),N(n.selectedNode().value===void 0?-1:12),k(),N(n.getDependencies(n.selectedNode()).length?13:-1),k(),N(n.getConsumers(n.selectedNode()).length?14:-1),k(),N(n.isWatchable(n.selectedNode())?15:-1),k(),N((e=n.writeHint())?16:-1,e),k(),I(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,hv(11,uB,t.id))}}function PV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4),R(),L(5,`span`,41),J(6),R(),M(7,bV,2,0,`span`,87),M(8,xV,2,0,`span`,88),M(9,SV,2,2,`span`,68),z(10,`span`,76),R(),M(11,CV,3,3,`span`,77),L(12,`span`,42)(13,`span`),J(14),R(),M(15,wV,4,1),M(16,TV,4,1),R()(),M(17,NV,18,13,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(n.kind)),k(),Y(n.kind),k(2),Y(n.label??`(unnamed)`),k(),N(r.watchedIds().has(n.id)?7:-1),k(),N(n.framework?8:-1),k(),N((e=r.changeCount(n.id))?9:-1,e),k(2),N(n.value===void 0?-1:11),k(3),X(`Epoch: `,n.epoch),k(),N(r.getDependencies(n).length?15:-1),k(),N(r.getConsumers(n).length?16:-1),k(),N(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function FV(e,t){if(e&1){let e=H();L(0,`button`,34),U(`click`,function(){return T(e),E(G(3).clearFilters())}),J(1,`Clear filters`),R()}}function IV(e,t){if(e&1&&(L(0,`li`,86)(1,`p`,31),J(2),R(),L(3,`p`,33),J(4),R(),M(5,FV,2,0,`button`,91),R()),e&2){let e=G(2);k(2),X(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),k(2),X(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),k(),N(e.hasAnySignals()?5:-1)}}function LV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Signals`),R(),L(2,`ul`,85),P(3,PV,18,17,`li`,null,mB,!1,IV,6,3,`li`,86),R()),e&2){let e=G();k(3),F(e.filteredNodes())}}var RV=`follow`;function zV(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var BV=`env:`,VV=50,HV=new Set([`signal`,`computed`,`linkedSignal`]),UV=20,WV={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},GV={write:`set`,sample:`sampled`,initial:`initial`},KV={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},qV={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`},JV=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);filterInput=Jv(`filterInput`);injector=C(Ts);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=O({});graphState=O({graph:null,pages:{}});chosenPageId=O(null);announcement=O(``);graphPages=Q(()=>zV(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 RE(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=O({});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=O(!1);sourceSignals=O([]);sourceLoaded=O(!1);sourceFailed=O(!1);graphFailed=O(!1);loadFailed=Q(()=>this.sourceFailed()||this.graphFailed());retrying=O(!1);filter=O(``);resources=Q(()=>this.graph()?.resources??[]);internalIds=Q(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=O(!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=O(!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,UV)});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=O(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(qV).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:RV,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:BV+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:RV});constructor(){mc(()=>{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(zV(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!==RV?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(BV)?{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 WV[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||Hd(()=>{(!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 HV.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),Hd(()=>{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>=VV&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return KV[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return GV[e]}kindColor(e){return qV[e]??qV.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=A({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,cB,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`],[`capability`,`signalGraph`,`compact`,``,3,`page`,`missing`],[`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,gB,4,2,`div`,4),M(4,_B,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,yB,6,3,`p`,7)(8,bB,5,1,`p`,7),M(9,xB,2,0,`p`,8),L(10,`p`,9),M(11,SB,1,0)(12,CB,1,0)(13,wB,1,0),R(),M(14,TB,2,2,`app-angular-unavailable`,10),M(15,EB,2,0,`p`,8),M(16,DB,2,2,`p`,8),M(17,kB,7,4,`div`,11),M(18,AB,4,0,`div`,12),M(19,jB,7,4,`div`,13)(20,MB,14,0,`div`,14),M(21,IB,6,1),sg(22,HB,1,1,`ng-template`,null,1,Ev),M(24,YB,12,6,`section`,15),M(25,iV,8,2,`section`,16),L(26,`p`,17),J(27),R(),M(28,yV,5,0),M(29,LV,6,1)),e&2){let e,n;k(),I(`value`,t.filter()),k(2),N(t.pageOptions().length>1?3:-1),k(),N(t.componentOptions().length?4:-1),k(2),Y(t.announcement()),k(),N((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),k(2),N(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),k(2),N(t.graph()?.injector?11:t.graph()?12:13),k(3),N(t.graph()?-1:14),k(),N(t.graph()?.writeHook===!1?15:-1),k(),N((n=t.graph()?.nodeCount)?16:-1,n),k(),N(t.kindChips().length?17:-1),k(),N(!t.graph()&&!t.sourceLoaded()?18:-1),k(),N(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?19:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?20:-1),k(2),N(!t.graph()&&t.sourceSignals().length>0?21:-1),k(3),N(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?24:-1),k(),N(t.watchedNodes().length||t.watchedElsewhere()?25:-1),k(2),Y(t.jumpNote()),k(),N(t.graph()&&t.filteredResources().length?28:-1),k(),N(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?29:-1)}},dependencies:[hO,ub,Uz,OO,sB,uM,hb,gb],styles:[`[_nghost-%COMP%] {
+}`]})},fB=[`filterInput`],pB=e=>({id:e,label:`Status history`}),mB=e=>({id:e,label:`Value history`}),hB=(e,t)=>t.kind,gB=(e,t)=>t.name+t.file+t.line,_B=(e,t)=>t.epoch,vB=(e,t)=>t.id,yB=(e,t)=>t.id+`:`+t.change.epoch;function bB(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,18),J(2,`Page`),R(),L(3,`app-select`,19),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function xB(e,t){if(e&1){let e=H();L(0,`div`,5)(1,`span`,20),J(2,`Graph of`),R(),L(3,`app-select`,21),U(`valueChange`,function(t){return T(e),E(G().pickComponent(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.componentOptions())(`value`,e.pickerValue())}}function SB(e,t){if(e&1&&(L(0,`span`,24),J(1),R()),e&2){let e=G(2);k(),Y(e.sourceNote(e.graph().source))}}function CB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,23),J(4),R(),M(5,SB,2,1,`span`,24),R()),e&2){let e=t,n=G();k(2),Y(e.name),k(2),Y(e.path),k(),N(n.graph().source?5:-1)}}function wB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,24),J(4,`environment injector`),R()()),e&2){let e=G();k(2),Y(e.injectorLabel(t))}}function TB(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 EB(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 DB(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 OB(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function kB(e,t){if(e&1&&(L(0,`app-angular-unavailable`,10),J(1,` This list comes from a source scan. `),R()),e&2){let e=G();I(`page`,e.angularPage())(`missing`,e.unsupported())}}function AB(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 jB(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Z(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function MB(e,t){if(e&1){let e=H();L(0,`button`,25),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,28),L(2,`span`,29),J(3),R(),L(4,`span`,26),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(e.kind),k(2),Y(e.count)}}function NB(e,t){if(e&1){let e=H();L(0,`div`,11)(1,`button`,25),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,26),J(4),R()(),P(5,MB,6,7,`button`,27,hB),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.kindTotal()),k(),F(e.kindChips())}}function PB(e,t){e&1&&(L(0,`div`,12),z(1,`span`,30),L(2,`p`,31),J(3,`Scanning source for signals…`),R()())}function FB(e,t){if(e&1){let e=H();L(0,`div`,32)(1,`p`,31),J(2,`Couldn't load signals`),R(),L(3,`p`,33),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=G();q(`compact`,e.sourceSignals().length>0),k(5),j(`aria-disabled`,e.retrying()||null),k(),X(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function IB(e,t){e&1&&(L(0,`div`,14)(1,`p`,31),J(2,`No signals found.`),R(),L(3,`p`,33),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 LB(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit;k(3),X(`in <`,e.component,`>`)}}function RB(e,t){if(e&1&&(L(0,`div`,37)(1,`div`,39)(2,`span`,40),J(3),R(),L(4,`span`,41),J(5),R()(),L(6,`div`,42),z(7,`app-source-link`,43),M(8,LB,4,1),R()()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.name),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.component?8:-1)}}function zB(e,t){if(e&1){let e=H();L(0,`div`,38)(1,`p`,31),J(2,`No signals match.`),R(),L(3,`p`,33),J(4,`Try a different name or kind.`),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(6,`Clear filters`),R()()}}function BB(e,t){if(e&1&&(L(0,`p`,35),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,36),P(3,RB,9,7,`div`,37,gB,!1,zB,7,0,`div`,38),R()),e&2){let e=G();k(3),F(e.filteredSourceSignals())}}function VB(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.missed,` earlier not captured`)}}function HB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function UB(e,t){if(e&1&&(L(0,`ol`,51),P(1,HB,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.stack)}}function WB(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,49),J(6),R(),L(7,`span`),J(8),R(),M(9,VB,2,1,`span`,50),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,UB,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,8,e.at,`HH:mm:ss.SSS`)),k(2),M_(`source-`+e.source),k(),Y(n.sourceLabel(e.source)),k(2),X(`epoch `,e.epoch),k(),N(e.missed?9:-1),k(2),Y(Cv(12,11,e.value)),k(2),N(e.stack?.length?13:-1)}}function GB(e,t){if(e&1&&(L(0,`h4`,45),J(1),R(),L(2,`p`,46),J(3),R(),L(4,`ol`,47),P(5,WB,14,13,`li`,null,_B),R()),e&2){let e=G(),t=e.id,n=e.label,r=G();I(`id`,`history-heading-`+t),k(),Y(n),k(2),Y(r.historySummary(t)),k(),j(`aria-labelledby`,`history-heading-`+t),k(),F(r.selectedHistory())}}function KB(e,t){e&1&&M(0,GB,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function qB(e,t){if(e&1){let e=H();L(0,`button`,56),U(`click`,function(){T(e);let t=G(2);return E(t.showFramework.set(!t.showFramework()))}),J(1,` Show framework signals `),L(2,`span`,26),J(3),R()()}if(e&2){let e=G(2);j(`aria-pressed`,e.showFramework()),k(3),Z(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function JB(e,t){e&1&&(L(0,`p`,58),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 YB(e,t){if(e&1){let e=H();L(0,`app-signal-graph-view`,62),U(`selected`,function(t){return T(e),E(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 XB(e,t){e&1&&(L(0,`p`,58),J(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),R())}function ZB(e,t){if(e&1){let e=H();L(0,`p`,61)(1,`span`),J(2,`Selected`),R(),L(3,`span`,63),J(4),R(),L(5,`span`,44),J(6,`·`),R(),L(7,`span`),J(8),R(),L(9,`span`,44),J(10,`·`),R(),L(11,`span`),J(12),R(),L(13,`button`,64),U(`click`,function(){let t=T(e);return E(G(3).jumpTo(t))}),J(14,` Show details `),R()()}if(e&2){let e=t,n=G(3);k(4),Y(e.label??`(unnamed)`),k(4),Y(n.plural(n.getDependencies(e).length,`producer`)),k(4),Y(n.plural(n.getConsumers(e).length,`consumer`))}}function QB(e,t){if(e&1&&(L(0,`div`,59),M(1,YB,1,5,`app-signal-graph-view`,60)(2,XB,2,0,`p`,58),M(3,ZB,15,3,`p`,61),R()),e&2){let e,t=G(2);k(),N(t.graphNodes().length?1:2),k(2),N((e=t.selectedNode())?3:-1,e)}}function $B(e,t){if(e&1){let e=H();L(0,`section`,15)(1,`div`,52)(2,`h2`,53),J(3,`Graph`),R(),L(4,`div`,54),M(5,qB,4,3,`button`,55),L(6,`button`,56),U(`click`,function(){return T(e),E(G().toggleStacks())}),J(7,` Record write stacks `),R(),L(8,`button`,57),U(`click`,function(){T(e);let t=G();return E(t.showGraph.set(!t.showGraph()))}),J(9),R()()(),M(10,JB,2,0,`p`,58),M(11,QB,4,2,`div`,59),R()}if(e&2){let e,t=G();k(5),N((e=t.frameworkCount())?5:-1,e),k(),j(`aria-pressed`,t.stacksOn()),k(2),j(`aria-expanded`,t.showGraph()),k(),X(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),k(),N(t.stacksOn()?10:-1),k(),N(t.showGraph()?11:-1)}}function eV(e,t){if(e&1&&(L(0,`p`,33),J(1),R()),e&2){let e=t;k(),Z(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function tV(e,t){if(e&1&&(L(0,`span`,67),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function nV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function rV(e,t){if(e&1){let e=H();L(0,`li`)(1,`span`,63),J(2),R(),M(3,tV,3,3,`span`,67),M(4,nV,2,2,`span`,68),L(5,`button`,64),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleWatch(t))}),J(6,` Stop watching `),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(2),Y(n.label??`(unnamed)`),k(),N(n.value===void 0?-1:3),k(),N((e=r.changeCount(n.id))?4:-1,e),k(),j(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function iV(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function aV(e,t){if(e&1&&(L(0,`ol`,51),P(1,iV,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.change.stack)}}function oV(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,63),J(6),R(),L(7,`span`,49),J(8),R()(),L(9,`pre`),J(10),xv(11,`json`),R(),M(12,aV,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,7,e.change.at,`HH:mm:ss.SSS`)),k(3),Y(e.label),k(),M_(`source-`+e.change.source),k(),Y(n.sourceLabel(e.change.source)),k(2),Y(Cv(11,10,e.change.value)),k(2),N(e.change.stack?.length?12:-1)}}function sV(e,t){if(e&1&&(L(0,`h3`,69),J(1,`Recent changes`),R(),L(2,`div`,70)(3,`ol`,71),P(4,oV,13,12,`li`,null,yB),R()()),e&2){let e=G(2);k(4),F(e.watchLog())}}function cV(e,t){if(e&1&&(L(0,`section`,16)(1,`h2`,65),J(2,`Watched`),R(),M(3,eV,2,2,`p`,33),L(4,`ul`,66),P(5,rV,7,4,`li`,null,vB),R(),M(7,sV,6,0),R()),e&2){let e,t=G();k(3),N((e=t.watchedElsewhere())?3:-1,e),k(2),F(t.watchedNodes()),k(2),N(t.watchLog().length?7:-1)}}function lV(e,t){if(e&1&&(L(0,`span`,79),J(1),R()),e&2){let e=G().$implicit;M_(`tone-`+G(2).statusTone(e.status)),k(),Y(e.status)}}function uV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function dV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.error))}}function fV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function pV(e,t){e&1&&(L(0,`p`,33),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 mV(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;k(3),Y(e.isLoading?`yes`:`no`)}}function hV(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;k(3),Y(e.statusCode)}}function gV(e,t){if(e&1&&(L(0,`dt`),J(1,`Params`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Params of `+e.name),k(),Y(Cv(5,2,e.params))}}function _V(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Value of `+e.name),k(),Y(Cv(5,2,e.value))}}function vV(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Error of `+e.name),k(),Y(Cv(5,2,e.error))}}function yV(e,t){if(e&1&&(L(0,`li`)(1,`span`,84),J(2),R(),L(3,`span`,63),J(4),R()()),e&2){let e=t.$implicit,n=G(5);k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function bV(e,t){if(e&1&&(L(0,`ul`,45),P(1,yV,5,4,`li`,null,vB),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),k(),F(t.internalsOf(e))}}function xV(e,t){if(e&1){let e=H();L(0,`div`,78)(1,`h3`,80),J(2),R(),M(3,pV,11,0,`p`,33),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,mV,4,1),M(10,hV,4,1),M(11,gV,6,4),M(12,_V,6,4),M(13,vV,6,4),R(),Gg(14,81),L(15,`button`,82),U(`click`,function(){T(e);let t=G(3);return E(t.showInternals.set(!t.showInternals()))}),J(16),R(),M(17,bV,3,1,`ul`,45),R()}if(e&2){let e=G().$implicit,t=G(2),n=d_(23);I(`id`,`signal-detail-`+e.id),k(2),Y(e.name),k(),N(e.named?-1:3),k(5),Y(e.status??`unknown`),k(),N(e.isLoading===void 0?-1:9),k(),N(e.statusCode===void 0?-1:10),k(),N(e.params===void 0?-1:11),k(),N(e.value===void 0?-1:12),k(),N(e.error===void 0?-1:13),k(),I(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,hv(16,pB,e.id)),k(),j(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),k(),Z(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),k(),N(t.showInternals()?17:-1)}}function SV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4,`resource`),R(),L(5,`span`,41),J(6),R(),M(7,lV,2,3,`span`,75),M(8,uV,2,2,`span`,68),z(9,`span`,76),R(),M(10,dV,3,3,`span`,77)(11,fV,3,3,`span`,77),R(),M(12,xV,18,18,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(`resource`)),k(3),Y(n.name),k(),N(n.status?7:-1),k(),N((e=n.changes)?8:-1,e),k(2),N(n.error===void 0?n.value===void 0?-1:11:10),k(2),N(r.selectedId()===n.id?12:-1)}}function CV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Resources`),R(),L(2,`ul`,73),P(3,SV,13,12,`li`,null,vB),R()),e&2){let e=G();k(3),F(e.filteredResources())}}function wV(e,t){e&1&&(L(0,`span`,87),J(1,`watching`),R())}function TV(e,t){e&1&&(L(0,`span`,88),J(1,`framework`),R())}function EV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function DV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function OV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Deps: `,t.getDependencies(e).length)}}function kV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Consumers: `,t.getConsumers(e).length)}}function AV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(4);k(3),j(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),k(),Y(Cv(5,2,e.selectedNode().value))}}function jV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function MV(e,t){if(e&1&&(L(0,`h4`),J(1,`Dependencies (producers)`),R(),L(2,`ul`),P(3,jV,6,5,`li`,null,vB),R()),e&2){let e=G(4);k(3),F(e.getDependencies(e.selectedNode()))}}function NV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function PV(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,NV,6,5,`li`,null,vB),R()),e&2){let e=G(4);k(3),F(e.getConsumers(e.selectedNode()))}}function FV(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e);let t=G(4);return E(t.toggleWatch(t.selectedNode()))}),J(1,` Watch `),R(),L(2,`p`,33),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 IV(e,t){e&1&&(L(0,`p`,33),J(1),R()),e&2&&(k(),Y(t))}function LV(e,t){if(e&1&&(L(0,`div`,78)(1,`h3`,80),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,AV,6,4),R(),M(13,MV,5,0),M(14,PV,5,0),M(15,FV,4,1),M(16,IV,2,1,`p`,33),Gg(17,81),R()),e&2){let e,t=G().$implicit,n=G(2),r=d_(23);I(`id`,`signal-detail-`+t.id),k(2),Y(n.selectedNode().label??n.selectedNode().id),k(5),Y(n.selectedNode().kind),k(4),Y(n.selectedNode().epoch),k(),N(n.selectedNode().value===void 0?-1:12),k(),N(n.getDependencies(n.selectedNode()).length?13:-1),k(),N(n.getConsumers(n.selectedNode()).length?14:-1),k(),N(n.isWatchable(n.selectedNode())?15:-1),k(),N((e=n.writeHint())?16:-1,e),k(),I(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,hv(11,mB,t.id))}}function RV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4),R(),L(5,`span`,41),J(6),R(),M(7,wV,2,0,`span`,87),M(8,TV,2,0,`span`,88),M(9,EV,2,2,`span`,68),z(10,`span`,76),R(),M(11,DV,3,3,`span`,77),L(12,`span`,42)(13,`span`),J(14),R(),M(15,OV,4,1),M(16,kV,4,1),R()(),M(17,LV,18,13,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(n.kind)),k(),Y(n.kind),k(2),Y(n.label??`(unnamed)`),k(),N(r.watchedIds().has(n.id)?7:-1),k(),N(n.framework?8:-1),k(),N((e=r.changeCount(n.id))?9:-1,e),k(2),N(n.value===void 0?-1:11),k(3),X(`Epoch: `,n.epoch),k(),N(r.getDependencies(n).length?15:-1),k(),N(r.getConsumers(n).length?16:-1),k(),N(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function zV(e,t){if(e&1){let e=H();L(0,`button`,34),U(`click`,function(){return T(e),E(G(3).clearFilters())}),J(1,`Clear filters`),R()}}function BV(e,t){if(e&1&&(L(0,`li`,86)(1,`p`,31),J(2),R(),L(3,`p`,33),J(4),R(),M(5,zV,2,0,`button`,91),R()),e&2){let e=G(2);k(2),X(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),k(2),X(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),k(),N(e.hasAnySignals()?5:-1)}}function VV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Signals`),R(),L(2,`ul`,85),P(3,RV,18,17,`li`,null,vB,!1,BV,6,3,`li`,86),R()),e&2){let e=G();k(3),F(e.filteredNodes())}}var HV=`follow`;function UV(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var WV=`env:`,GV=50,KV=new Set([`signal`,`computed`,`linkedSignal`]),qV=20,JV={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},YV={write:`set`,sample:`sampled`,initial:`initial`},XV={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},ZV={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`},QV=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);filterInput=Jv(`filterInput`);injector=C(Ts);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=O({});graphState=O({graph:null,pages:{}});chosenPageId=O(null);announcement=O(``);graphPages=Q(()=>UV(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 RE(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=O({});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=O(!1);sourceSignals=O([]);sourceLoaded=O(!1);sourceFailed=O(!1);graphFailed=O(!1);loadFailed=Q(()=>this.sourceFailed()||this.graphFailed());retrying=O(!1);filter=O(``);resources=Q(()=>this.graph()?.resources??[]);internalIds=Q(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=O(!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=O(!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,qV)});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=O(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(ZV).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:HV,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:WV+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:HV});constructor(){mc(()=>{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(UV(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!==HV?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(WV)?{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 JV[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||Hd(()=>{(!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 KV.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),Hd(()=>{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>=GV&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return XV[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return YV[e]}kindColor(e){return ZV[e]??ZV.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=A({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,fB,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`],[`capability`,`signalGraph`,`compact`,``,3,`page`,`missing`],[`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,bB,4,2,`div`,4),M(4,xB,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,CB,6,3,`p`,7)(8,wB,5,1,`p`,7),M(9,TB,2,0,`p`,8),L(10,`p`,9),M(11,EB,1,0)(12,DB,1,0)(13,OB,1,0),R(),M(14,kB,2,2,`app-angular-unavailable`,10),M(15,AB,2,0,`p`,8),M(16,jB,2,2,`p`,8),M(17,NB,7,4,`div`,11),M(18,PB,4,0,`div`,12),M(19,FB,7,4,`div`,13)(20,IB,14,0,`div`,14),M(21,BB,6,1),sg(22,KB,1,1,`ng-template`,null,1,Ev),M(24,$B,12,6,`section`,15),M(25,cV,8,2,`section`,16),L(26,`p`,17),J(27),R(),M(28,CV,5,0),M(29,VV,6,1)),e&2){let e,n;k(),I(`value`,t.filter()),k(2),N(t.pageOptions().length>1?3:-1),k(),N(t.componentOptions().length?4:-1),k(2),Y(t.announcement()),k(),N((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),k(2),N(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),k(2),N(t.graph()?.injector?11:t.graph()?12:13),k(3),N(t.graph()?-1:14),k(),N(t.graph()?.writeHook===!1?15:-1),k(),N((n=t.graph()?.nodeCount)?16:-1,n),k(),N(t.kindChips().length?17:-1),k(),N(!t.graph()&&!t.sourceLoaded()?18:-1),k(),N(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?19:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?20:-1),k(2),N(!t.graph()&&t.sourceSignals().length>0?21:-1),k(3),N(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?24:-1),k(),N(t.watchedNodes().length||t.watchedElsewhere()?25:-1),k(2),Y(t.jumpNote()),k(),N(t.graph()&&t.filteredResources().length?28:-1),k(),N(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?29:-1)}},dependencies:[hO,ub,qz,OO,dB,uM,hb,gb],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
   color: var(--%NS%text);
@@ -7207,7 +7207,7 @@ button.node-card[_ngcontent-%COMP%] {
   dd[_ngcontent-%COMP%]    + dt[_ngcontent-%COMP%] {
     margin-top: 8px;
   }
-}`]})},YV=`pangular-pref`;function XV(e){try{let t=localStorage.getItem(`${YV}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function ZV(e,t){try{localStorage.setItem(`${YV}:${e}`,String(t))}catch{}}var QV=[`queryInput`],$V=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),eH=()=>({compact:!1}),tH=()=>({compact:!0}),nH=(e,t)=>t.node.injector.id,rH=(e,t)=>t.id,iH=(e,t)=>t.from+t.token+e,aH=(e,t)=>t.token+e,oH=(e,t)=>t.type,sH=(e,t)=>t.token+t.file+t.line;function cH(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 T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=t.compact,n=G();q(`compact`,e),k(2),X(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),k(3),j(`aria-disabled`,n.retrying()||null),k(),X(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function lH(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 T(e),E(G(2).selectPage(t))}),R()()}if(e&2){let e=G(2);k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function uH(e,t){e&1&&M(0,lH,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function dH(e,t){if(e&1){let e=H();L(0,`label`,24)(1,`input`,25),U(`change`,function(){T(e);let t=G(2);return E(t.componentsOnly.set(!t.componentsOnly()))}),R(),J(2,` Components only `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.componentsOnly())}}function fH(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G(2);k(),Y(e.frameworkHiddenText())}}function pH(e,t){e&1&&(L(0,`span`,27),J(1),R()),e&2&&(k(),X(`Change detection: `,t))}function mH(e,t){e&1&&(L(0,`p`,28),D(),L(1,`svg`,37),z(2,`circle`,38)(3,`path`,39),R(),_s(),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 hH(e,t){if(e&1){let e=H();L(0,`button`,43),U(`click`,function(){let t=T(e).$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),L(4,`span`,46),J(5),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),K(`background`,n.tone(e.kind)),k(2),Y(e.label),k(2),Y(e.tokens)}}function gH(e,t){e&1&&(L(0,`span`,42),J(1),R()),e&2&&(k(),X(`+`,t,` more`))}function _H(e,t){if(e&1&&(L(0,`div`,29)(1,`span`,40),J(2,`Provided by`),R(),P(3,hH,6,4,`button`,41,rH),M(5,gH,2,1,`span`,42),R()),e&2){let e,t=G(2);k(3),F(t.providedBy()),k(2),N((e=t.providedByMore())?5:-1,e)}}function vH(e,t){if(e&1){let e=H();L(0,`div`,30),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(2).clearQuery())}),J(3,`Clear search`),R()()}if(e&2){let e=G(2);k(),X(` Nothing here matches “`,e.query().trim(),`”. `)}}function yH(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function bH(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function xH(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function SH(e,t){e&1&&J(0,` Try a different search. `)}function CH(e,t){if(e&1&&(L(0,`div`,32)(1,`p`,7),J(2,`No injectors to show`),R(),L(3,`p`,8),M(4,yH,1,0)(5,bH,1,0)(6,xH,1,0)(7,SH,1,0),R()()),e&2){let e=G(2);k(4),N(e.hideFramework()&&e.frameworkHiddenCount().injectors>0?4:e.onlyProviding()?5:e.componentsOnly()&&e.view()===`element`?6:7)}}function wH(e,t){if(e&1){let e=H();L(0,`span`,58),U(`click`,function(t){T(e);let n=G().$implicit;return E(G(2).toggle(n.node.injector.id,t))}),D(),L(1,`svg`,59),z(2,`path`,60),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function TH(e,t){e&1&&z(0,`span`,50)}function EH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.component)}}function DH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.directives.join(`, `))}}function OH(e,t){if(e&1&&(L(0,`span`,56),D(),L(1,`svg`,37),z(2,`path`,61),R(),_s(),L(3,`span`,52),J(4,`injects`),R(),J(5),R()),e&2){let e=G().$implicit;j(`title`,e.node.dependencies.length+` injected`),k(5),X(` `,e.node.dependencies.length,` `)}}function kH(e,t){if(e&1&&(L(0,`span`,57),D(),L(1,`svg`,37),z(2,`path`,62),R(),_s(),L(3,`span`,52),J(4,`provides`),R(),J(5),R()),e&2){let e=t;j(`title`,e+` provided`),k(5),X(` `,e,` `)}}function AH(e,t){if(e&1){let e=H();L(0,`div`,48),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.node.injector.id))})(`focus`,function(){let t=T(e).$implicit,n=G(2);return n.focusId.set(t.node.injector.id),E(n.highlight(t.node))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.node))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,wH,3,2,`span`,49)(2,TH,1,0,`span`,50),L(3,`span`,51),J(4),R(),L(5,`span`,52),J(6),R(),L(7,`span`,53),J(8),R(),M(9,EH,2,1,`span`,54)(10,DH,2,1,`span`,54),L(11,`span`,55),M(12,OH,6,2,`span`,56),M(13,kH,6,2,`span`,57),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),k(),N(n.hasChildren?1:2),k(2),K(`--%NS%tone`,r.tone(r.kind(n.node))),j(`title`,r.kind(n.node)),k(),Y(r.kind(n.node)[0].toUpperCase()),k(2),Y(r.kind(n.node)),k(2),Y(r.label(n.node)),k(),N(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),k(3),N((n.node.dependencies?.length??0)>0?12:-1),k(),N((e=r.providerCount(n.node))?13:-1,e)}}function jH(e,t){if(e&1){let e=H();L(0,`button`,9),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.node.injector.id))}),J(1),R()}if(e&2){let e=G(3);k(),X(` Show `,e.label(t.node),` `)}}function MH(e,t){if(e&1&&(L(0,`section`,35)(1,`header`,63)(2,`h2`,64),J(3),R()(),L(4,`div`,65)(5,`p`,8),J(6,` This injector is no longer on the page. Its component or directive was destroyed. `),R(),M(7,jH,2,1,`button`,66),R()()),e&2){let e,n=G(2);k(3),Y(t),k(4),N((e=n.rows()[0])?7:-1,e)}}function NH(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),k(),Y(e)}}function PH(e,t){if(e&1&&(L(0,`ul`,68),P(1,NH,2,3,`li`,77,Ag),R()),e&2){let e=G();k(),F(e.injector.directives)}}function FH(e,t){if(e&1){let e=H();L(0,`button`,78),U(`click`,function(){let t=T(e);return E(G(3).openComponent(t))}),J(1,` Show in Components `),L(2,`span`,52),J(3),R()()}if(e&2){let e=G();k(3),X(`: `,e.injector.component)}}function IH(e,t){if(e&1&&(L(0,`span`,79),z(1,`span`,44),J(2,` Null injector `),L(3,`span`,81),J(4,`throws NullInjectorError`),R()()),e&2){let e=G(4);k(),K(`background`,e.tone(`null`))}}function LH(e,t){if(e&1&&(L(0,`span`,83),J(1),L(2,`span`,52),J(3),R()()),e&2){let e=G(2).$implicit;k(),X(` `,e.providers,` `),k(2),Y(e.providers===1?`provider`:`providers`)}}function RH(e,t){if(e&1){let e=H();L(0,`button`,82),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),M(4,LH,4,2,`span`,83),R()}if(e&2){let e=G().$implicit,t=G(3);k(),K(`background`,t.tone(e.kind)),k(2),Y(e.label),k(),N(e.providers?4:-1)}}function zH(e,t){if(e&1&&(L(0,`li`),M(1,IH,5,2,`span`,79)(2,RH,5,4,`button`,80),R()),e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`current`,n===0),k(),N(e.id===r.nullId?1:2)}}function BH(e,t){e&1&&(L(0,`p`,71),J(1,`Only services this injector has already created are listed.`),R())}function VH(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function HH(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`for `,e.from)}}function UH(e,t){if(e&1){let e=H();L(0,`button`,94),U(`click`,function(){let t=T(e);return E(G(6).reveal(t))}),z(1,`span`,44),J(2,` from `),L(3,`span`,45),J(4),R()()}if(e&2){let e=t,n=G(6);k(),K(`background`,n.tone(n.kindById(e))),k(3),Y(n.labelById(e))}}function WH(e,t){e&1&&(L(0,`span`,92),J(1,`optional, not provided`),R())}function GH(e,t){e&1&&(L(0,`span`,93),J(1,`not provided anywhere`),R())}function KH(e,t){if(e&1&&(L(0,`li`,86)(1,`div`,87)(2,`span`,88),J(3),R(),P(4,VH,2,1,`span`,89,Ag),R(),L(6,`div`,90),M(7,HH,2,1,`span`),M(8,UH,5,3,`button`,91)(9,WH,2,0,`span`,92)(10,GH,2,0,`span`,93),R()()),e&2){let e,n=t.$implicit,r=G(3);q(`hit`,G(2).matches(n.token)),k(3),Y(n.token),k(),F(n.flags),k(3),N(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),k(),N((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function qH(e,t){if(e&1&&(L(0,`ul`,84),P(1,KH,11,5,`li`,85,iH),R()),e&2){let e=G(2);k(),F(e.dependencies)}}function JH(e,t){e&1&&(L(0,`p`,76),J(1,`Nothing is injected through the constructor or inject().`),R())}function YH(e,t){e&1&&(L(0,`p`,76),J(1,`No service created here has injected anything yet.`),R())}function XH(e,t){if(e&1&&(L(0,`div`,70)(1,`h3`),J(2),L(3,`span`,17),J(4),R()(),M(5,BH,2,0,`p`,71),M(6,qH,3,0,`ul`,84)(7,JH,2,0,`p`,76)(8,YH,2,0,`p`,76),R()),e&2){let e=G();k(2),X(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),k(2),Y(e.dependencies?.length??0),k(),N(e.injector.type===`element`?-1:5),k(),N(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function ZH(e,t){if(e&1){let e=H();L(0,`p`,74),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(3).setHideFramework(!1))}),J(3,` Show them `),R()()}if(e&2){let e=t;k(),Z(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function QH(e,t){e&1&&(L(0,`span`,89),J(1,`viewProviders`),R())}function $H(e,t){e&1&&(L(0,`span`,89),J(1,`multi`),R())}function eU(e,t){e&1&&(L(0,`span`,89),J(1,`Angular`),R())}function tU(e,t){if(e&1&&(L(0,`div`,90),J(1),R()),e&2){let e=G(2).$implicit;k(),X(`via `,e.importPath.join(` › `))}}function nU(e,t){if(e&1&&(L(0,`li`,96)(1,`div`,87)(2,`span`,88),J(3),R(),L(4,`span`,97),J(5),R(),M(6,QH,2,0,`span`,89),M(7,$H,2,0,`span`,89),M(8,eU,2,0,`span`,89),R(),M(9,tU,2,1,`div`,90),z(10,`app-store-global`,98),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2),i=G(2);q(`hit`,i.matches(t.token)),k(3),Y(t.token),k(2),Y(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),k(),N(t.isViewProvider?6:-1),k(),N(t.multi?7:-1),k(),N(t.framework?8:-1),k(),N(t.importPath?.length?9:-1),k(),I(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,gv(13,$V,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function rU(e,t){if(e&1&&M(0,nU,11,17,`li`,95),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function iU(e,t){if(e&1&&(L(0,`ul`,75),P(1,rU,1,1,null,null,aH),R()),e&2){let e=G();k(),F(e.providers)}}function aU(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function oU(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function sU(e,t){if(e&1&&(L(0,`p`,76),M(1,aU,1,0)(2,oU,1,0),R()),e&2){let e=G();k(),N(e.injector.type===`element`?1:2)}}function cU(e,t){if(e&1&&(L(0,`section`,36)(1,`header`,63)(2,`span`,67),J(3),R(),L(4,`h2`,64),J(5),R(),M(6,PH,3,0,`ul`,68),M(7,FH,4,1,`button`,69),R(),L(8,`div`,70)(9,`h3`),J(10,`Lookup path`),R(),L(11,`p`,71),J(12,`Angular asks these injectors in order until one has the token.`),R(),L(13,`ol`,72),P(14,zH,3,3,`li`,73,rH),R()(),M(16,XH,9,4,`div`,70),L(17,`div`,70)(18,`h3`),J(19,` Provides `),L(20,`span`,17),J(21),R()(),M(22,ZH,4,2,`p`,74),M(23,iU,3,0,`ul`,75)(24,sU,3,1,`p`,76),R()()),e&2){let e,n,r=t,i=G(2);k(2),K(`--%NS%tone`,i.tone(i.kind(r))),k(),Y(i.kind(r)),k(2),Y(i.label(r)),k(),N(r.injector.directives?.length?6:-1),k(),N((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),k(7),F(i.path()),k(2),N(r.injector.type===`element`||r.dependencies?16:-1),k(5),Y(i.providerCount(r)),k(),N((n=i.hiddenProviders(r))?22:-1,n),k(),N(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function lU(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,`app-angular-unavailable`,14),J(3,` This tree shows the element injectors the page reports, with providers and environment injectors only where its Angular exposes them. `),R(),L(4,`div`,15)(5,`div`,16)(6,`button`,9),U(`click`,function(){return T(e),E(G().setView(`element`))}),J(7,` Elements `),L(8,`span`,17),J(9),R()(),L(10,`button`,9),U(`click`,function(){return T(e),E(G().setView(`environment`))}),J(11,` Environment `),L(12,`span`,17),J(13),R()()(),L(14,`div`,18),D(),L(15,`svg`,19),z(16,`circle`,20)(17,`path`,21),R(),_s(),L(18,`input`,22,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(20,23),M(21,dH,3,1,`label`,24),L(22,`label`,24)(23,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.onlyProviding.set(!t.onlyProviding()))}),R(),J(24,` With providers `),R(),L(25,`label`,24)(26,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.setHideFramework(!t.hideFramework()))}),R(),J(27,` Hide framework `),R(),M(28,fH,2,1,`span`,26),M(29,pH,2,1,`span`,27),R(),M(30,mH,8,0,`p`,28),M(31,_H,6,1,`div`,29)(32,vH,4,1,`div`,30),L(33,`div`,31),M(34,CH,8,1,`div`,32),L(35,`div`,33),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(36,AH,14,19,`div`,34,nH),R(),M(38,MH,8,2,`section`,35)(39,cU,25,10,`section`,36),R()}if(e&2){let e,t,n=G(),r=d_(5);k(2),I(`page`,n.angularPage()),k(4),q(`active`,n.view()===`element`),j(`aria-pressed`,n.view()===`element`),k(3),Y(n.elementCount()),k(),q(`active`,n.view()===`environment`),j(`aria-pressed`,n.view()===`environment`),k(3),Y(n.environmentCount()),k(5),I(`value`,n.query()),k(2),I(`ngTemplateOutlet`,r),k(),N(n.view()===`element`?21:-1),k(2),I(`checked`,n.onlyProviding()),k(3),I(`checked`,n.hideFramework()),k(2),N(n.hideFramework()?28:-1),k(),N((e=n.zone())?29:-1,e),k(),N(n.truncated()?30:-1),k(),N(n.providedBy().length?31:n.query().trim()&&!n.rows().length?32:-1),k(3),N(n.rows().length?-1:34),k(),I(`hidden`,!n.rows().length),j(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),k(),F(n.rows()),k(2),N((t=n.gone())?38:(t=n.selected())?39:-1,t)}}function uU(e,t){e&1&&(L(0,`div`,4),z(1,`span`,99),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function dU(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,eH)))}function fU(e,t){if(e&1&&(L(0,`div`,15),Gg(1,23),R()),e&2){G(2);let e=d_(5);k(),I(`ngTemplateOutlet`,e)}}function pU(e,t){e&1&&(M(0,fU,2,1,`div`,15),L(1,`div`,32)(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 mU(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,tH)))}function hU(e,t){if(e&1){let e=H();L(0,`div`,32)(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 T(e),E(G(2).clearQuery())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No providers match “`,e.query(),`”`)}}function gU(e,t){if(e&1&&(L(0,`span`,110),J(1),R()),e&2){let e=G().$implicit;k(),X(`providedIn: `,e.providedIn)}}function _U(e,t){if(e&1&&(L(0,`span`,113),J(1),R()),e&2){let e=G().$implicit;k(),X(`as `,e.source)}}function vU(e,t){if(e&1&&(L(0,`li`,107)(1,`div`,108)(2,`span`,109),J(3),R(),M(4,gU,2,1,`span`,110),R(),L(5,`div`,111),z(6,`app-source-link`,112),M(7,_U,2,1,`span`,113),R()()),e&2){let e=t.$implicit;k(3),Y(e.token),k(),N(e.providedIn?4:-1),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function yU(e,t){if(e&1&&(L(0,`section`,104)(1,`h2`),J(2),L(3,`span`,105),J(4),R()(),L(5,`ul`,106),P(6,vU,8,5,`li`,107,sH),R()()),e&2){let e=t.$implicit;k(2),X(` `,e.label,` `),k(2),Y(e.items.length),k(2),F(e.items)}}function bU(e,t){if(e&1&&(L(0,`div`,103),P(1,yU,8,2,`section`,104,oH),R()),e&2){let e=G(2);k(),F(e.groupedProviders())}}function xU(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`div`,18),D(),L(2,`svg`,19),z(3,`circle`,20)(4,`path`,21),R(),_s(),L(5,`input`,100,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(7,23),L(8,`span`,101),J(9),R()(),M(10,mU,1,3,`ng-container`,5),L(11,`p`,28),D(),L(12,`svg`,37),z(13,`circle`,38)(14,`path`,39),R(),_s(),L(15,`span`)(16,`strong`),J(17,`DI from source scan (static analysis).`),R(),J(18,` Connect the overlay to a development build to see the live injector tree. `),R()(),z(19,`app-angular-unavailable`,102),M(20,hU,7,1,`div`,32)(21,bU,3,0,`div`,103)}if(e&2){let e=G(),t=d_(5);k(5),I(`value`,e.query()),k(2),I(`ngTemplateOutlet`,t),k(2),Z(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),k(),N(e.loadFailed()?10:-1),k(9),I(`page`,e.angularPage()),k(),N(e.groupedProviders().length===0?20:21)}}var SU=`inj-null`,CU=`injectors.hideFramework`,wU=12,TU=600,EU={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function DU(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function OU(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function kU(e){return Array.isArray(e)}var AU=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=C(Ts);nullId=SU;hostPage=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()||this.hostPage));treeState=O(null);pageTitles=O({});chosenPageId=O(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 RE(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 kU(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return kU(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?GD(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=O([]);loaded=O(!1);treeFailed=O(!1);sourceFailed=O(!1);loadFailed=Q(()=>this.treeFailed()||this.sourceFailed());retrying=O(!1);host=C(Il);view=O(`element`);query=O(``);queryInput=Jv(`queryInput`);onlyProviding=O(!1);componentsOnly=O(!0);hideFramework=O(XV(CU)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=O(``);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(SU)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?OU(n):e===SU?`Null injector`:`Not listed`,kind:n?DU(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:OU(n),kind:DU(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,wU));providedByMore=Q(()=>Math.max(0,this.providerHits().length-wU));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=C(Ds);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){mc(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)},TU);e(()=>clearTimeout(n))}),mc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),mc(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(()=>{})}),mc(()=>{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 ${OU(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),ZV(CU,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||Hd(()=>{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 OU(e)}kind(e){return DU(e)}tone(e){return EU[e]??EU.null}kindById(e){let t=this.index().map.get(e);return t?DU(t):`null`}labelById(e){let t=this.index().map.get(e);return t?OU(t):e===SU?`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?OU(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),Hd(()=>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=A({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&l_(t.queryInput,QV,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`],[`capability`,`injectorMetadata`,`compact`,``,3,`page`],[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`],[`capability`,`debugApi`,`compact`,``,3,`page`],[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,cH,7,5,`ng-template`,null,0,Ev)(4,uH,1,1,`ng-template`,null,1,Ev),M(6,lU,40,22)(7,uU,4,0,`div`,4)(8,dU,1,3,`ng-container`,5)(9,pU,6,1)(10,xU,22,7)),e&2&&(k(),Y(t.announcement()),k(5),N(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[hO,ub,OO,uM,pN],styles:[`[_nghost-%COMP%] {
+}`]})},$V=`pangular-pref`;function eH(e){try{let t=localStorage.getItem(`${$V}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function tH(e,t){try{localStorage.setItem(`${$V}:${e}`,String(t))}catch{}}var nH=[`queryInput`],rH=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),iH=()=>({compact:!1}),aH=()=>({compact:!0}),oH=(e,t)=>t.node.injector.id,sH=(e,t)=>t.id,cH=(e,t)=>t.from+t.token+e,lH=(e,t)=>t.token+e,uH=(e,t)=>t.type,dH=(e,t)=>t.token+t.file+t.line;function fH(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 T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=t.compact,n=G();q(`compact`,e),k(2),X(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),k(3),j(`aria-disabled`,n.retrying()||null),k(),X(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function pH(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 T(e),E(G(2).selectPage(t))}),R()()}if(e&2){let e=G(2);k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function mH(e,t){e&1&&M(0,pH,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function hH(e,t){if(e&1){let e=H();L(0,`label`,24)(1,`input`,25),U(`change`,function(){T(e);let t=G(2);return E(t.componentsOnly.set(!t.componentsOnly()))}),R(),J(2,` Components only `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.componentsOnly())}}function gH(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G(2);k(),Y(e.frameworkHiddenText())}}function _H(e,t){e&1&&(L(0,`span`,27),J(1),R()),e&2&&(k(),X(`Change detection: `,t))}function vH(e,t){e&1&&(L(0,`p`,28),D(),L(1,`svg`,37),z(2,`circle`,38)(3,`path`,39),R(),_s(),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 yH(e,t){if(e&1){let e=H();L(0,`button`,43),U(`click`,function(){let t=T(e).$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),L(4,`span`,46),J(5),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),K(`background`,n.tone(e.kind)),k(2),Y(e.label),k(2),Y(e.tokens)}}function bH(e,t){e&1&&(L(0,`span`,42),J(1),R()),e&2&&(k(),X(`+`,t,` more`))}function xH(e,t){if(e&1&&(L(0,`div`,29)(1,`span`,40),J(2,`Provided by`),R(),P(3,yH,6,4,`button`,41,sH),M(5,bH,2,1,`span`,42),R()),e&2){let e,t=G(2);k(3),F(t.providedBy()),k(2),N((e=t.providedByMore())?5:-1,e)}}function SH(e,t){if(e&1){let e=H();L(0,`div`,30),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(2).clearQuery())}),J(3,`Clear search`),R()()}if(e&2){let e=G(2);k(),X(` Nothing here matches “`,e.query().trim(),`”. `)}}function CH(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function wH(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function TH(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function EH(e,t){e&1&&J(0,` Try a different search. `)}function DH(e,t){if(e&1&&(L(0,`div`,32)(1,`p`,7),J(2,`No injectors to show`),R(),L(3,`p`,8),M(4,CH,1,0)(5,wH,1,0)(6,TH,1,0)(7,EH,1,0),R()()),e&2){let e=G(2);k(4),N(e.hideFramework()&&e.frameworkHiddenCount().injectors>0?4:e.onlyProviding()?5:e.componentsOnly()&&e.view()===`element`?6:7)}}function OH(e,t){if(e&1){let e=H();L(0,`span`,58),U(`click`,function(t){T(e);let n=G().$implicit;return E(G(2).toggle(n.node.injector.id,t))}),D(),L(1,`svg`,59),z(2,`path`,60),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function kH(e,t){e&1&&z(0,`span`,50)}function AH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.component)}}function jH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.directives.join(`, `))}}function MH(e,t){if(e&1&&(L(0,`span`,56),D(),L(1,`svg`,37),z(2,`path`,61),R(),_s(),L(3,`span`,52),J(4,`injects`),R(),J(5),R()),e&2){let e=G().$implicit;j(`title`,e.node.dependencies.length+` injected`),k(5),X(` `,e.node.dependencies.length,` `)}}function NH(e,t){if(e&1&&(L(0,`span`,57),D(),L(1,`svg`,37),z(2,`path`,62),R(),_s(),L(3,`span`,52),J(4,`provides`),R(),J(5),R()),e&2){let e=t;j(`title`,e+` provided`),k(5),X(` `,e,` `)}}function PH(e,t){if(e&1){let e=H();L(0,`div`,48),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.node.injector.id))})(`focus`,function(){let t=T(e).$implicit,n=G(2);return n.focusId.set(t.node.injector.id),E(n.highlight(t.node))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.node))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,OH,3,2,`span`,49)(2,kH,1,0,`span`,50),L(3,`span`,51),J(4),R(),L(5,`span`,52),J(6),R(),L(7,`span`,53),J(8),R(),M(9,AH,2,1,`span`,54)(10,jH,2,1,`span`,54),L(11,`span`,55),M(12,MH,6,2,`span`,56),M(13,NH,6,2,`span`,57),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),k(),N(n.hasChildren?1:2),k(2),K(`--%NS%tone`,r.tone(r.kind(n.node))),j(`title`,r.kind(n.node)),k(),Y(r.kind(n.node)[0].toUpperCase()),k(2),Y(r.kind(n.node)),k(2),Y(r.label(n.node)),k(),N(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),k(3),N((n.node.dependencies?.length??0)>0?12:-1),k(),N((e=r.providerCount(n.node))?13:-1,e)}}function FH(e,t){if(e&1){let e=H();L(0,`button`,9),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.node.injector.id))}),J(1),R()}if(e&2){let e=G(3);k(),X(` Show `,e.label(t.node),` `)}}function IH(e,t){if(e&1&&(L(0,`section`,35)(1,`header`,63)(2,`h2`,64),J(3),R()(),L(4,`div`,65)(5,`p`,8),J(6,` This injector is no longer on the page. Its component or directive was destroyed. `),R(),M(7,FH,2,1,`button`,66),R()()),e&2){let e,n=G(2);k(3),Y(t),k(4),N((e=n.rows()[0])?7:-1,e)}}function LH(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),k(),Y(e)}}function RH(e,t){if(e&1&&(L(0,`ul`,68),P(1,LH,2,3,`li`,77,Ag),R()),e&2){let e=G();k(),F(e.injector.directives)}}function zH(e,t){if(e&1){let e=H();L(0,`button`,78),U(`click`,function(){let t=T(e);return E(G(3).openComponent(t))}),J(1,` Show in Components `),L(2,`span`,52),J(3),R()()}if(e&2){let e=G();k(3),X(`: `,e.injector.component)}}function BH(e,t){if(e&1&&(L(0,`span`,79),z(1,`span`,44),J(2,` Null injector `),L(3,`span`,81),J(4,`throws NullInjectorError`),R()()),e&2){let e=G(4);k(),K(`background`,e.tone(`null`))}}function VH(e,t){if(e&1&&(L(0,`span`,83),J(1),L(2,`span`,52),J(3),R()()),e&2){let e=G(2).$implicit;k(),X(` `,e.providers,` `),k(2),Y(e.providers===1?`provider`:`providers`)}}function HH(e,t){if(e&1){let e=H();L(0,`button`,82),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),M(4,VH,4,2,`span`,83),R()}if(e&2){let e=G().$implicit,t=G(3);k(),K(`background`,t.tone(e.kind)),k(2),Y(e.label),k(),N(e.providers?4:-1)}}function UH(e,t){if(e&1&&(L(0,`li`),M(1,BH,5,2,`span`,79)(2,HH,5,4,`button`,80),R()),e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`current`,n===0),k(),N(e.id===r.nullId?1:2)}}function WH(e,t){e&1&&(L(0,`p`,71),J(1,`Only services this injector has already created are listed.`),R())}function GH(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function KH(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`for `,e.from)}}function qH(e,t){if(e&1){let e=H();L(0,`button`,94),U(`click`,function(){let t=T(e);return E(G(6).reveal(t))}),z(1,`span`,44),J(2,` from `),L(3,`span`,45),J(4),R()()}if(e&2){let e=t,n=G(6);k(),K(`background`,n.tone(n.kindById(e))),k(3),Y(n.labelById(e))}}function JH(e,t){e&1&&(L(0,`span`,92),J(1,`optional, not provided`),R())}function YH(e,t){e&1&&(L(0,`span`,93),J(1,`not provided anywhere`),R())}function XH(e,t){if(e&1&&(L(0,`li`,86)(1,`div`,87)(2,`span`,88),J(3),R(),P(4,GH,2,1,`span`,89,Ag),R(),L(6,`div`,90),M(7,KH,2,1,`span`),M(8,qH,5,3,`button`,91)(9,JH,2,0,`span`,92)(10,YH,2,0,`span`,93),R()()),e&2){let e,n=t.$implicit,r=G(3);q(`hit`,G(2).matches(n.token)),k(3),Y(n.token),k(),F(n.flags),k(3),N(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),k(),N((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function ZH(e,t){if(e&1&&(L(0,`ul`,84),P(1,XH,11,5,`li`,85,cH),R()),e&2){let e=G(2);k(),F(e.dependencies)}}function QH(e,t){e&1&&(L(0,`p`,76),J(1,`Nothing is injected through the constructor or inject().`),R())}function $H(e,t){e&1&&(L(0,`p`,76),J(1,`No service created here has injected anything yet.`),R())}function eU(e,t){if(e&1&&(L(0,`div`,70)(1,`h3`),J(2),L(3,`span`,17),J(4),R()(),M(5,WH,2,0,`p`,71),M(6,ZH,3,0,`ul`,84)(7,QH,2,0,`p`,76)(8,$H,2,0,`p`,76),R()),e&2){let e=G();k(2),X(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),k(2),Y(e.dependencies?.length??0),k(),N(e.injector.type===`element`?-1:5),k(),N(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function tU(e,t){if(e&1){let e=H();L(0,`p`,74),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(3).setHideFramework(!1))}),J(3,` Show them `),R()()}if(e&2){let e=t;k(),Z(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function nU(e,t){e&1&&(L(0,`span`,89),J(1,`viewProviders`),R())}function rU(e,t){e&1&&(L(0,`span`,89),J(1,`multi`),R())}function iU(e,t){e&1&&(L(0,`span`,89),J(1,`Angular`),R())}function aU(e,t){if(e&1&&(L(0,`div`,90),J(1),R()),e&2){let e=G(2).$implicit;k(),X(`via `,e.importPath.join(` › `))}}function oU(e,t){if(e&1&&(L(0,`li`,96)(1,`div`,87)(2,`span`,88),J(3),R(),L(4,`span`,97),J(5),R(),M(6,nU,2,0,`span`,89),M(7,rU,2,0,`span`,89),M(8,iU,2,0,`span`,89),R(),M(9,aU,2,1,`div`,90),z(10,`app-store-global`,98),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2),i=G(2);q(`hit`,i.matches(t.token)),k(3),Y(t.token),k(2),Y(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),k(),N(t.isViewProvider?6:-1),k(),N(t.multi?7:-1),k(),N(t.framework?8:-1),k(),N(t.importPath?.length?9:-1),k(),I(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,gv(13,rH,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function sU(e,t){if(e&1&&M(0,oU,11,17,`li`,95),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function cU(e,t){if(e&1&&(L(0,`ul`,75),P(1,sU,1,1,null,null,lH),R()),e&2){let e=G();k(),F(e.providers)}}function lU(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function uU(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function dU(e,t){if(e&1&&(L(0,`p`,76),M(1,lU,1,0)(2,uU,1,0),R()),e&2){let e=G();k(),N(e.injector.type===`element`?1:2)}}function fU(e,t){if(e&1&&(L(0,`section`,36)(1,`header`,63)(2,`span`,67),J(3),R(),L(4,`h2`,64),J(5),R(),M(6,RH,3,0,`ul`,68),M(7,zH,4,1,`button`,69),R(),L(8,`div`,70)(9,`h3`),J(10,`Lookup path`),R(),L(11,`p`,71),J(12,`Angular asks these injectors in order until one has the token.`),R(),L(13,`ol`,72),P(14,UH,3,3,`li`,73,sH),R()(),M(16,eU,9,4,`div`,70),L(17,`div`,70)(18,`h3`),J(19,` Provides `),L(20,`span`,17),J(21),R()(),M(22,tU,4,2,`p`,74),M(23,cU,3,0,`ul`,75)(24,dU,3,1,`p`,76),R()()),e&2){let e,n,r=t,i=G(2);k(2),K(`--%NS%tone`,i.tone(i.kind(r))),k(),Y(i.kind(r)),k(2),Y(i.label(r)),k(),N(r.injector.directives?.length?6:-1),k(),N((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),k(7),F(i.path()),k(2),N(r.injector.type===`element`||r.dependencies?16:-1),k(5),Y(i.providerCount(r)),k(),N((n=i.hiddenProviders(r))?22:-1,n),k(),N(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function pU(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,`app-angular-unavailable`,14),J(3,` This tree shows the element injectors the page reports, with providers and environment injectors only where its Angular exposes them. `),R(),L(4,`div`,15)(5,`div`,16)(6,`button`,9),U(`click`,function(){return T(e),E(G().setView(`element`))}),J(7,` Elements `),L(8,`span`,17),J(9),R()(),L(10,`button`,9),U(`click`,function(){return T(e),E(G().setView(`environment`))}),J(11,` Environment `),L(12,`span`,17),J(13),R()()(),L(14,`div`,18),D(),L(15,`svg`,19),z(16,`circle`,20)(17,`path`,21),R(),_s(),L(18,`input`,22,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(20,23),M(21,hH,3,1,`label`,24),L(22,`label`,24)(23,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.onlyProviding.set(!t.onlyProviding()))}),R(),J(24,` With providers `),R(),L(25,`label`,24)(26,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.setHideFramework(!t.hideFramework()))}),R(),J(27,` Hide framework `),R(),M(28,gH,2,1,`span`,26),M(29,_H,2,1,`span`,27),R(),M(30,vH,8,0,`p`,28),M(31,xH,6,1,`div`,29)(32,SH,4,1,`div`,30),L(33,`div`,31),M(34,DH,8,1,`div`,32),L(35,`div`,33),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(36,PH,14,19,`div`,34,oH),R(),M(38,IH,8,2,`section`,35)(39,fU,25,10,`section`,36),R()}if(e&2){let e,t,n=G(),r=d_(5);k(2),I(`page`,n.angularPage()),k(4),q(`active`,n.view()===`element`),j(`aria-pressed`,n.view()===`element`),k(3),Y(n.elementCount()),k(),q(`active`,n.view()===`environment`),j(`aria-pressed`,n.view()===`environment`),k(3),Y(n.environmentCount()),k(5),I(`value`,n.query()),k(2),I(`ngTemplateOutlet`,r),k(),N(n.view()===`element`?21:-1),k(2),I(`checked`,n.onlyProviding()),k(3),I(`checked`,n.hideFramework()),k(2),N(n.hideFramework()?28:-1),k(),N((e=n.zone())?29:-1,e),k(),N(n.truncated()?30:-1),k(),N(n.providedBy().length?31:n.query().trim()&&!n.rows().length?32:-1),k(3),N(n.rows().length?-1:34),k(),I(`hidden`,!n.rows().length),j(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),k(),F(n.rows()),k(2),N((t=n.gone())?38:(t=n.selected())?39:-1,t)}}function mU(e,t){e&1&&(L(0,`div`,4),z(1,`span`,99),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function hU(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,iH)))}function gU(e,t){if(e&1&&(L(0,`div`,15),Gg(1,23),R()),e&2){G(2);let e=d_(5);k(),I(`ngTemplateOutlet`,e)}}function _U(e,t){e&1&&(M(0,gU,2,1,`div`,15),L(1,`div`,32)(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 vU(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,aH)))}function yU(e,t){if(e&1){let e=H();L(0,`div`,32)(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 T(e),E(G(2).clearQuery())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No providers match “`,e.query(),`”`)}}function bU(e,t){if(e&1&&(L(0,`span`,110),J(1),R()),e&2){let e=G().$implicit;k(),X(`providedIn: `,e.providedIn)}}function xU(e,t){if(e&1&&(L(0,`span`,113),J(1),R()),e&2){let e=G().$implicit;k(),X(`as `,e.source)}}function SU(e,t){if(e&1&&(L(0,`li`,107)(1,`div`,108)(2,`span`,109),J(3),R(),M(4,bU,2,1,`span`,110),R(),L(5,`div`,111),z(6,`app-source-link`,112),M(7,xU,2,1,`span`,113),R()()),e&2){let e=t.$implicit;k(3),Y(e.token),k(),N(e.providedIn?4:-1),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function CU(e,t){if(e&1&&(L(0,`section`,104)(1,`h2`),J(2),L(3,`span`,105),J(4),R()(),L(5,`ul`,106),P(6,SU,8,5,`li`,107,dH),R()()),e&2){let e=t.$implicit;k(2),X(` `,e.label,` `),k(2),Y(e.items.length),k(2),F(e.items)}}function wU(e,t){if(e&1&&(L(0,`div`,103),P(1,CU,8,2,`section`,104,uH),R()),e&2){let e=G(2);k(),F(e.groupedProviders())}}function TU(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`div`,18),D(),L(2,`svg`,19),z(3,`circle`,20)(4,`path`,21),R(),_s(),L(5,`input`,100,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(7,23),L(8,`span`,101),J(9),R()(),M(10,vU,1,3,`ng-container`,5),L(11,`p`,28),D(),L(12,`svg`,37),z(13,`circle`,38)(14,`path`,39),R(),_s(),L(15,`span`)(16,`strong`),J(17,`DI from source scan (static analysis).`),R(),J(18,` Connect the overlay to a development build to see the live injector tree. `),R()(),z(19,`app-angular-unavailable`,102),M(20,yU,7,1,`div`,32)(21,wU,3,0,`div`,103)}if(e&2){let e=G(),t=d_(5);k(5),I(`value`,e.query()),k(2),I(`ngTemplateOutlet`,t),k(2),Z(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),k(),N(e.loadFailed()?10:-1),k(9),I(`page`,e.angularPage()),k(),N(e.groupedProviders().length===0?20:21)}}var EU=`inj-null`,DU=`injectors.hideFramework`,OU=12,kU=600,AU={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function jU(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function MU(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function NU(e){return Array.isArray(e)}var PU=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=C(Ts);nullId=EU;hostPage=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()||this.hostPage));treeState=O(null);pageTitles=O({});chosenPageId=O(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 RE(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 NU(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return NU(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?GD(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=O([]);loaded=O(!1);treeFailed=O(!1);sourceFailed=O(!1);loadFailed=Q(()=>this.treeFailed()||this.sourceFailed());retrying=O(!1);host=C(Il);view=O(`element`);query=O(``);queryInput=Jv(`queryInput`);onlyProviding=O(!1);componentsOnly=O(!0);hideFramework=O(eH(DU)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=O(``);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(EU)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?MU(n):e===EU?`Null injector`:`Not listed`,kind:n?jU(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:MU(n),kind:jU(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,OU));providedByMore=Q(()=>Math.max(0,this.providerHits().length-OU));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=C(Ds);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){mc(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)},kU);e(()=>clearTimeout(n))}),mc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),mc(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(()=>{})}),mc(()=>{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 ${MU(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),tH(DU,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||Hd(()=>{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 MU(e)}kind(e){return jU(e)}tone(e){return AU[e]??AU.null}kindById(e){let t=this.index().map.get(e);return t?jU(t):`null`}labelById(e){let t=this.index().map.get(e);return t?MU(t):e===EU?`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?MU(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),Hd(()=>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=A({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&l_(t.queryInput,nH,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`],[`capability`,`injectorMetadata`,`compact`,``,3,`page`],[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`],[`capability`,`debugApi`,`compact`,``,3,`page`],[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,fH,7,5,`ng-template`,null,0,Ev)(4,mH,1,1,`ng-template`,null,1,Ev),M(6,pU,40,22)(7,mU,4,0,`div`,4)(8,hU,1,3,`ng-container`,5)(9,_U,6,1)(10,TU,22,7)),e&2&&(k(),Y(t.announcement()),k(5),N(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[hO,ub,OO,uM,pN],styles:[`[_nghost-%COMP%] {
   --%NS%directive: #7cb4ff;
   display: block;
   color: var(--%NS%text);
@@ -8159,11 +8159,11 @@ button[_ngcontent-%COMP%] {
 
 .provider-meta[_ngcontent-%COMP%]   .as[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
-}`]})},jU=1e3;function MU(e){return`${e>=1e3?`${jU}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function NU(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 PU(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 FU=`@type`,IU=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function LU(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&FU in e&&IU.has(e[FU])}function RU(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function zU(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+zU(e,n)).join(`,
-`)}\n${t}]`:`[]`;if(LU(e)){let r=e;switch(r[FU]){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}${zU(e,n)} => ${zU(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+zU(e,n)).join(`,
-`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[FU])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${RU(e)}: ${zU(t,n)}`).join(`,
-`)}\n${t}}`:`{}`}function BU(e,t=120){let n=zU(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var VU=[`eventDetailHeading`],HU=[`cancelButton`],UU=[`restoreButton`],WU=[`stateTree`],GU=[`filterInput`],KU=[`latestButton`],qU=[`logList`],JU=[`eventsList`],YU=e=>({kind:`ngrx`,storeId:e}),XU=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),ZU=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),QU=(e,t)=>t.id,$U=(e,t)=>t.entry.seq,eW=(e,t)=>t.key,tW=(e,t)=>t.name,nW=(e,t)=>t.idsKey,rW=(e,t)=>t.path,iW=(e,t)=>t.kind,aW=(e,t)=>t.name+t.file+t.line;function oW(e,t){if(e&1){let e=H();L(0,`span`,27),J(1,`Page`),R(),L(2,`app-select`,28),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()}if(e&2){let e=G();k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function sW(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.liveStores().length)}}function cW(e,t){if(e&1){let e=H();L(0,`div`,17)(1,`p`,29),J(2,`Could not load the live store state.`),R(),L(3,`p`,30),J(4,`Check that the dev server with Pangular Inspector is still running.`),R(),L(5,`button`,31),U(`click`,function(){return T(e),E(G().retry())}),J(6,`Retry`),R()()}}function lW(e,t){e&1&&(L(0,`div`,18)(1,`p`,29),J(2,`Loading…`),R()())}function uW(e,t){e&1&&(L(0,`div`,19)(1,`p`,29),J(2,`No page is reporting NgRx state yet.`),R(),L(3,`p`,30),J(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),R()())}function dW(e,t){e&1&&(L(0,`p`,29),J(1,`No signal store instance on this page yet.`),R(),L(2,`p`,30),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 fW(e,t){e&1&&(L(0,`p`,29),J(1,`The @ngrx/store Store was not found on this page.`),R(),L(2,`p`,30),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 pW(e,t){e&1&&(L(0,`p`,29),J(1,`This page has no NgRx store.`),R(),L(2,`p`,30),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 mW(e,t){if(e&1&&(L(0,`app-angular-unavailable`,32),J(1,` The overlay finds stores through the injectors, so stores it can't reach from a component are not listed. `),R(),L(2,`div`,19),M(3,dW,7,0)(4,fW,10,0)(5,pW,16,0),R()),e&2){let e=G();I(`page`,e.angularPage()),k(3),N(e.usesSignals()?3:e.usesClassic()?4:5)}}function hW(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectStore(t.id))}),L(2,`span`,37),z(3,`span`,38),L(4,`span`,39),J(5),R()(),L(6,`span`,40),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);k(),q(`selected`,e.id===n.store()?.id),j(`aria-pressed`,e.id===n.store()?.id),k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.label),k(2),iv(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.changeCount(e.id),` `,n.changeCount(e.id)===1?`change`:`changes`,` `)}}function gW(e,t){e&1&&(L(0,`li`,34),J(1,`No stores match this filter.`),R())}function _W(e,t){e&1&&z(0,`app-source-link`,44),e&2&&I(`file`,t)}function vW(e,t){if(e&1&&(L(0,`span`,43),J(1),R()),e&2){let e=G();k(),Y(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function yW(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function bW(e,t){if(e&1&&(L(0,`p`,45),J(1,` Referenced by `),P(2,yW,3,2,null,null,Ag),R()),e&2){let e=G();k(2),F(e.signal.references)}}function xW(e,t){if(e&1&&(L(0,`p`,63),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function SW(e,t){if(e&1){let e=H();L(0,`div`,46)(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`,62,4),U(`click`,function(){return T(e),E(G(3).backToLatest())}),J(7,` Back to latest `),R(),M(8,xW,2,1,`p`,63),R()}if(e&2){let e=G(3);k(5),I(`disabled`,e.busy()||!e.canRestore()),j(`aria-describedby`,e.canRestore()?null:`store-latest-off`),k(3),N(e.canRestore()?-1:8)}}function CW(e,t){if(e&1&&(L(0,`dt`),J(1),R(),L(2,`dd`)(3,`code`,71),J(4),R()()),e&2){let e=t.$implicit;k(),Y(e.key),k(2),I(`title`,e.full),k(),Y(e.value)}}function wW(e,t){if(e&1&&(L(0,`dl`,66),P(1,CW,5,3,null,null,eW),R()),e&2){let e=G(4);k(),F(e.computedEntries())}}function TW(e,t){e&1&&(L(0,`p`,67),J(1,`No computed signals.`),R())}function EW(e,t){e&1&&(L(0,`span`,73),J(1,`signalMethod`),R())}function DW(e,t){e&1&&(L(0,`span`,73),J(1,`rxMethod`),R())}function OW(e,t){if(e&1&&(L(0,`li`,72),J(1),M(2,EW,2,0,`span`,73)(3,DW,2,0,`span`,73),L(4,`span`,74),J(5),R()()),e&2){let e=t.$implicit,n=G(5);k(),X(` `,e.name,` `),k(),N(e.signalMethod?2:e.rx?3:-1),k(3),rv(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function kW(e,t){if(e&1&&(L(0,`ul`,69),P(1,OW,6,5,`li`,72,tW),R()),e&2){let e=G();k(),F(e.methods)}}function AW(e,t){e&1&&(L(0,`p`,67),J(1,`No methods.`),R())}function jW(e,t){if(e&1&&(L(0,`li`,72),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function MW(e,t){if(e&1&&(L(0,`li`,81),J(1),R()),e&2){let e=G().$implicit;I(`title`,G(5).entityOverflowTitle(e.ids,e.count)),k(),X(` +`,e.count-30,` more `)}}function NW(e,t){if(e&1&&(L(0,`code`,71),J(1),R()),e&2){let e=G(2).$implicit,t=G(5);I(`title`,t.prettyText(e.selected)),k(),Y(t.shortText(e.selected))}}function PW(e,t){e&1&&(L(0,`span`,67),J(1,`None selected`),R())}function FW(e,t){if(e&1&&(L(0,`dl`,66)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,NW,2,2,`code`,71)(5,PW,2,0,`span`,67),R()()),e&2){let e=G().$implicit;k(4),N(e.selected===void 0?5:4)}}function IW(e,t){if(e&1&&(L(0,`div`,77)(1,`div`,78)(2,`span`,72),J(3),R(),L(4,`span`,79),J(5),R()(),L(6,`ul`,80),P(7,jW,2,1,`li`,72,Ag),M(9,MW,2,2,`li`,81),R(),M(10,FW,6,1,`dl`,66),R()),e&2){let e=t.$implicit,n=G(5);k(3),Y(e.collection??`entities`),k(2),Z(``,e.count,` `,e.count===1?`entity`:`entities`),k(),j(`aria-label`,(e.collection??`entities`)+` ids`),k(),F(n.entityIds(e.ids)),k(2),N(e.count>30?9:-1),k(),N(e.selectedId===void 0?-1:10)}}function LW(e,t){if(e&1&&(L(0,`section`,70)(1,`h4`,75),J(2,`Entities`),R(),L(3,`div`,76),P(4,IW,11,6,`div`,77,nW),R()()),e&2){let e=G();k(4),F(e.entities)}}function RW(e,t){if(e&1&&(L(0,`section`,64)(1,`h4`,65),J(2,`Computed`),R(),M(3,wW,3,0,`dl`,66)(4,TW,2,0,`p`,67),L(5,`h4`,68),J(6,`Methods`),R(),M(7,kW,3,0,`ul`,69)(8,AW,2,0,`p`,67),R(),M(9,LW,6,0,`section`,70)),e&2){let e=t,n=G(3);k(3),N(n.computedEntries().length?3:4),k(4),N(e.methods.length?7:8),k(2),N(e.entities?.length?9:-1)}}function zW(e,t){if(e&1&&(L(0,`span`,86),J(1),R()),e&2){let e=t;I(`title`,`Caused by `+G(4).kindLabel(`event`)+`: `+e.type),k(),Y(e.type)}}function BW(e,t){if(e&1&&(L(0,`span`,73),J(1),R()),e&2){G();let e=fv(0);k(),Y(e.origin)}}function VW(e,t){if(e&1&&J(0),e&2){G();let e=fv(0);X(` · `,G(3).formatDuration(e.durationMs),` `)}}function HW(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,82),U(`click`,function(){T(e);let t=fv(0);return E(G(3).selectChange(t.seq))}),L(3,`span`,83),J(4),R(),L(5,`span`,84)(6,`span`,85),J(7),R(),M(8,zW,2,2,`span`,86),R(),L(9,`span`,87),M(10,BW,2,1,`span`,73),J(11),M(12,VW,1,1),R()()()}if(e&2){let e,n=t.$implicit,r=G(3),i=dv(n.entry);k(),j(`data-vindex`,n.index)(`aria-setsize`,r.logWindow.enabled()?r.storeLog().length:null)(`aria-posinset`,r.logWindow.enabled()?n.index+1:null),k(),q(`selected`,i.seq===r.selectedChangeSeq()),j(`aria-pressed`,i.seq===r.selectedChangeSeq())(`aria-controls`,i.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),k(2),X(`#`,i.seq),k(2),I(`title`,i.type),k(),Y(i.type),k(),N((e=i.causedByEvent)?8:-1,e),k(2),N(i.origin?10:-1),k(),Z(` `,r.changesLabel(i),` · `,r.formatTime(i.timestamp),` `),k(),N(i.durationMs===void 0?-1:12)}}function UW(e,t){e&1&&J(0,` No entries match this filter. `)}function WW(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function GW(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function KW(e,t){if(e&1&&(L(0,`li`,34),M(1,UW,1,0)(2,WW,1,0)(3,GW,1,0),R()),e&2){let e=G(),t=G(2);k(),N(t.filter()?1:e.classic?2:3)}}function qW(e,t){if(e&1&&(L(0,`div`,60),Gg(1,88),R()),e&2){G(3);let e=d_(21);k(),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,XU,t))}}function JW(e,t){if(e&1&&z(0,`option`,93),e&2){let e=t.$implicit;I(`value`,e)}}function YW(e,t){if(e&1&&(L(0,`p`,99),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function XW(e,t){if(e&1){let e=H();L(0,`section`,61)(1,`h4`,89),J(2,`Dispatch an action`),R(),L(3,`form`,90),U(`submit`,function(t){return T(e),E(G(3).dispatchAction(t))}),L(4,`label`)(5,`span`),J(6,`Type`),R(),L(7,`input`,91),U(`input`,function(t){return T(e),E(G(3).dispatchType.set(t.target.value))}),R()(),L(8,`datalist`,92),P(9,JW,1,1,`option`,93,Ag),R(),L(11,`label`)(12,`span`),J(13,`Payload `),L(14,`span`,94),J(15,`(JSON object, optional)`),R()(),L(16,`textarea`,95),U(`input`,function(t){return T(e),E(G(3).dispatchPayload.set(t.target.value))}),R()(),L(17,`p`,96),J(18),R(),L(19,`div`,97)(20,`button`,98),J(21,` Dispatch `),R()(),M(22,YW,2,1,`p`,99),R()()}if(e&2){let e=G(3);k(7),I(`value`,e.dispatchType()),k(2),F(e.actionTypes()),k(7),I(`value`,e.dispatchPayload()),j(`aria-invalid`,e.payloadError()?`true`:null),k(2),Y(e.payloadError()),k(2),I(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),j(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),k(2),N(e.canRestore()?-1:22)}}function ZW(e,t){if(e&1){let e=H();L(0,`div`,35)(1,`div`,41)(2,`h3`),J(3),R(),L(4,`div`,42)(5,`span`,43),J(6),R(),L(7,`span`,43),J(8),R(),M(9,_W,1,1,`app-source-link`,44),M(10,vW,2,1,`span`,43),R(),M(11,bW,4,0,`p`,45),R(),M(12,SW,9,3,`div`,46),L(13,`div`,47)(14,`section`,48)(15,`div`,49)(16,`h4`,50),J(17,`State`),R(),L(18,`div`,51),z(19,`app-store-global`,52),L(20,`button`,53),U(`click`,function(){return T(e),E(G(2).copyState())}),J(21,` Copy `),R()()(),L(22,`pre`,54,2),J(24),R()(),M(25,RW,10,3),R(),L(26,`section`,55)(27,`h4`,56),J(28),L(29,`span`,16),J(30),R()(),z(31,`app-limit-note`,57),L(32,`div`,58)(33,`ul`,59,3),P(35,HW,13,16,`li`,null,$U,!1,KW,4,1,`li`,34),R(),M(38,qW,2,4,`div`,60),R()(),M(39,XW,23,7,`section`,61),R()}if(e&2){let e,n,r,i=t,a=G(2);k(3),Y(i.label),k(3),Y(a.kindLabel(i.kind)),k(2),X(`scope: `,i.scope),k(),N((e=i.signal?.declaredIn)?9:-1,e),k(),N(i.classic?10:-1),k(),N(i.signal?.references?.length?11:-1),k(),N(i.classic?.paused?12:-1),k(7),I(`rpc`,a.rpc())(`pageId`,a.page()?.pageId)(`target`,hv(26,YU,i.id))(`label`,i.label+` state`),k(5),Y(a.stateText()),k(),N((n=i.signal)?25:-1,n),k(3),X(` `,i.classic?`Action log`:`Change log`,` `),k(2),Y(a.storeLog().length),k(),I(`dropped`,a.page()?.dropped??0)(`max`,a.maxLog()),k(2),K(`padding-top`,a.logWindow.enabled()?2+a.logWindow.padTop():null,`px`)(`padding-bottom`,a.logWindow.enabled()?2+a.logWindow.padBottom():null,`px`),I(`rovingWindow`,a.logWindow),j(`aria-label`,i.classic?`Actions`:`Changes`),k(2),F(a.shownLog()),k(3),N((r=a.changeEntry())?38:-1,r),k(),N(i.classic?39:-1)}}function QW(e,t){if(e&1&&(L(0,`div`,20)(1,`ul`,33),P(2,hW,8,10,`li`,null,QU,!1,gW,2,0,`li`,34),R(),M(5,ZW,40,28,`div`,35),R()),e&2){let e,t=G();k(2),F(t.filteredStores()),k(3),N((e=t.store())?5:-1,e)}}function $W(e,t){if(e&1&&(L(0,`code`,106),J(1),R()),e&2){G();let e=fv(0),t=G(2);I(`title`,t.prettyText(e.payload)),k(),Y(t.shortText(e.payload))}}function eG(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,104),U(`click`,function(){T(e);let t=fv(0);return E(G(2).selectEvent(t.seq))}),z(3,`span`,38),L(4,`span`,105),J(5),R(),M(6,$W,2,2,`code`,106),L(7,`span`,107),J(8),R()()()}if(e&2){let e=t.$implicit,n=G(2),r=dv(e.entry);k(),j(`data-vindex`,e.index)(`aria-setsize`,n.eventWindow.enabled()?n.pageEvents().length:null)(`aria-posinset`,n.eventWindow.enabled()?e.index+1:null),k(),q(`selected`,r.seq===n.selectedEventSeq()),j(`aria-pressed`,r.seq===n.selectedEventSeq())(`aria-controls`,r.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),k(),K(`background`,n.kindColor(`event`)),k(),I(`title`,r.eventType??r.type),k(),Y(r.eventType??r.type),k(),N(r.payload===void 0?-1:6),k(2),Y(n.formatTime(r.timestamp))}}function tG(e,t){e&1&&(L(0,`li`,34),J(1,`No events match this filter.`),R())}function nG(e,t){if(e&1&&(L(0,`div`,103,6),Gg(2,88),R()),e&2){G(2);let e=d_(21);k(2),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,ZU,t))}}function rG(e,t){if(e&1&&(L(0,`section`,22)(1,`div`,14)(2,`h2`,100),J(3,`Events`),R(),L(4,`span`,16),J(5),R()(),L(6,`p`,101),J(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),R(),L(8,`ul`,102,5),P(10,eG,9,14,`li`,null,$U,!1,tG,2,0,`li`,34),R(),M(13,nG,3,4,`div`,103),R()),e&2){let e,t=G();k(5),Y(t.pageEvents().length),k(3),K(`padding-top`,t.eventWindow.enabled()?6+t.eventWindow.padTop():null,`px`)(`padding-bottom`,t.eventWindow.enabled()?6+t.eventWindow.padBottom():null,`px`),I(`rovingWindow`,t.eventWindow),k(2),F(t.shownEvents()),k(3),N((e=t.eventEntry())?13:-1,e)}}function iG(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();k(3),Y(t.originText(e.origin))}}function aG(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();k(3),Y(t.formatDuration(e.durationMs))}}function oG(e,t){if(e&1&&(L(0,`dt`),J(1,`Action`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.action))}}function sG(e,t){if(e&1&&(L(0,`dt`),J(1,`Arguments`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.args))}}function cG(e,t){if(e&1&&(L(0,`dt`),J(1,`Payload`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.payload))}}function lG(e,t){if(e&1&&(L(0,`pre`,112),J(1),R()),e&2){let e=G(),t=G(2);k(),Y(t.prettyText(e.payload))}}function uG(e,t){if(e&1&&(L(0,`dt`),J(1,`Caused by event`),R(),L(2,`dd`)(3,`code`,113),J(4),R(),M(5,lG,2,1,`pre`,112),R()),e&2){let e=t;k(4),Y(e.type),k(),N(e.payload===void 0?-1:5)}}function dG(e,t){if(e&1){let e=H();L(0,`button`,117),U(`click`,function(){T(e);let t=G(2).selected;return E(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 fG(e,t){if(e&1&&(L(0,`code`,123),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.before))}}function pG(e,t){e&1&&(L(0,`span`,125),J(1,`→`),R(),L(2,`span`,126),J(3,`became`),R())}function mG(e,t){if(e&1&&(L(0,`code`,124),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.after))}}function hG(e,t){if(e&1&&(L(0,`li`)(1,`span`,120),J(2),R(),L(3,`code`,121),J(4),R(),L(5,`span`,122),M(6,fG,2,1,`code`,123),M(7,pG,4,0),M(8,mG,2,1,`code`,124),R()()),e&2){let e=t.$implicit,n=G(4);M_(`diff-row `+e.op),k(2),Y(n.opLabel(e.op)),k(2),Y(e.path),k(2),N(e.op===`add`?-1:6),k(),N(e.op===`change`?7:-1),k(),N(e.op===`remove`?-1:8)}}function gG(e,t){if(e&1&&(L(0,`p`,67),J(1),R()),e&2){let e=G(3).selected,t=G();k(),Y(t.moreChanges(e.diffTruncated))}}function _G(e,t){if(e&1&&(L(0,`ul`,118),P(1,hG,9,7,`li`,119,rW),R(),M(3,gG,2,1,`p`,67)),e&2){let e=G(2).selected;k(),F(e.diff),k(2),N(e.diffTruncated?3:-1)}}function vG(e,t){e&1&&(L(0,`p`,67),J(1,`The state did not change.`),R())}function yG(e,t){if(e&1&&(L(0,`div`,114)(1,`div`,115),J(2,`State diff`),R(),M(3,dG,2,1,`button`,116),R(),M(4,_G,4,1)(5,vG,2,0,`p`,67)),e&2){let e=G(),t=e.selected,n=e.headingLevel;k(),j(`aria-level`,n+1),k(2),N(t.diff.length?3:-1),k(),N(t.diff.length?4:5)}}function bG(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 xG(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 SG(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 CG(e,t){if(e&1&&M(0,xG,1,2)(1,SG,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function wG(e,t){if(e&1){let e=H();L(0,`div`,127),U(`keydown.escape`,function(t){return T(e),E(G(2).cancelRestore(t))}),L(1,`p`,128),M(2,bG,1,1)(3,CG,2,1),R(),L(4,`div`,97)(5,`button`,62),U(`click`,function(){T(e);let t=G().selected;return E(G().restore(t.seq,t.source===`store`))}),J(6,` Restore `),R(),L(7,`button`,31,7),U(`click`,function(){return T(e),E(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`),k(),I(`id`,n+`-confirm-text`),k(),N(t.source===`store`?2:3),k(3),I(`disabled`,r.busy())}}function TG(e,t){if(e&1){let e=H();L(0,`button`,133,8),U(`click`,function(){T(e);let t=G(2).selected;return E(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 EG(e,t){if(e&1){let e=H();L(0,`button`,134),U(`click`,function(){T(e);let t=G(2).selected;return E(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 DG(e,t){if(e&1&&(L(0,`p`,132),J(1),R()),e&2){let e=G(2).idPrefix,t=G();I(`id`,e+`-writes-off`),k(),Y(t.restoreOff)}}function OG(e,t){if(e&1&&(L(0,`div`,129),M(1,TG,3,2,`button`,130),M(2,EG,2,2,`button`,131),R(),M(3,DG,2,2,`p`,132)),e&2){let e=G().selected,t=G();k(),N(e.restorable?1:-1),k(),N(t.canAgain(e)?2:-1),k(),N(t.canRestore()?-1:3)}}function kG(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 AG(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 jG(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 MG(e,t){if(e&1&&(L(0,`p`,111),M(1,kG,4,0)(2,AG,10,0)(3,jG,4,0),R()),e&2){let e=G().selected;k(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function NG(e,t){if(e&1&&(L(0,`section`,108)(1,`div`,109),J(2),R(),L(3,`dl`,66)(4,`dt`),J(5,`Time`),R(),L(6,`dd`),J(7),R(),M(8,iG,4,1),M(9,aG,4,1),M(10,oG,5,1),M(11,sG,5,1),M(12,cG,5,1),M(13,uG,6,2),R(),M(14,yG,6,3),M(15,wG,10,4,`div`,110),M(16,OG,4,3),M(17,MG,4,1,`p`,111),R()),e&2){let e,n=t.selected,r=t.headingLevel,i=t.idPrefix,a=G();j(`aria-labelledby`,i+`-entry-heading`),k(),I(`id`,i+`-entry-heading`),j(`aria-level`,r),k(),Z(` #`,n.seq,` `,n.type,` `),k(5),Y(a.formatTime(n.timestamp)),k(),N(n.origin?8:-1),k(),N(n.durationMs===void 0?-1:9),k(),N(n.action===void 0?-1:10),k(),N(n.args?.length?11:-1),k(),N(n.source===`event`&&n.payload!==void 0?12:-1),k(),N((e=n.causedByEvent)?13:-1,e),k(),N(n.source===`event`?-1:14),k(),N(n.restorable&&a.confirmSeq()===n.seq?15:-1),k(),N(a.confirmSeq()!==n.seq&&(n.restorable||a.canAgain(n))?16:-1),k(),N(!n.restorable&&n.source===`store`?17:-1)}}function PG(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.sourceEntries().length)}}function FG(e,t){e&1&&(L(0,`div`,25),z(1,`span`,135),L(2,`p`,29),J(3,`Scanning source for NgRx declarations…`),R()())}function IG(e,t){e&1&&(L(0,`div`,26)(1,`p`,29),J(2,`No NgRx declarations found in source.`),R(),L(3,`p`,30),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 LG(e,t){if(e&1){let e=H();L(0,`button`,137),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,38),L(2,`span`,142),J(3),R(),L(4,`span`,138),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(n.kindLabel(e.kind)),k(2),Y(e.count)}}function RG(e,t){if(e&1&&(L(0,`p`,147),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function zG(e,t){if(e&1&&(L(0,`li`,141)(1,`div`,143),z(2,`span`,38),L(3,`span`,144),J(4),R(),L(5,`span`,43),J(6),R()(),L(7,`div`,145),z(8,`app-source-link`,146),R(),M(9,RG,2,1,`p`,147),R()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.name),k(2),Y(n.kindLabel(e.kind)),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.detail?9:-1)}}function BG(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25)(2,`p`,29),J(3,`No declarations match.`),R(),L(4,`button`,31),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(5,`Clear filters`),R()()()}}function VG(e,t){if(e&1){let e=H();L(0,`div`,136)(1,`button`,137),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,138),J(4),R()(),P(5,LG,6,7,`button`,139,iW),R(),L(7,`ul`,140),P(8,zG,10,7,`li`,141,aW,!1,BG,6,0,`li`),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.sourceEntries().length),k(),F(e.groupedEntries()),k(3),F(e.filteredEntries())}}var HG={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)`},UG={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`},WG={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function GG(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 KG=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),qG=class e{rpc=$(null);canRestore=Q(()=>rD(this.rpc(),`ngrx`));restoreOff=bE(`ngrx`);filter=O(``);kind=O(null);sourceEntries=O([]);sourceLoaded=O(!1);pages=O([]);failed=O(!1);stateLoaded=O(!1);selectedPageId=O(null);hostPageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.hostPageId));maxLog=Q(()=>nD(this.rpc()).limits.changeLog);selectedStoreId=O(null);focusEventSeq=O(null);eventDetailHeading=Jv(`eventDetailHeading`);busy=O(!1);focusLatest=O(!1);focusConfirm=O(null);cancelButton=Jv(`cancelButton`);restoreButton=Jv(`restoreButton`);stateTree=Jv(`stateTree`);filterInput=Jv(`filterInput`);latestButton=Jv(`latestButton`);message=O(``);destroyRef=C(Ds);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?PU(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?zU(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:BU(t,160),full:zU(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()});logWindow=new iP({count:Q(()=>this.storeLog().length),estimate:56});shownLog=Q(()=>JG(this.storeLog(),this.logWindow));eventWindow=new iP({count:Q(()=>this.pageEvents().length),estimate:36});shownEvents=Q(()=>JG(this.pageEvents(),this.eventWindow));logList=Jv(`logList`);eventsList=Jv(`eventsList`);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=O(``);dispatchPayload=O(``);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(()=>GG(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=GG(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=>KG.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(){mc(()=>{let e=this.logList()?.nativeElement;e&&this.logWindow.attach(e)}),mc(()=>{let e=this.eventsList()?.nativeElement;e&&this.eventWindow.attach(e)}),mc(()=>{let e=this.rpc();e&&this.load(e)}),dy(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),mc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),dy(()=>{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),VE(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(zU(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 VE(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 VE(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 VE(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 HG[e]??`var(--text-3)`}kindLabel(e){return UG[e]??e}originText(e){return WG[e]??e}changesLabel=NU;moreChanges=MU;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return zU(e)}shortText(e){return BU(e)}formatTime=QO;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=A({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&l_(t.eventDetailHeading,VU,5)(t.cancelButton,HU,5)(t.restoreButton,UU,5)(t.stateTree,WU,5)(t.filterInput,GU,5)(t.latestButton,KU,5)(t.logList,qU,5)(t.eventsList,JU,5),e&2&&u_(8)},inputs:{rpc:[1,`rpc`]},decls:30,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`logList`,``],[`latestButton`,``],[`eventsList`,``],[`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`],[`capability`,`injectorProviders`,`compact`,``,3,`page`],[`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`,3,`rovingWindow`],[`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`,3,`rovingWindow`],[`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`,9)(1,`input`,10,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,oW,3,2),L(4,`span`,11),z(5,`span`,12),J(6),R()(),L(7,`section`,13)(8,`div`,14)(9,`h2`,15),J(10,`Live stores`),R(),M(11,sW,2,1,`span`,16),R(),M(12,cW,7,0,`div`,17)(13,lW,3,0,`div`,18)(14,uW,5,0,`div`,19)(15,mW,6,2)(16,QW,6,2,`div`,20),L(17,`p`,21),J(18),R()(),M(19,rG,14,8,`section`,22),sg(20,NG,18,16,`ng-template`,null,1,Ev),L(22,`section`,23)(23,`div`,14)(24,`h2`,24),J(25,`Source declarations`),R(),M(26,PG,2,1,`span`,16),R(),M(27,FG,4,0,`div`,25)(28,IG,29,0,`div`,26)(29,VG,11,5),R()),e&2&&(k(),I(`value`,t.filter()),k(2),N(t.pages().length>1?3:-1),k(),q(`on`,!!t.page()),k(2),X(` `,t.page()?`Live`:`No page connected`,` `),k(5),N(t.liveStores().length?11:-1),k(),N(t.failed()?12:t.stateLoaded()?t.page()?t.liveStores().length?16:15:14:13),k(6),Y(t.message()),k(),N(t.hasEvents()?19:-1),k(7),N(t.sourceEntries().length?26:-1),k(),N(t.sourceLoaded()?t.sourceEntries().length===0?28:29:27))},dependencies:[hO,rk,Uz,OO,ub,uM,pN],styles:[`[_nghost-%COMP%] {
+}`]})},FU=1e3;function IU(e){return`${e>=1e3?`${FU}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function LU(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 RU(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 zU=`@type`,BU=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function VU(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&zU in e&&BU.has(e[zU])}function HU(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function UU(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+UU(e,n)).join(`,
+`)}\n${t}]`:`[]`;if(VU(e)){let r=e;switch(r[zU]){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}${UU(e,n)} => ${UU(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+UU(e,n)).join(`,
+`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[zU])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${HU(e)}: ${UU(t,n)}`).join(`,
+`)}\n${t}}`:`{}`}function WU(e,t=120){let n=UU(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var GU=[`eventDetailHeading`],KU=[`cancelButton`],qU=[`restoreButton`],JU=[`stateTree`],YU=[`filterInput`],XU=[`latestButton`],ZU=[`logList`],QU=[`eventsList`],$U=e=>({kind:`ngrx`,storeId:e}),eW=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),tW=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),nW=(e,t)=>t.id,rW=(e,t)=>t.entry.seq,iW=(e,t)=>t.key,aW=(e,t)=>t.name,oW=(e,t)=>t.idsKey,sW=(e,t)=>t.path,cW=(e,t)=>t.kind,lW=(e,t)=>t.name+t.file+t.line;function uW(e,t){if(e&1){let e=H();L(0,`span`,27),J(1,`Page`),R(),L(2,`app-select`,28),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()}if(e&2){let e=G();k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function dW(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.liveStores().length)}}function fW(e,t){if(e&1){let e=H();L(0,`div`,17)(1,`p`,29),J(2,`Could not load the live store state.`),R(),L(3,`p`,30),J(4,`Check that the dev server with Pangular Inspector is still running.`),R(),L(5,`button`,31),U(`click`,function(){return T(e),E(G().retry())}),J(6,`Retry`),R()()}}function pW(e,t){e&1&&(L(0,`div`,18)(1,`p`,29),J(2,`Loading…`),R()())}function mW(e,t){e&1&&(L(0,`div`,19)(1,`p`,29),J(2,`No page is reporting NgRx state yet.`),R(),L(3,`p`,30),J(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),R()())}function hW(e,t){e&1&&(L(0,`p`,29),J(1,`No signal store instance on this page yet.`),R(),L(2,`p`,30),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 gW(e,t){e&1&&(L(0,`p`,29),J(1,`The @ngrx/store Store was not found on this page.`),R(),L(2,`p`,30),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 _W(e,t){e&1&&(L(0,`p`,29),J(1,`This page has no NgRx store.`),R(),L(2,`p`,30),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 vW(e,t){if(e&1&&(L(0,`app-angular-unavailable`,32),J(1,` The overlay finds stores through the injectors, so stores it can't reach from a component are not listed. `),R(),L(2,`div`,19),M(3,hW,7,0)(4,gW,10,0)(5,_W,16,0),R()),e&2){let e=G();I(`page`,e.angularPage()),k(3),N(e.usesSignals()?3:e.usesClassic()?4:5)}}function yW(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectStore(t.id))}),L(2,`span`,37),z(3,`span`,38),L(4,`span`,39),J(5),R()(),L(6,`span`,40),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);k(),q(`selected`,e.id===n.store()?.id),j(`aria-pressed`,e.id===n.store()?.id),k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.label),k(2),iv(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.changeCount(e.id),` `,n.changeCount(e.id)===1?`change`:`changes`,` `)}}function bW(e,t){e&1&&(L(0,`li`,34),J(1,`No stores match this filter.`),R())}function xW(e,t){e&1&&z(0,`app-source-link`,44),e&2&&I(`file`,t)}function SW(e,t){if(e&1&&(L(0,`span`,43),J(1),R()),e&2){let e=G();k(),Y(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function CW(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function wW(e,t){if(e&1&&(L(0,`p`,45),J(1,` Referenced by `),P(2,CW,3,2,null,null,Ag),R()),e&2){let e=G();k(2),F(e.signal.references)}}function TW(e,t){if(e&1&&(L(0,`p`,63),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function EW(e,t){if(e&1){let e=H();L(0,`div`,46)(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`,62,4),U(`click`,function(){return T(e),E(G(3).backToLatest())}),J(7,` Back to latest `),R(),M(8,TW,2,1,`p`,63),R()}if(e&2){let e=G(3);k(5),I(`disabled`,e.busy()||!e.canRestore()),j(`aria-describedby`,e.canRestore()?null:`store-latest-off`),k(3),N(e.canRestore()?-1:8)}}function DW(e,t){if(e&1&&(L(0,`dt`),J(1),R(),L(2,`dd`)(3,`code`,71),J(4),R()()),e&2){let e=t.$implicit;k(),Y(e.key),k(2),I(`title`,e.full),k(),Y(e.value)}}function OW(e,t){if(e&1&&(L(0,`dl`,66),P(1,DW,5,3,null,null,iW),R()),e&2){let e=G(4);k(),F(e.computedEntries())}}function kW(e,t){e&1&&(L(0,`p`,67),J(1,`No computed signals.`),R())}function AW(e,t){e&1&&(L(0,`span`,73),J(1,`signalMethod`),R())}function jW(e,t){e&1&&(L(0,`span`,73),J(1,`rxMethod`),R())}function MW(e,t){if(e&1&&(L(0,`li`,72),J(1),M(2,AW,2,0,`span`,73)(3,jW,2,0,`span`,73),L(4,`span`,74),J(5),R()()),e&2){let e=t.$implicit,n=G(5);k(),X(` `,e.name,` `),k(),N(e.signalMethod?2:e.rx?3:-1),k(3),rv(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function NW(e,t){if(e&1&&(L(0,`ul`,69),P(1,MW,6,5,`li`,72,aW),R()),e&2){let e=G();k(),F(e.methods)}}function PW(e,t){e&1&&(L(0,`p`,67),J(1,`No methods.`),R())}function FW(e,t){if(e&1&&(L(0,`li`,72),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function IW(e,t){if(e&1&&(L(0,`li`,81),J(1),R()),e&2){let e=G().$implicit;I(`title`,G(5).entityOverflowTitle(e.ids,e.count)),k(),X(` +`,e.count-30,` more `)}}function LW(e,t){if(e&1&&(L(0,`code`,71),J(1),R()),e&2){let e=G(2).$implicit,t=G(5);I(`title`,t.prettyText(e.selected)),k(),Y(t.shortText(e.selected))}}function RW(e,t){e&1&&(L(0,`span`,67),J(1,`None selected`),R())}function zW(e,t){if(e&1&&(L(0,`dl`,66)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,LW,2,2,`code`,71)(5,RW,2,0,`span`,67),R()()),e&2){let e=G().$implicit;k(4),N(e.selected===void 0?5:4)}}function BW(e,t){if(e&1&&(L(0,`div`,77)(1,`div`,78)(2,`span`,72),J(3),R(),L(4,`span`,79),J(5),R()(),L(6,`ul`,80),P(7,FW,2,1,`li`,72,Ag),M(9,IW,2,2,`li`,81),R(),M(10,zW,6,1,`dl`,66),R()),e&2){let e=t.$implicit,n=G(5);k(3),Y(e.collection??`entities`),k(2),Z(``,e.count,` `,e.count===1?`entity`:`entities`),k(),j(`aria-label`,(e.collection??`entities`)+` ids`),k(),F(n.entityIds(e.ids)),k(2),N(e.count>30?9:-1),k(),N(e.selectedId===void 0?-1:10)}}function VW(e,t){if(e&1&&(L(0,`section`,70)(1,`h4`,75),J(2,`Entities`),R(),L(3,`div`,76),P(4,BW,11,6,`div`,77,oW),R()()),e&2){let e=G();k(4),F(e.entities)}}function HW(e,t){if(e&1&&(L(0,`section`,64)(1,`h4`,65),J(2,`Computed`),R(),M(3,OW,3,0,`dl`,66)(4,kW,2,0,`p`,67),L(5,`h4`,68),J(6,`Methods`),R(),M(7,NW,3,0,`ul`,69)(8,PW,2,0,`p`,67),R(),M(9,VW,6,0,`section`,70)),e&2){let e=t,n=G(3);k(3),N(n.computedEntries().length?3:4),k(4),N(e.methods.length?7:8),k(2),N(e.entities?.length?9:-1)}}function UW(e,t){if(e&1&&(L(0,`span`,86),J(1),R()),e&2){let e=t;I(`title`,`Caused by `+G(4).kindLabel(`event`)+`: `+e.type),k(),Y(e.type)}}function WW(e,t){if(e&1&&(L(0,`span`,73),J(1),R()),e&2){G();let e=fv(0);k(),Y(e.origin)}}function GW(e,t){if(e&1&&J(0),e&2){G();let e=fv(0);X(` · `,G(3).formatDuration(e.durationMs),` `)}}function KW(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,82),U(`click`,function(){T(e);let t=fv(0);return E(G(3).selectChange(t.seq))}),L(3,`span`,83),J(4),R(),L(5,`span`,84)(6,`span`,85),J(7),R(),M(8,UW,2,2,`span`,86),R(),L(9,`span`,87),M(10,WW,2,1,`span`,73),J(11),M(12,GW,1,1),R()()()}if(e&2){let e,n=t.$implicit,r=G(3),i=dv(n.entry);k(),j(`data-vindex`,n.index)(`aria-setsize`,r.logWindow.enabled()?r.storeLog().length:null)(`aria-posinset`,r.logWindow.enabled()?n.index+1:null),k(),q(`selected`,i.seq===r.selectedChangeSeq()),j(`aria-pressed`,i.seq===r.selectedChangeSeq())(`aria-controls`,i.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),k(2),X(`#`,i.seq),k(2),I(`title`,i.type),k(),Y(i.type),k(),N((e=i.causedByEvent)?8:-1,e),k(2),N(i.origin?10:-1),k(),Z(` `,r.changesLabel(i),` · `,r.formatTime(i.timestamp),` `),k(),N(i.durationMs===void 0?-1:12)}}function qW(e,t){e&1&&J(0,` No entries match this filter. `)}function JW(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function YW(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function XW(e,t){if(e&1&&(L(0,`li`,34),M(1,qW,1,0)(2,JW,1,0)(3,YW,1,0),R()),e&2){let e=G(),t=G(2);k(),N(t.filter()?1:e.classic?2:3)}}function ZW(e,t){if(e&1&&(L(0,`div`,60),Gg(1,88),R()),e&2){G(3);let e=d_(21);k(),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,eW,t))}}function QW(e,t){if(e&1&&z(0,`option`,93),e&2){let e=t.$implicit;I(`value`,e)}}function $W(e,t){if(e&1&&(L(0,`p`,99),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function eG(e,t){if(e&1){let e=H();L(0,`section`,61)(1,`h4`,89),J(2,`Dispatch an action`),R(),L(3,`form`,90),U(`submit`,function(t){return T(e),E(G(3).dispatchAction(t))}),L(4,`label`)(5,`span`),J(6,`Type`),R(),L(7,`input`,91),U(`input`,function(t){return T(e),E(G(3).dispatchType.set(t.target.value))}),R()(),L(8,`datalist`,92),P(9,QW,1,1,`option`,93,Ag),R(),L(11,`label`)(12,`span`),J(13,`Payload `),L(14,`span`,94),J(15,`(JSON object, optional)`),R()(),L(16,`textarea`,95),U(`input`,function(t){return T(e),E(G(3).dispatchPayload.set(t.target.value))}),R()(),L(17,`p`,96),J(18),R(),L(19,`div`,97)(20,`button`,98),J(21,` Dispatch `),R()(),M(22,$W,2,1,`p`,99),R()()}if(e&2){let e=G(3);k(7),I(`value`,e.dispatchType()),k(2),F(e.actionTypes()),k(7),I(`value`,e.dispatchPayload()),j(`aria-invalid`,e.payloadError()?`true`:null),k(2),Y(e.payloadError()),k(2),I(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),j(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),k(2),N(e.canRestore()?-1:22)}}function tG(e,t){if(e&1){let e=H();L(0,`div`,35)(1,`div`,41)(2,`h3`),J(3),R(),L(4,`div`,42)(5,`span`,43),J(6),R(),L(7,`span`,43),J(8),R(),M(9,xW,1,1,`app-source-link`,44),M(10,SW,2,1,`span`,43),R(),M(11,wW,4,0,`p`,45),R(),M(12,EW,9,3,`div`,46),L(13,`div`,47)(14,`section`,48)(15,`div`,49)(16,`h4`,50),J(17,`State`),R(),L(18,`div`,51),z(19,`app-store-global`,52),L(20,`button`,53),U(`click`,function(){return T(e),E(G(2).copyState())}),J(21,` Copy `),R()()(),L(22,`pre`,54,2),J(24),R()(),M(25,HW,10,3),R(),L(26,`section`,55)(27,`h4`,56),J(28),L(29,`span`,16),J(30),R()(),z(31,`app-limit-note`,57),L(32,`div`,58)(33,`ul`,59,3),P(35,KW,13,16,`li`,null,rW,!1,XW,4,1,`li`,34),R(),M(38,ZW,2,4,`div`,60),R()(),M(39,eG,23,7,`section`,61),R()}if(e&2){let e,n,r,i=t,a=G(2);k(3),Y(i.label),k(3),Y(a.kindLabel(i.kind)),k(2),X(`scope: `,i.scope),k(),N((e=i.signal?.declaredIn)?9:-1,e),k(),N(i.classic?10:-1),k(),N(i.signal?.references?.length?11:-1),k(),N(i.classic?.paused?12:-1),k(7),I(`rpc`,a.rpc())(`pageId`,a.page()?.pageId)(`target`,hv(26,$U,i.id))(`label`,i.label+` state`),k(5),Y(a.stateText()),k(),N((n=i.signal)?25:-1,n),k(3),X(` `,i.classic?`Action log`:`Change log`,` `),k(2),Y(a.storeLog().length),k(),I(`dropped`,a.page()?.dropped??0)(`max`,a.maxLog()),k(2),K(`padding-top`,a.logWindow.enabled()?2+a.logWindow.padTop():null,`px`)(`padding-bottom`,a.logWindow.enabled()?2+a.logWindow.padBottom():null,`px`),I(`rovingWindow`,a.logWindow),j(`aria-label`,i.classic?`Actions`:`Changes`),k(2),F(a.shownLog()),k(3),N((r=a.changeEntry())?38:-1,r),k(),N(i.classic?39:-1)}}function nG(e,t){if(e&1&&(L(0,`div`,20)(1,`ul`,33),P(2,yW,8,10,`li`,null,nW,!1,bW,2,0,`li`,34),R(),M(5,tG,40,28,`div`,35),R()),e&2){let e,t=G();k(2),F(t.filteredStores()),k(3),N((e=t.store())?5:-1,e)}}function rG(e,t){if(e&1&&(L(0,`code`,106),J(1),R()),e&2){G();let e=fv(0),t=G(2);I(`title`,t.prettyText(e.payload)),k(),Y(t.shortText(e.payload))}}function iG(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,104),U(`click`,function(){T(e);let t=fv(0);return E(G(2).selectEvent(t.seq))}),z(3,`span`,38),L(4,`span`,105),J(5),R(),M(6,rG,2,2,`code`,106),L(7,`span`,107),J(8),R()()()}if(e&2){let e=t.$implicit,n=G(2),r=dv(e.entry);k(),j(`data-vindex`,e.index)(`aria-setsize`,n.eventWindow.enabled()?n.pageEvents().length:null)(`aria-posinset`,n.eventWindow.enabled()?e.index+1:null),k(),q(`selected`,r.seq===n.selectedEventSeq()),j(`aria-pressed`,r.seq===n.selectedEventSeq())(`aria-controls`,r.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),k(),K(`background`,n.kindColor(`event`)),k(),I(`title`,r.eventType??r.type),k(),Y(r.eventType??r.type),k(),N(r.payload===void 0?-1:6),k(2),Y(n.formatTime(r.timestamp))}}function aG(e,t){e&1&&(L(0,`li`,34),J(1,`No events match this filter.`),R())}function oG(e,t){if(e&1&&(L(0,`div`,103,6),Gg(2,88),R()),e&2){G(2);let e=d_(21);k(2),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,tW,t))}}function sG(e,t){if(e&1&&(L(0,`section`,22)(1,`div`,14)(2,`h2`,100),J(3,`Events`),R(),L(4,`span`,16),J(5),R()(),L(6,`p`,101),J(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),R(),L(8,`ul`,102,5),P(10,iG,9,14,`li`,null,rW,!1,aG,2,0,`li`,34),R(),M(13,oG,3,4,`div`,103),R()),e&2){let e,t=G();k(5),Y(t.pageEvents().length),k(3),K(`padding-top`,t.eventWindow.enabled()?6+t.eventWindow.padTop():null,`px`)(`padding-bottom`,t.eventWindow.enabled()?6+t.eventWindow.padBottom():null,`px`),I(`rovingWindow`,t.eventWindow),k(2),F(t.shownEvents()),k(3),N((e=t.eventEntry())?13:-1,e)}}function cG(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();k(3),Y(t.originText(e.origin))}}function lG(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();k(3),Y(t.formatDuration(e.durationMs))}}function uG(e,t){if(e&1&&(L(0,`dt`),J(1,`Action`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.action))}}function dG(e,t){if(e&1&&(L(0,`dt`),J(1,`Arguments`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.args))}}function fG(e,t){if(e&1&&(L(0,`dt`),J(1,`Payload`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.payload))}}function pG(e,t){if(e&1&&(L(0,`pre`,112),J(1),R()),e&2){let e=G(),t=G(2);k(),Y(t.prettyText(e.payload))}}function mG(e,t){if(e&1&&(L(0,`dt`),J(1,`Caused by event`),R(),L(2,`dd`)(3,`code`,113),J(4),R(),M(5,pG,2,1,`pre`,112),R()),e&2){let e=t;k(4),Y(e.type),k(),N(e.payload===void 0?-1:5)}}function hG(e,t){if(e&1){let e=H();L(0,`button`,117),U(`click`,function(){T(e);let t=G(2).selected;return E(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 gG(e,t){if(e&1&&(L(0,`code`,123),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.before))}}function _G(e,t){e&1&&(L(0,`span`,125),J(1,`→`),R(),L(2,`span`,126),J(3,`became`),R())}function vG(e,t){if(e&1&&(L(0,`code`,124),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.after))}}function yG(e,t){if(e&1&&(L(0,`li`)(1,`span`,120),J(2),R(),L(3,`code`,121),J(4),R(),L(5,`span`,122),M(6,gG,2,1,`code`,123),M(7,_G,4,0),M(8,vG,2,1,`code`,124),R()()),e&2){let e=t.$implicit,n=G(4);M_(`diff-row `+e.op),k(2),Y(n.opLabel(e.op)),k(2),Y(e.path),k(2),N(e.op===`add`?-1:6),k(),N(e.op===`change`?7:-1),k(),N(e.op===`remove`?-1:8)}}function bG(e,t){if(e&1&&(L(0,`p`,67),J(1),R()),e&2){let e=G(3).selected,t=G();k(),Y(t.moreChanges(e.diffTruncated))}}function xG(e,t){if(e&1&&(L(0,`ul`,118),P(1,yG,9,7,`li`,119,sW),R(),M(3,bG,2,1,`p`,67)),e&2){let e=G(2).selected;k(),F(e.diff),k(2),N(e.diffTruncated?3:-1)}}function SG(e,t){e&1&&(L(0,`p`,67),J(1,`The state did not change.`),R())}function CG(e,t){if(e&1&&(L(0,`div`,114)(1,`div`,115),J(2,`State diff`),R(),M(3,hG,2,1,`button`,116),R(),M(4,xG,4,1)(5,SG,2,0,`p`,67)),e&2){let e=G(),t=e.selected,n=e.headingLevel;k(),j(`aria-level`,n+1),k(2),N(t.diff.length?3:-1),k(),N(t.diff.length?4:5)}}function wG(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 TG(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 EG(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 DG(e,t){if(e&1&&M(0,TG,1,2)(1,EG,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function OG(e,t){if(e&1){let e=H();L(0,`div`,127),U(`keydown.escape`,function(t){return T(e),E(G(2).cancelRestore(t))}),L(1,`p`,128),M(2,wG,1,1)(3,DG,2,1),R(),L(4,`div`,97)(5,`button`,62),U(`click`,function(){T(e);let t=G().selected;return E(G().restore(t.seq,t.source===`store`))}),J(6,` Restore `),R(),L(7,`button`,31,7),U(`click`,function(){return T(e),E(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`),k(),I(`id`,n+`-confirm-text`),k(),N(t.source===`store`?2:3),k(3),I(`disabled`,r.busy())}}function kG(e,t){if(e&1){let e=H();L(0,`button`,133,8),U(`click`,function(){T(e);let t=G(2).selected;return E(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 AG(e,t){if(e&1){let e=H();L(0,`button`,134),U(`click`,function(){T(e);let t=G(2).selected;return E(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 jG(e,t){if(e&1&&(L(0,`p`,132),J(1),R()),e&2){let e=G(2).idPrefix,t=G();I(`id`,e+`-writes-off`),k(),Y(t.restoreOff)}}function MG(e,t){if(e&1&&(L(0,`div`,129),M(1,kG,3,2,`button`,130),M(2,AG,2,2,`button`,131),R(),M(3,jG,2,2,`p`,132)),e&2){let e=G().selected,t=G();k(),N(e.restorable?1:-1),k(),N(t.canAgain(e)?2:-1),k(),N(t.canRestore()?-1:3)}}function NG(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 PG(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 FG(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 IG(e,t){if(e&1&&(L(0,`p`,111),M(1,NG,4,0)(2,PG,10,0)(3,FG,4,0),R()),e&2){let e=G().selected;k(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function LG(e,t){if(e&1&&(L(0,`section`,108)(1,`div`,109),J(2),R(),L(3,`dl`,66)(4,`dt`),J(5,`Time`),R(),L(6,`dd`),J(7),R(),M(8,cG,4,1),M(9,lG,4,1),M(10,uG,5,1),M(11,dG,5,1),M(12,fG,5,1),M(13,mG,6,2),R(),M(14,CG,6,3),M(15,OG,10,4,`div`,110),M(16,MG,4,3),M(17,IG,4,1,`p`,111),R()),e&2){let e,n=t.selected,r=t.headingLevel,i=t.idPrefix,a=G();j(`aria-labelledby`,i+`-entry-heading`),k(),I(`id`,i+`-entry-heading`),j(`aria-level`,r),k(),Z(` #`,n.seq,` `,n.type,` `),k(5),Y(a.formatTime(n.timestamp)),k(),N(n.origin?8:-1),k(),N(n.durationMs===void 0?-1:9),k(),N(n.action===void 0?-1:10),k(),N(n.args?.length?11:-1),k(),N(n.source===`event`&&n.payload!==void 0?12:-1),k(),N((e=n.causedByEvent)?13:-1,e),k(),N(n.source===`event`?-1:14),k(),N(n.restorable&&a.confirmSeq()===n.seq?15:-1),k(),N(a.confirmSeq()!==n.seq&&(n.restorable||a.canAgain(n))?16:-1),k(),N(!n.restorable&&n.source===`store`?17:-1)}}function RG(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.sourceEntries().length)}}function zG(e,t){e&1&&(L(0,`div`,25),z(1,`span`,135),L(2,`p`,29),J(3,`Scanning source for NgRx declarations…`),R()())}function BG(e,t){e&1&&(L(0,`div`,26)(1,`p`,29),J(2,`No NgRx declarations found in source.`),R(),L(3,`p`,30),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 VG(e,t){if(e&1){let e=H();L(0,`button`,137),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,38),L(2,`span`,142),J(3),R(),L(4,`span`,138),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(n.kindLabel(e.kind)),k(2),Y(e.count)}}function HG(e,t){if(e&1&&(L(0,`p`,147),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function UG(e,t){if(e&1&&(L(0,`li`,141)(1,`div`,143),z(2,`span`,38),L(3,`span`,144),J(4),R(),L(5,`span`,43),J(6),R()(),L(7,`div`,145),z(8,`app-source-link`,146),R(),M(9,HG,2,1,`p`,147),R()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.name),k(2),Y(n.kindLabel(e.kind)),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.detail?9:-1)}}function WG(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25)(2,`p`,29),J(3,`No declarations match.`),R(),L(4,`button`,31),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(5,`Clear filters`),R()()()}}function GG(e,t){if(e&1){let e=H();L(0,`div`,136)(1,`button`,137),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,138),J(4),R()(),P(5,VG,6,7,`button`,139,cW),R(),L(7,`ul`,140),P(8,UG,10,7,`li`,141,lW,!1,WG,6,0,`li`),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.sourceEntries().length),k(),F(e.groupedEntries()),k(3),F(e.filteredEntries())}}var KG={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)`},qG={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`},JG={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function YG(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 XG=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),ZG=class e{rpc=$(null);canRestore=Q(()=>rD(this.rpc(),`ngrx`));restoreOff=bE(`ngrx`);filter=O(``);kind=O(null);sourceEntries=O([]);sourceLoaded=O(!1);pages=O([]);failed=O(!1);stateLoaded=O(!1);selectedPageId=O(null);hostPageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.hostPageId));maxLog=Q(()=>nD(this.rpc()).limits.changeLog);selectedStoreId=O(null);focusEventSeq=O(null);eventDetailHeading=Jv(`eventDetailHeading`);busy=O(!1);focusLatest=O(!1);focusConfirm=O(null);cancelButton=Jv(`cancelButton`);restoreButton=Jv(`restoreButton`);stateTree=Jv(`stateTree`);filterInput=Jv(`filterInput`);latestButton=Jv(`latestButton`);message=O(``);destroyRef=C(Ds);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?RU(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?UU(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:WU(t,160),full:UU(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()});logWindow=new aP({count:Q(()=>this.storeLog().length),estimate:56});shownLog=Q(()=>QG(this.storeLog(),this.logWindow));eventWindow=new aP({count:Q(()=>this.pageEvents().length),estimate:36});shownEvents=Q(()=>QG(this.pageEvents(),this.eventWindow));logList=Jv(`logList`);eventsList=Jv(`eventsList`);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=O(``);dispatchPayload=O(``);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(()=>YG(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=YG(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=>XG.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(){mc(()=>{let e=this.logList()?.nativeElement;e&&this.logWindow.attach(e)}),mc(()=>{let e=this.eventsList()?.nativeElement;e&&this.eventWindow.attach(e)}),mc(()=>{let e=this.rpc();e&&this.load(e)}),dy(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),mc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),dy(()=>{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),VE(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(UU(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 VE(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 VE(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 VE(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 KG[e]??`var(--text-3)`}kindLabel(e){return qG[e]??e}originText(e){return JG[e]??e}changesLabel=LU;moreChanges=IU;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return UU(e)}shortText(e){return WU(e)}formatTime=QO;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=A({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&l_(t.eventDetailHeading,GU,5)(t.cancelButton,KU,5)(t.restoreButton,qU,5)(t.stateTree,JU,5)(t.filterInput,YU,5)(t.latestButton,XU,5)(t.logList,ZU,5)(t.eventsList,QU,5),e&2&&u_(8)},inputs:{rpc:[1,`rpc`]},decls:30,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`logList`,``],[`latestButton`,``],[`eventsList`,``],[`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`],[`capability`,`injectorProviders`,`compact`,``,3,`page`],[`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`,3,`rovingWindow`],[`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`,3,`rovingWindow`],[`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`,9)(1,`input`,10,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,uW,3,2),L(4,`span`,11),z(5,`span`,12),J(6),R()(),L(7,`section`,13)(8,`div`,14)(9,`h2`,15),J(10,`Live stores`),R(),M(11,dW,2,1,`span`,16),R(),M(12,fW,7,0,`div`,17)(13,pW,3,0,`div`,18)(14,mW,5,0,`div`,19)(15,vW,6,2)(16,nG,6,2,`div`,20),L(17,`p`,21),J(18),R()(),M(19,sG,14,8,`section`,22),sg(20,LG,18,16,`ng-template`,null,1,Ev),L(22,`section`,23)(23,`div`,14)(24,`h2`,24),J(25,`Source declarations`),R(),M(26,RG,2,1,`span`,16),R(),M(27,zG,4,0,`div`,25)(28,BG,29,0,`div`,26)(29,GG,11,5),R()),e&2&&(k(),I(`value`,t.filter()),k(2),N(t.pages().length>1?3:-1),k(),q(`on`,!!t.page()),k(2),X(` `,t.page()?`Live`:`No page connected`,` `),k(5),N(t.liveStores().length?11:-1),k(),N(t.failed()?12:t.stateLoaded()?t.page()?t.liveStores().length?16:15:14:13),k(6),Y(t.message()),k(),N(t.hasEvents()?19:-1),k(7),N(t.sourceEntries().length?26:-1),k(),N(t.sourceLoaded()?t.sourceEntries().length===0?28:29:27))},dependencies:[hO,rk,qz,OO,ub,uM,pN],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 24px;
   min-width: 0;
@@ -9178,7 +9178,7 @@ textarea[aria-invalid=true][_ngcontent-%COMP%] {
   .kv[_ngcontent-%COMP%] {
     grid-template-columns: minmax(0, 1fr);
   }
-}`]})};function JG(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}var YG=[`heading`];function XG(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 T(e),E(G().retry())}),J(4,`Try again`),V()()}}function ZG(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),k(),Y(e.text()??`Loading…`)}}function QG(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 T(e),E(G().draft.set(t.target.value))})(`keydown.enter`,function(){return T(e),E(G().setValue())}),V(),B(4,`button`,17),W(`click`,function(){return T(e),E(G().setValue())}),J(5,` Set `),V()()}if(e&2){let e=G();k(2),X(`New value for `,e.node().path),k(),qg(`value`,e.draft()),k(),qg(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function $G(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();k(),X(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),k(),qg(`href`,e.unmaskDocsUrl,Nu)}}function eK(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();k(),Y(e.writesOff)}}var tK=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=Rv();canWrite=Q(()=>rD(this.rpc(),`forms`));writesOff=bE(`forms`);redactLabel=XE;unmaskDocsUrl=ZE;target=Q(()=>`${this.form().id}|${this.node().path}`);text=Fv({source:this.target,computation:()=>null});failed=Fv({source:this.target,computation:()=>!1});attempt=O(0);heading=Jv.required(`heading`);host=C(Il);draft=Fv({source:this.target,computation:()=>``});message=Fv({source:this.target,computation:()=>``});constructor(){mc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Nv(()=>this.load(n,e,t))}),dy(()=>{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 JE(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(tD(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 QE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${$E(r)} ${r.expression}`:$E(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await QE(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($E(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&l_(t.heading,YG,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,XG,5,0,`div`,6)(11,ZG,2,2,`pre`,7),M(12,QG,6,4,`div`,8)(13,$G,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,eK,2,1,`p`,13),B(24,`p`,14),J(25),V()),e&2&&(k(5),Y(t.node().path||`(form)`),k(2),Y(t.node().type),k(),j(`aria-label`,`Close details for `+(t.node().path||`the form`)),k(2),N(t.failed()?10:11),k(2),N(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),k(5),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(2),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(4),N(t.canWrite()?-1:23),k(2),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function QG(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}var $G=[`heading`];function eK(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 T(e),E(G().retry())}),J(4,`Try again`),V()()}}function tK(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),k(),Y(e.text()??`Loading…`)}}function nK(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 T(e),E(G().draft.set(t.target.value))})(`keydown.enter`,function(){return T(e),E(G().setValue())}),V(),B(4,`button`,17),W(`click`,function(){return T(e),E(G().setValue())}),J(5,` Set `),V()()}if(e&2){let e=G();k(2),X(`New value for `,e.node().path),k(),qg(`value`,e.draft()),k(),qg(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function rK(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();k(),X(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),k(),qg(`href`,e.unmaskDocsUrl,Nu)}}function iK(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();k(),Y(e.writesOff)}}var aK=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=Rv();canWrite=Q(()=>rD(this.rpc(),`forms`));writesOff=bE(`forms`);redactLabel=XE;unmaskDocsUrl=ZE;target=Q(()=>`${this.form().id}|${this.node().path}`);text=Fv({source:this.target,computation:()=>null});failed=Fv({source:this.target,computation:()=>!1});attempt=O(0);heading=Jv.required(`heading`);host=C(Il);draft=Fv({source:this.target,computation:()=>``});message=Fv({source:this.target,computation:()=>``});constructor(){mc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Nv(()=>this.load(n,e,t))}),dy(()=>{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 JE(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(tD(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 QE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${$E(r)} ${r.expression}`:$E(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await QE(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($E(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&l_(t.heading,$G,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,eK,5,0,`div`,6)(11,tK,2,2,`pre`,7),M(12,nK,6,4,`div`,8)(13,rK,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,iK,2,1,`p`,13),B(24,`p`,14),J(25),V()),e&2&&(k(5),Y(t.node().path||`(form)`),k(2),Y(t.node().type),k(),j(`aria-label`,`Close details for `+(t.node().path||`the form`)),k(2),N(t.failed()?10:11),k(2),N(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),k(5),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(2),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(4),N(t.canWrite()?-1:23),k(2),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9519,7 +9519,7 @@ h3[_ngcontent-%COMP%]:focus-visible {
 .status[_ngcontent-%COMP%]:empty {
   height: 0;
   margin: -12px 0 0;
-}`]})};function nK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function rK(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();k(3),j(`aria-busy`,e.submit()===null?`true`:null),k(),Y(e.submit()??`Loading…`),k(4),j(`aria-busy`,e.payload()===null?`true`:null),k(),Y(e.payload()??`Loading…`)}}function iK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function aK(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function oK(e,t){e&1&&(B(0,`div`,2)(1,`span`,6),D(),B(2,`svg`,7),Vg(3,`path`,8),V()(),_s(),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 sK(e,t){if(e&1){let e=H();B(0,`span`,15),J(1,`at `),B(2,`button`,19),W(`click`,function(){let t=T(e);return E(G(3).showField.emit(t))}),B(3,`span`,20),J(4,`Show field `),V(),B(5,`code`),J(6),V()()()}e&2&&(k(6),Y(t))}function cK(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,sK,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),k(2),j(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),k(),Y(n.severity),k(2),Y(n.rule),k(),N((e=n.path)?6:-1,e),k(2),Y(n.message),k(4),X(` `,n.fix)}}function lK(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,cK,13,7,`li`,null,kg),V()),e&2){let e=G();k(2),Y(e.findings().length),k(),X(` `,e.findings().length===1?`finding`:`findings`,` `),k(2),F(e.findings())}}var uK=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=O(``);attempt=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let[n,r]=await Promise.all([JE(t,`forms-explain`,{kind:`submit`,form:e}),JE(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(tD(n)),this.payload.set(tD(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await JE(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=A({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,nK,7,0,`div`,0)(1,rK,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()),k(6),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function oK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function sK(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();k(3),j(`aria-busy`,e.submit()===null?`true`:null),k(),Y(e.submit()??`Loading…`),k(4),j(`aria-busy`,e.payload()===null?`true`:null),k(),Y(e.payload()??`Loading…`)}}function cK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function lK(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function uK(e,t){e&1&&(B(0,`div`,2)(1,`span`,6),D(),B(2,`svg`,7),Vg(3,`path`,8),V()(),_s(),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 dK(e,t){if(e&1){let e=H();B(0,`span`,15),J(1,`at `),B(2,`button`,19),W(`click`,function(){let t=T(e);return E(G(3).showField.emit(t))}),B(3,`span`,20),J(4,`Show field `),V(),B(5,`code`),J(6),V()()()}e&2&&(k(6),Y(t))}function fK(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,dK,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),k(2),j(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),k(),Y(n.severity),k(2),Y(n.rule),k(),N((e=n.path)?6:-1,e),k(2),Y(n.message),k(4),X(` `,n.fix)}}function pK(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,fK,13,7,`li`,null,kg),V()),e&2){let e=G();k(2),Y(e.findings().length),k(),X(` `,e.findings().length===1?`finding`:`findings`,` `),k(2),F(e.findings())}}var mK=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=O(``);attempt=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let[n,r]=await Promise.all([JE(t,`forms-explain`,{kind:`submit`,form:e}),JE(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(tD(n)),this.payload.set(tD(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await JE(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=A({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,oK,7,0,`div`,0)(1,sK,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()),k(6),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9791,7 +9791,7 @@ code[_ngcontent-%COMP%] {
   flex-wrap: wrap;
   gap: 8px 12px;
   align-items: center;
-}`]})},dK=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=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let n=await JE(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=A({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,iK,7,0,`div`,0)(1,aK,4,0,`div`,1)(2,oK,8,0,`div`,2)(3,lK,7,2),e&2&&N(t.failed()?0:t.findings()===null?1:t.findings().length?3:2)},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},hK=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=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let n=await JE(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=A({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,cK,7,0,`div`,0)(1,lK,4,0,`div`,1)(2,uK,8,0,`div`,2)(3,pK,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);
 }
 
@@ -10147,7 +10147,7 @@ code[_ngcontent-%COMP%] {
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-}`]})},fK=[`pathInput`],pK=()=>[],mK=(e,t)=>t.formId+`#`+t.seq;function hK(e,t){e&1&&z(0,`span`,6)}function gK(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,21),U(`change`,function(){let t=T(e).$implicit;return E(G().filter.set(t))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G();k(),I(`value`,e)(`checked`,e===n.filter()),k(),X(` `,e,` `)}}function _K(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`),k(),Y(e.outcome)}}function vK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),X(`×`,e.count)}}function yK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.origin)}}function bK(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`:``),k(),X(`pending `,e.ms,`ms`)}}function xK(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`:``),k(),Z(``,e.renders,` renders: `,(e.rendered??mv(3,pK)).join(`, `))}}function SK(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;k(),Y(e.prev)}}function CK(e,t){if(e&1&&(L(0,`div`,27),M(1,SK,6,1),J(2),R()),e&2){let e=G().$implicit;k(),N(e.prev===void 0?-1:1),k(),X(` `,e.detail,` `)}}function wK(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`from `,e.caller)}}function TK(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,_K,2,2,`span`,26),M(10,vK,2,1,`span`,26),M(11,yK,2,1,`span`,26),M(12,bK,2,2,`span`,26),M(13,xK,2,4,`span`,26),R(),M(14,CK,3,2,`div`,27),M(15,wK,2,1,`span`,28),R()()),e&2){let e=t.$implicit,n=G(2);j(`data-type`,e.type),k(),j(`datetime`,n.iso(e.timestamp)),k(),Y(n.time(e.timestamp)),k(4),Y(e.path||`(form)`),k(2),Y(e.type),k(),N(e.outcome?9:-1),k(),N(e.count&&e.count>1?10:-1),k(),N(e.origin?11:-1),k(),N(e.ms===void 0?-1:12),k(),N(e.renders?13:-1),k(),N(e.prev!==void 0||e.detail?14:-1),k(),N(e.caller?15:-1)}}function EK(e,t){if(e&1&&(L(0,`ol`,19),P(1,TK,16,12,`li`,null,mK),R()),e&2){let e=G();k(),F(e.shown())}}function DK(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 T(e),E(G().clearFilters())}),J(6,`Clear filters`),R()()}}function OK(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 kK=[`all`,`user`,`code`,`agent`,`devtools`],AK=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],jK=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=kK;filter=O(`all`);pathFilter=O(``);typeFilter=O(`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=AK.filter(t=>e.has(t)),r=[...e].filter(e=>!AK.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=QO;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&l_(t.pathInput,fK,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,hK,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,gK,3,3,`label`,null,Ag),R()(),L(14,`div`,10)(15,`div`,11),D(),L(16,`svg`,12),z(17,`circle`,13)(18,`path`,14),R(),_s(),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 T(e),sv(t.typeFilter,n)||(t.typeFilter=n),E(n)}),R(),L(22,`span`,17),J(23),R(),L(24,`span`,18),J(25),R()(),M(26,EK,3,0,`ol`,19)(27,DK,7,0,`div`,20)(28,OK,5,0,`div`,20)}e&2&&(k(),q(`on`,t.recording()),k(),I(`checked`,t.recording()),k(3),N(t.recording()?5:-1),k(7),F(t.origins),k(7),I(`value`,t.pathFilter()),k(2),I(`options`,t.typeOptions()),ov(`value`,t.typeFilter),k(2),Y(t.summary()),k(2),Y(t.filterStatus()),k(),N(t.shown().length?26:t.events().length?27:28))},dependencies:[OO],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},gK=[`pathInput`],_K=()=>[],vK=(e,t)=>t.formId+`#`+t.seq;function yK(e,t){e&1&&z(0,`span`,6)}function bK(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,21),U(`change`,function(){let t=T(e).$implicit;return E(G().filter.set(t))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G();k(),I(`value`,e)(`checked`,e===n.filter()),k(),X(` `,e,` `)}}function xK(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`),k(),Y(e.outcome)}}function SK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),X(`×`,e.count)}}function CK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.origin)}}function wK(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`:``),k(),X(`pending `,e.ms,`ms`)}}function TK(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`:``),k(),Z(``,e.renders,` renders: `,(e.rendered??mv(3,_K)).join(`, `))}}function EK(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;k(),Y(e.prev)}}function DK(e,t){if(e&1&&(L(0,`div`,27),M(1,EK,6,1),J(2),R()),e&2){let e=G().$implicit;k(),N(e.prev===void 0?-1:1),k(),X(` `,e.detail,` `)}}function OK(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`from `,e.caller)}}function kK(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,xK,2,2,`span`,26),M(10,SK,2,1,`span`,26),M(11,CK,2,1,`span`,26),M(12,wK,2,2,`span`,26),M(13,TK,2,4,`span`,26),R(),M(14,DK,3,2,`div`,27),M(15,OK,2,1,`span`,28),R()()),e&2){let e=t.$implicit,n=G(2);j(`data-type`,e.type),k(),j(`datetime`,n.iso(e.timestamp)),k(),Y(n.time(e.timestamp)),k(4),Y(e.path||`(form)`),k(2),Y(e.type),k(),N(e.outcome?9:-1),k(),N(e.count&&e.count>1?10:-1),k(),N(e.origin?11:-1),k(),N(e.ms===void 0?-1:12),k(),N(e.renders?13:-1),k(),N(e.prev!==void 0||e.detail?14:-1),k(),N(e.caller?15:-1)}}function AK(e,t){if(e&1&&(L(0,`ol`,19),P(1,kK,16,12,`li`,null,vK),R()),e&2){let e=G();k(),F(e.shown())}}function jK(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 T(e),E(G().clearFilters())}),J(6,`Clear filters`),R()()}}function MK(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 NK=[`all`,`user`,`code`,`agent`,`devtools`],PK=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],FK=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=NK;filter=O(`all`);pathFilter=O(``);typeFilter=O(`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=PK.filter(t=>e.has(t)),r=[...e].filter(e=>!PK.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=QO;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&l_(t.pathInput,gK,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,yK,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,bK,3,3,`label`,null,Ag),R()(),L(14,`div`,10)(15,`div`,11),D(),L(16,`svg`,12),z(17,`circle`,13)(18,`path`,14),R(),_s(),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 T(e),sv(t.typeFilter,n)||(t.typeFilter=n),E(n)}),R(),L(22,`span`,17),J(23),R(),L(24,`span`,18),J(25),R()(),M(26,AK,3,0,`ol`,19)(27,jK,7,0,`div`,20)(28,MK,5,0,`div`,20)}e&2&&(k(),q(`on`,t.recording()),k(),I(`checked`,t.recording()),k(3),N(t.recording()?5:-1),k(7),F(t.origins),k(7),I(`value`,t.pathFilter()),k(2),I(`options`,t.typeOptions()),ov(`value`,t.typeFilter),k(2),Y(t.summary()),k(2),Y(t.filterStatus()),k(),N(t.shown().length?26:t.events().length?27:28))},dependencies:[OO],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -10743,7 +10743,7 @@ time[_ngcontent-%COMP%] {
     justify-content: center;
     padding: 0 8px;
   }
-}`]})},MK=(e,t)=>t.path;function NK(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function PK(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.description)}}function FK(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();k(),Y(e.error)}}function IK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is `,e.reason,` `)}}function LK(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,IK,4,2,`li`,null,MK),V()()),e&2){let e=G();k(4),F(e.blocking)}}function RK(e,t){e&1&&(B(0,`span`,12),J(1,`required`),V())}function zK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),M(3,RK,2,0,`span`,12),V()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e),k(),N(n.isRequired(e)?3:-1)}}function BK(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Inputs`),V(),B(3,`ul`,11),P(4,zK,4,2,`li`,null,Ag),V()()),e&2){let e=G();k(4),F(e.inputs)}}function VK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is now `,e.now?`required`:`optional`,` `)}}function HK(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,VK,4,2,`li`,null,MK),V()()),e&2){let e=G();k(4),F(e.requiredChanged)}}function UK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(``,e.ms,` ms`)}}function WK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(`fields `,e.fields.join(`, `))}}function GK(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function KK(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,UK,2,1,`span`,10),M(7,WK,2,1,`span`,10),M(8,GK,2,1,`pre`,13),V()),e&2){let e=t.$implicit,n=G(3);k(),j(`datetime`,n.iso(e.at)),k(),Y(wv(3,7,e.at,`HH:mm:ss`)),k(2),j(`data-state`,e.outcome),k(),Y(n.outcome(e.outcome)),k(),N(e.ms===void 0?-1:6),k(),N(e.fields?.length?7:-1),k(),N(e.detail?8:-1)}}function qK(e,t){if(e&1&&(B(0,`ul`),P(1,KK,9,10,`li`,null,kg),V()),e&2){let e=G();k(),F(e.calls)}}function JK(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function YK(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function XK(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,NK,2,0,`span`,6),V(),M(9,PK,2,1,`p`,7),M(10,FK,2,1,`p`,8),M(11,LK,6,0,`div`,9),M(12,BK,6,0,`div`,9),M(13,HK,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,qK,3,0,`ul`)(18,JK,2,0,`p`,10)(19,YK,2,0,`p`,10),V()()),e&2){let e=t,n=G();k(5),Y(e.name),k(),j(`data-state`,e.status),k(),Y(n.statusText()),k(),N(e.duplicate?8:-1),k(),N(e.description?9:-1),k(),N(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),k(),N(e.blocking?.length?11:-1),k(),N(e.inputs?.length?12:-1),k(),N(e.requiredChanged?.length?13:-1),k(4),N(e.calls?.length?17:e.seen===`list`?18:19)}}function ZK(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 QK={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},$K=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 QK[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,XK,20,10,`section`,0)(1,ZK,8,0,`p`,1),e&2){let e;N((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[hb],styles:[`[_nghost-%COMP%] {
+}`]})},IK=(e,t)=>t.path;function LK(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function RK(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.description)}}function zK(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();k(),Y(e.error)}}function BK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is `,e.reason,` `)}}function VK(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,BK,4,2,`li`,null,IK),V()()),e&2){let e=G();k(4),F(e.blocking)}}function HK(e,t){e&1&&(B(0,`span`,12),J(1,`required`),V())}function UK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),M(3,HK,2,0,`span`,12),V()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e),k(),N(n.isRequired(e)?3:-1)}}function WK(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Inputs`),V(),B(3,`ul`,11),P(4,UK,4,2,`li`,null,Ag),V()()),e&2){let e=G();k(4),F(e.inputs)}}function GK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is now `,e.now?`required`:`optional`,` `)}}function KK(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,GK,4,2,`li`,null,IK),V()()),e&2){let e=G();k(4),F(e.requiredChanged)}}function qK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(``,e.ms,` ms`)}}function JK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(`fields `,e.fields.join(`, `))}}function YK(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function XK(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,qK,2,1,`span`,10),M(7,JK,2,1,`span`,10),M(8,YK,2,1,`pre`,13),V()),e&2){let e=t.$implicit,n=G(3);k(),j(`datetime`,n.iso(e.at)),k(),Y(wv(3,7,e.at,`HH:mm:ss`)),k(2),j(`data-state`,e.outcome),k(),Y(n.outcome(e.outcome)),k(),N(e.ms===void 0?-1:6),k(),N(e.fields?.length?7:-1),k(),N(e.detail?8:-1)}}function ZK(e,t){if(e&1&&(B(0,`ul`),P(1,XK,9,10,`li`,null,kg),V()),e&2){let e=G();k(),F(e.calls)}}function QK(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function $K(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function eq(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,LK,2,0,`span`,6),V(),M(9,RK,2,1,`p`,7),M(10,zK,2,1,`p`,8),M(11,VK,6,0,`div`,9),M(12,WK,6,0,`div`,9),M(13,KK,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,ZK,3,0,`ul`)(18,QK,2,0,`p`,10)(19,$K,2,0,`p`,10),V()()),e&2){let e=t,n=G();k(5),Y(e.name),k(),j(`data-state`,e.status),k(),Y(n.statusText()),k(),N(e.duplicate?8:-1),k(),N(e.description?9:-1),k(),N(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),k(),N(e.blocking?.length?11:-1),k(),N(e.inputs?.length?12:-1),k(),N(e.requiredChanged?.length?13:-1),k(4),N(e.calls?.length?17:e.seen===`list`?18:19)}}function tq(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 nq={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},rq=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 nq[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,eq,20,10,`section`,0)(1,tq,8,0,`p`,1),e&2){let e;N((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[hb],styles:[`[_nghost-%COMP%] {
   display: contents;
 }
 
@@ -10863,7 +10863,7 @@ li[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%]    + *[_ngcontent-%COMP%] {
   font-size: 12px;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
-}`]})},eq=()=>[],tq=(e,t)=>t.id,nq=(e,t)=>t.node.path;function rq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function iq(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function aq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function oq(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 sq(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 T(e),E(G().allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}if(e&2){let e=G();k(4),Z(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function cq(e,t){if(e&1){let e=H();L(0,`label`,12)(1,`input`,16),U(`change`,function(t){return T(e),E(G(2).allPages.set(t.target.checked))}),R(),J(2,` All pages `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.allPages())}}function lq(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(k(),Y(t))}function uq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,17),U(`click`,function(){let t=T(e).$implicit;return E(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,lq,4,1,`span`,23),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`active`,n.id===r.selected()?.id),j(`aria-current`,n.id===r.selected()?.id?`true`:null),k(),j(`data-status`,n.root.status),k(),j(`title`,n.label),k(),Y(n.label),k(2),X(``,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),X(`, `,n.root.status),k(),N((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function dq(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(){T(e);let t=G(2);return E(t.selectForm(t.visible()[0].id))}),J(6),R()()}if(e&2){let e=G(2);k(2),Y(t),k(4),X(` Show `,e.visible()[0].label,` `)}}function fq(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 T(e),E(G(2).allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}e&2&&(k(2),Y(t))}function pq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();k(),Y(e.submitted?`submitted`:`not submitted`)}}function mq(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function hq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,47),U(`click`,function(){let t=T(e).$implicit;return E(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;k(5),Y(e.path||`(form)`),k(3),X(` `,e.message,` `),k(2),Y(e.kind)}}function gq(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,hq,11,3,`li`,null,kg),R()()),e&2){let e=G();k(2),X(`Error summary (`,e.errorSummary.length,`)`),k(2),F(e.errorSummary)}}function _q(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return T(e),E(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()),k(),X(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function vq(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);k(),Y(e.writesOff)}}function yq(e,t){if(e&1){let e=H();L(0,`button`,49),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `)}}function bq(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,16),U(`change`,function(){let t=T(e).$implicit;return E(G(4).toggleChip(t.id))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G(4);k(),I(`checked`,n.active().has(e.id)),k(),X(` `,e.label,` `)}}function xq(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;k(3),Y(Cv(4,1,e.node.uncommitted))}}function Sq(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;k(3),Y(Cv(4,1,e.node.defaultValue))}}function Cq(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,xq,6,3,`div`,7),M(4,Sq,5,3,`div`,7)),e&2){let e=G().$implicit;k(),Y(Cv(2,3,e.node.value)),k(2),N(e.node.uncommitted===void 0?-1:3),k(),N(e.node.defaultValue===void 0?-1:4)}}function wq(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function Tq(e,t){if(e&1&&(L(0,`span`,29),J(1),R()),e&2){let e=G().$implicit;j(`data-status`,e.node.status),k(),Y(e.node.status)}}function Eq(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function Dq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function Oq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`not validated (`,e.node.skipped,`)`)}}function kq(e,t){if(e&1&&(L(0,`span`,65),J(1),R()),e&2){let e=G().$implicit;k(),X(`stale: `,e.node.stale.join(`, `))}}function Aq(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function jq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),X(`redacted: `,t.redactLabel(e.node.redacted))}}function Mq(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function Nq(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function Pq(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function Fq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`updates on `,e.node.updateOn)}}function Iq(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function Lq(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function Rq(e,t){e&1&&(L(0,`span`),J(1,`async validator`),R())}function zq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Bq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.accessor)}}function Vq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`name `,e.node.name)}}function Hq(e,t){if(e&1&&(L(0,`span`),J(1),xv(2,`json`),R()),e&2){let e=t.$implicit;k(),X(`metadata `,Cv(2,1,e))}}function Uq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),X(`disabled: `,e)}}function Wq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit;k(),X(`at `,e.params.path)}}function Gq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(5);k(),Y(t.sourceText(e))}}function Kq(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,Wq,2,1,`span`,68),M(5,Gq,2,1,`span`,68),R()),e&2){let e=t.$implicit,n=G().$implicit,r=G(4);k(),X(` `,r.errorText(n.node,e),` `),k(2),Y(e.kind),k(),N(e.kind===`standardSchema`&&e.params?.path?4:-1),k(),N(e.source?5:-1)}}function qq(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function Jq(e,t){if(e&1&&(L(0,`tr`)(1,`td`,69),J(2),R()()),e&2){let e=G().$implicit;k(),K(`padding-left`,28+e.depth*16,`px`),k(),Z(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function Yq(e,t){if(e&1){let e=H();L(0,`tr`,58),U(`mouseenter`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return T(e),E(G(4).highlight(null,``))}),L(1,`th`,59)(2,`button`,60),U(`focus`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`blur`,function(){return T(e),E(G(4).highlight(null,``))})(`click`,function(){let t=T(e).$implicit;return E(G(4).toggleField(t.node.path))}),J(3),R(),L(4,`span`,61),J(5),R()(),L(6,`td`,62),M(7,Cq,5,5),R(),L(8,`td`,63),M(9,wq,2,0,`span`,7)(10,Tq,2,2,`span`,29),R(),L(11,`td`,64),M(12,Eq,2,0,`span`),M(13,Dq,2,1,`span`),M(14,Oq,2,1,`span`),M(15,kq,2,1,`span`,65),M(16,Aq,2,0,`span`,65),M(17,jq,2,1,`span`),M(18,Mq,2,0,`span`),M(19,Nq,2,0,`span`),M(20,Pq,2,0,`span`),M(21,Fq,2,1,`span`),M(22,Iq,2,0,`span`),M(23,Lq,2,0,`span`),M(24,Rq,2,0,`span`),P(25,zq,2,1,`span`,null,Ag),M(27,Bq,2,1,`span`),M(28,Vq,2,1,`span`),P(29,Hq,3,3,`span`,null,kg),P(31,Uq,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,Kq,6,4,`div`,null,kg),M(36,qq,2,0,`div`,67),R()(),M(37,Jq,3,4,`tr`)}if(e&2){let e=t.$implicit,n=G(4);q(`invalid`,e.node.errors.length),k(),K(`padding-left`,12+e.depth*16,`px`),k(),j(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),k(),X(` `,e.node.key||`(form)`,` `),k(2),Y(e.node.type),k(2),N(e.node.type===`control`?7:-1),k(2),N(e.node.materialized===!1?9:10),k(3),N(e.node.touched?12:-1),k(),N(e.node.dirty?13:-1),k(),N(e.node.skipped?14:-1),k(),N(e.node.stale?.length?15:-1),k(),N(e.node.dom?.drift===void 0?-1:16),k(),N(e.node.redacted?17:-1),k(),N(e.node.required?18:-1),k(),N(e.node.readonly?19:-1),k(),N(e.node.hidden?20:-1),k(),N(e.node.updateOn?21:-1),k(),N(e.node.debouncing?22:-1),k(),N(e.node.validators?.sync?23:-1),k(),N(e.node.validators?.async?24:-1),k(),F(n.constraintList(e.node)),k(2),N(e.node.accessor?27:-1),k(),N(e.node.name?28:-1),k(),F(e.node.metadata??mv(28,eq)),k(2),F(e.node.disabledReasons??mv(29,eq)),k(3),F(e.node.errors),k(2),N(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),k(),N(e.node.truncated?37:-1)}}function Xq(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function Zq(e,t){e&1&&J(0,` No field matches the selected filters. `)}function Qq(e,t){if(e&1){let e=H();L(0,`button`,8),U(`click`,function(){T(e),G(2);let t=d_(2);return E(G(3).clearFilters(t))}),J(1,` Clear filters `),R()}}function $q(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,Xq,1,1)(4,Zq,1,0),R(),M(5,Qq,2,0,`button`,71),R()()),e&2){let e=G(4);k(3),N(e.filter()?3:4),k(2),N(e.filtering()?5:-1)}}function eJ(e,t){if(e&1){let e=H();L(0,`app-forms-field-detail`,72),U(`closed`,function(){return T(e),E(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 tJ(e,t){if(e&1){let e=H();L(0,`div`,50)(1,`input`,51,0),U(`input`,function(t){return T(e),E(G(3).onFilter(t))})(`keydown.escape`,function(){return T(e),E(G(3).filter.set(``))}),R(),L(3,`fieldset`,52)(4,`legend`,22),J(5,`Show only fields that are`),R(),P(6,bq,3,2,`label`,null,tq),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,Yq,38,30,null,null,nq,!1,$q,6,2,`tr`),R()()(),M(28,eJ,1,4,`app-forms-field-detail`,57)}if(e&2){let e,t=G(3);k(),I(`value`,t.filter()),k(5),F(t.chips),k(3),Y(t.filterStatus()),k(16),F(t.rows()),k(3),N((e=t.selectedNode())?28:-1,e)}}function nJ(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 T(e),E(G(3).setRecording(t))}),R()}if(e&2){let e=G(3);I(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),k(),I(`events`,e.selectedEvents())(`recording`,e.recording())}}function rJ(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 iJ(e,t){if(e&1){let e=H();L(0,`app-forms-lint`,75),U(`showField`,function(t){return T(e),E(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 aJ(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,pq,2,1,`span`),M(16,mq,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,gq,6,1,`details`,31),z(25,`app-forms-webmcp`,32),L(26,`div`,33)(27,`div`,34)(28,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`touch-all`))}),J(29,` Touch all `),R(),L(30,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`revalidate`))}),J(31,` Revalidate `),R(),L(32,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`focus-first-invalid`))}),J(33,` Focus first invalid `),R(),L(34,`button`,8),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),J(35),R(),z(36,`span`,36),L(37,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`snapshot`))}),J(38,`Snapshot`),R(),M(39,_q,2,6,`button`,37),z(40,`span`,38),L(41,`button`,39),U(`click`,function(){return T(e),E(G(2).confirmAct(`reset`))}),J(42),R(),L(43,`button`,40),U(`click`,function(){return T(e),E(G(2).confirmAct(`submit`))}),J(44),R()(),M(45,vq,2,1,`p`,41),L(46,`p`,42),J(47),R()(),L(48,`div`,43),U(`keydown`,function(t){return T(e),E(G(2).onKey(t))}),P(49,yq,2,5,`button`,44,tq),R(),L(51,`div`,45),M(52,tJ,29,4)(53,nJ,2,4)(54,rJ,1,3,`app-forms-submit`,46)(55,iJ,1,3,`app-forms-lint`,46),R()()}if(e&2){let e,n=t,r=G(2);k(3),Y(n.label),k(2),X(` `,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),j(`data-status`,n.root.status),k(),Y(n.root.status),k(2),Y(n.root.dirty?`dirty`:`pristine`),k(2),Y(n.root.touched?`touched`:`untouched`),k(),N(n.submitted===void 0?-1:15),k(),N(n.root.submitting?16:-1),k(3),Y(r.counts().get(n.id)?.fields),k(2),q(`has-errors`,r.counts().get(n.id)?.errors),k(),Y(r.counts().get(n.id)?.errors),k(2),N(n.errorSummary?.length?24:-1),k(),I(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),k(3),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(2),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(4),q(`on`,r.picking()),j(`aria-pressed`,!!r.picking()),k(),X(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),k(4),N(r.snapshot()?39:-1),k(2),q(`armed`,r.armed()===`reset`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),k(),q(`armed`,r.armed()===`submit`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),k(),N(r.canWrite()?-1:45),k(2),Y(r.message()),k(2),F(r.tabs),k(2),I(`id`,`forms-panel-`+r.tab_()),j(`aria-labelledby`,`forms-tab-`+r.tab_()),k(),N((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function oJ(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,cq,3,1,`label`,12),L(7,`ul`,13),P(8,uq,12,10,`li`,null,tq),R()(),M(10,dq,7,2,`section`,14)(11,fq,7,1,`section`,14)(12,aJ,56,41,`section`,15),R()),e&2){let e,t=G();k(5),Y(t.visible().length),k(),N(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),k(2),F(t.visible()),k(2),N((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}var sJ=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],cJ=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function lJ(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 uJ(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+uJ(t),0)}function dJ(e){return e.children?e.children.reduce((e,t)=>e+dJ(t),0):+(e.type===`control`&&e.materialized!==!1)}var fJ=class e{rpc=$(null);focus=$(null);canWrite=Q(()=>rD(this.rpc(),`forms`));redactLabel=XE;writesOff=bE(`forms`);focusHandled=Rv();forms=O([]);webMcp=O([]);events=O([]);loading=O(!0);failed=O(!1);selectedId=O(null);selectedLabel=O(null);hostPageId=LE();allPages=O(!1);visible=Q(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>GE(e.id)===t):e});otherPages=Q(()=>this.forms().some(e=>GE(e.id)!==this.hostPageId));instrumented=O([]);recording=Q(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=O(``);tabs=sJ;chips=cJ;tab_=O(`fields`);active=O(new Set);filtering=Q(()=>!!this.filter()||this.active().size>0);filterStatus=O(``);version=O(0);message=O(``);webMcpPage(e){let t=GE(e);return this.webMcp().find(e=>e.pageId===t)}picking=O(null);pickSeq=0;unsubscribe=null;destroyRef=C(Ds);host=C(Il);injector=C(Ts);counts=Q(()=>new Map(this.visible().map(e=>[e.id,{fields:dJ(e.root),errors:uJ(e.root)}])));chosen=Q(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=GE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&GE(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=>lJ(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=O({});droppedEvents=Q(()=>{let e=this.selected()?.id;return e?this.dropped()[GE(e)]??0:0});maxEvents=Q(()=>nD(this.rpc()).limits.formTimeline);selectedEvents=Q(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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 QE(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($E(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&&QE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await QE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set($E(n))}selectForm(e){this.hostPageId&&GE(e)&&GE(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),Hd(()=>{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 QE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set($E(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=qE[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 KE[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=A({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,rq,4,0,`div`,1)(1,iq,7,0,`div`,2)(2,aq,4,0,`div`,1)(3,oq,5,0,`div`,3)(4,sq,7,2,`div`,3)(5,oJ,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:[tK,jK,uK,dK,$K,rk,gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},iq=()=>[],aq=(e,t)=>t.id,oq=(e,t)=>t.node.path;function sq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function cq(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function lq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function uq(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 dq(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 T(e),E(G().allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}if(e&2){let e=G();k(4),Z(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function fq(e,t){if(e&1){let e=H();L(0,`label`,12)(1,`input`,16),U(`change`,function(t){return T(e),E(G(2).allPages.set(t.target.checked))}),R(),J(2,` All pages `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.allPages())}}function pq(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(k(),Y(t))}function mq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,17),U(`click`,function(){let t=T(e).$implicit;return E(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,pq,4,1,`span`,23),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`active`,n.id===r.selected()?.id),j(`aria-current`,n.id===r.selected()?.id?`true`:null),k(),j(`data-status`,n.root.status),k(),j(`title`,n.label),k(),Y(n.label),k(2),X(``,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),X(`, `,n.root.status),k(),N((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function hq(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(){T(e);let t=G(2);return E(t.selectForm(t.visible()[0].id))}),J(6),R()()}if(e&2){let e=G(2);k(2),Y(t),k(4),X(` Show `,e.visible()[0].label,` `)}}function gq(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 T(e),E(G(2).allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}e&2&&(k(2),Y(t))}function _q(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();k(),Y(e.submitted?`submitted`:`not submitted`)}}function vq(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function yq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,47),U(`click`,function(){let t=T(e).$implicit;return E(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;k(5),Y(e.path||`(form)`),k(3),X(` `,e.message,` `),k(2),Y(e.kind)}}function bq(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,yq,11,3,`li`,null,kg),R()()),e&2){let e=G();k(2),X(`Error summary (`,e.errorSummary.length,`)`),k(2),F(e.errorSummary)}}function xq(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return T(e),E(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()),k(),X(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function Sq(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);k(),Y(e.writesOff)}}function Cq(e,t){if(e&1){let e=H();L(0,`button`,49),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `)}}function wq(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,16),U(`change`,function(){let t=T(e).$implicit;return E(G(4).toggleChip(t.id))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G(4);k(),I(`checked`,n.active().has(e.id)),k(),X(` `,e.label,` `)}}function Tq(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;k(3),Y(Cv(4,1,e.node.uncommitted))}}function Eq(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;k(3),Y(Cv(4,1,e.node.defaultValue))}}function Dq(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,Tq,6,3,`div`,7),M(4,Eq,5,3,`div`,7)),e&2){let e=G().$implicit;k(),Y(Cv(2,3,e.node.value)),k(2),N(e.node.uncommitted===void 0?-1:3),k(),N(e.node.defaultValue===void 0?-1:4)}}function Oq(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function kq(e,t){if(e&1&&(L(0,`span`,29),J(1),R()),e&2){let e=G().$implicit;j(`data-status`,e.node.status),k(),Y(e.node.status)}}function Aq(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function jq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function Mq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`not validated (`,e.node.skipped,`)`)}}function Nq(e,t){if(e&1&&(L(0,`span`,65),J(1),R()),e&2){let e=G().$implicit;k(),X(`stale: `,e.node.stale.join(`, `))}}function Pq(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function Fq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),X(`redacted: `,t.redactLabel(e.node.redacted))}}function Iq(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function Lq(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function Rq(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function zq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`updates on `,e.node.updateOn)}}function Bq(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function Vq(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function Hq(e,t){e&1&&(L(0,`span`),J(1,`async validator`),R())}function Uq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Wq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.accessor)}}function Gq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`name `,e.node.name)}}function Kq(e,t){if(e&1&&(L(0,`span`),J(1),xv(2,`json`),R()),e&2){let e=t.$implicit;k(),X(`metadata `,Cv(2,1,e))}}function qq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),X(`disabled: `,e)}}function Jq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit;k(),X(`at `,e.params.path)}}function Yq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(5);k(),Y(t.sourceText(e))}}function Xq(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,Jq,2,1,`span`,68),M(5,Yq,2,1,`span`,68),R()),e&2){let e=t.$implicit,n=G().$implicit,r=G(4);k(),X(` `,r.errorText(n.node,e),` `),k(2),Y(e.kind),k(),N(e.kind===`standardSchema`&&e.params?.path?4:-1),k(),N(e.source?5:-1)}}function Zq(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function Qq(e,t){if(e&1&&(L(0,`tr`)(1,`td`,69),J(2),R()()),e&2){let e=G().$implicit;k(),K(`padding-left`,28+e.depth*16,`px`),k(),Z(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function $q(e,t){if(e&1){let e=H();L(0,`tr`,58),U(`mouseenter`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return T(e),E(G(4).highlight(null,``))}),L(1,`th`,59)(2,`button`,60),U(`focus`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`blur`,function(){return T(e),E(G(4).highlight(null,``))})(`click`,function(){let t=T(e).$implicit;return E(G(4).toggleField(t.node.path))}),J(3),R(),L(4,`span`,61),J(5),R()(),L(6,`td`,62),M(7,Dq,5,5),R(),L(8,`td`,63),M(9,Oq,2,0,`span`,7)(10,kq,2,2,`span`,29),R(),L(11,`td`,64),M(12,Aq,2,0,`span`),M(13,jq,2,1,`span`),M(14,Mq,2,1,`span`),M(15,Nq,2,1,`span`,65),M(16,Pq,2,0,`span`,65),M(17,Fq,2,1,`span`),M(18,Iq,2,0,`span`),M(19,Lq,2,0,`span`),M(20,Rq,2,0,`span`),M(21,zq,2,1,`span`),M(22,Bq,2,0,`span`),M(23,Vq,2,0,`span`),M(24,Hq,2,0,`span`),P(25,Uq,2,1,`span`,null,Ag),M(27,Wq,2,1,`span`),M(28,Gq,2,1,`span`),P(29,Kq,3,3,`span`,null,kg),P(31,qq,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,Xq,6,4,`div`,null,kg),M(36,Zq,2,0,`div`,67),R()(),M(37,Qq,3,4,`tr`)}if(e&2){let e=t.$implicit,n=G(4);q(`invalid`,e.node.errors.length),k(),K(`padding-left`,12+e.depth*16,`px`),k(),j(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),k(),X(` `,e.node.key||`(form)`,` `),k(2),Y(e.node.type),k(2),N(e.node.type===`control`?7:-1),k(2),N(e.node.materialized===!1?9:10),k(3),N(e.node.touched?12:-1),k(),N(e.node.dirty?13:-1),k(),N(e.node.skipped?14:-1),k(),N(e.node.stale?.length?15:-1),k(),N(e.node.dom?.drift===void 0?-1:16),k(),N(e.node.redacted?17:-1),k(),N(e.node.required?18:-1),k(),N(e.node.readonly?19:-1),k(),N(e.node.hidden?20:-1),k(),N(e.node.updateOn?21:-1),k(),N(e.node.debouncing?22:-1),k(),N(e.node.validators?.sync?23:-1),k(),N(e.node.validators?.async?24:-1),k(),F(n.constraintList(e.node)),k(2),N(e.node.accessor?27:-1),k(),N(e.node.name?28:-1),k(),F(e.node.metadata??mv(28,iq)),k(2),F(e.node.disabledReasons??mv(29,iq)),k(3),F(e.node.errors),k(2),N(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),k(),N(e.node.truncated?37:-1)}}function eJ(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function tJ(e,t){e&1&&J(0,` No field matches the selected filters. `)}function nJ(e,t){if(e&1){let e=H();L(0,`button`,8),U(`click`,function(){T(e),G(2);let t=d_(2);return E(G(3).clearFilters(t))}),J(1,` Clear filters `),R()}}function rJ(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,eJ,1,1)(4,tJ,1,0),R(),M(5,nJ,2,0,`button`,71),R()()),e&2){let e=G(4);k(3),N(e.filter()?3:4),k(2),N(e.filtering()?5:-1)}}function iJ(e,t){if(e&1){let e=H();L(0,`app-forms-field-detail`,72),U(`closed`,function(){return T(e),E(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 aJ(e,t){if(e&1){let e=H();L(0,`div`,50)(1,`input`,51,0),U(`input`,function(t){return T(e),E(G(3).onFilter(t))})(`keydown.escape`,function(){return T(e),E(G(3).filter.set(``))}),R(),L(3,`fieldset`,52)(4,`legend`,22),J(5,`Show only fields that are`),R(),P(6,wq,3,2,`label`,null,aq),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,$q,38,30,null,null,oq,!1,rJ,6,2,`tr`),R()()(),M(28,iJ,1,4,`app-forms-field-detail`,57)}if(e&2){let e,t=G(3);k(),I(`value`,t.filter()),k(5),F(t.chips),k(3),Y(t.filterStatus()),k(16),F(t.rows()),k(3),N((e=t.selectedNode())?28:-1,e)}}function oJ(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 T(e),E(G(3).setRecording(t))}),R()}if(e&2){let e=G(3);I(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),k(),I(`events`,e.selectedEvents())(`recording`,e.recording())}}function sJ(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 cJ(e,t){if(e&1){let e=H();L(0,`app-forms-lint`,75),U(`showField`,function(t){return T(e),E(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 lJ(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,_q,2,1,`span`),M(16,vq,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,bq,6,1,`details`,31),z(25,`app-forms-webmcp`,32),L(26,`div`,33)(27,`div`,34)(28,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`touch-all`))}),J(29,` Touch all `),R(),L(30,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`revalidate`))}),J(31,` Revalidate `),R(),L(32,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`focus-first-invalid`))}),J(33,` Focus first invalid `),R(),L(34,`button`,8),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),J(35),R(),z(36,`span`,36),L(37,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`snapshot`))}),J(38,`Snapshot`),R(),M(39,xq,2,6,`button`,37),z(40,`span`,38),L(41,`button`,39),U(`click`,function(){return T(e),E(G(2).confirmAct(`reset`))}),J(42),R(),L(43,`button`,40),U(`click`,function(){return T(e),E(G(2).confirmAct(`submit`))}),J(44),R()(),M(45,Sq,2,1,`p`,41),L(46,`p`,42),J(47),R()(),L(48,`div`,43),U(`keydown`,function(t){return T(e),E(G(2).onKey(t))}),P(49,Cq,2,5,`button`,44,aq),R(),L(51,`div`,45),M(52,aJ,29,4)(53,oJ,2,4)(54,sJ,1,3,`app-forms-submit`,46)(55,cJ,1,3,`app-forms-lint`,46),R()()}if(e&2){let e,n=t,r=G(2);k(3),Y(n.label),k(2),X(` `,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),j(`data-status`,n.root.status),k(),Y(n.root.status),k(2),Y(n.root.dirty?`dirty`:`pristine`),k(2),Y(n.root.touched?`touched`:`untouched`),k(),N(n.submitted===void 0?-1:15),k(),N(n.root.submitting?16:-1),k(3),Y(r.counts().get(n.id)?.fields),k(2),q(`has-errors`,r.counts().get(n.id)?.errors),k(),Y(r.counts().get(n.id)?.errors),k(2),N(n.errorSummary?.length?24:-1),k(),I(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),k(3),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(2),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(4),q(`on`,r.picking()),j(`aria-pressed`,!!r.picking()),k(),X(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),k(4),N(r.snapshot()?39:-1),k(2),q(`armed`,r.armed()===`reset`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),k(),q(`armed`,r.armed()===`submit`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),k(),N(r.canWrite()?-1:45),k(2),Y(r.message()),k(2),F(r.tabs),k(2),I(`id`,`forms-panel-`+r.tab_()),j(`aria-labelledby`,`forms-tab-`+r.tab_()),k(),N((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function uJ(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,fq,3,1,`label`,12),L(7,`ul`,13),P(8,mq,12,10,`li`,null,aq),R()(),M(10,hq,7,2,`section`,14)(11,gq,7,1,`section`,14)(12,lJ,56,41,`section`,15),R()),e&2){let e,t=G();k(5),Y(t.visible().length),k(),N(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),k(2),F(t.visible()),k(2),N((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}var dJ=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],fJ=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function pJ(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 mJ(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+mJ(t),0)}function hJ(e){return e.children?e.children.reduce((e,t)=>e+hJ(t),0):+(e.type===`control`&&e.materialized!==!1)}var gJ=class e{rpc=$(null);focus=$(null);canWrite=Q(()=>rD(this.rpc(),`forms`));redactLabel=XE;writesOff=bE(`forms`);focusHandled=Rv();forms=O([]);webMcp=O([]);events=O([]);loading=O(!0);failed=O(!1);selectedId=O(null);selectedLabel=O(null);hostPageId=LE();allPages=O(!1);visible=Q(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>GE(e.id)===t):e});otherPages=Q(()=>this.forms().some(e=>GE(e.id)!==this.hostPageId));instrumented=O([]);recording=Q(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=O(``);tabs=dJ;chips=fJ;tab_=O(`fields`);active=O(new Set);filtering=Q(()=>!!this.filter()||this.active().size>0);filterStatus=O(``);version=O(0);message=O(``);webMcpPage(e){let t=GE(e);return this.webMcp().find(e=>e.pageId===t)}picking=O(null);pickSeq=0;unsubscribe=null;destroyRef=C(Ds);host=C(Il);injector=C(Ts);counts=Q(()=>new Map(this.visible().map(e=>[e.id,{fields:hJ(e.root),errors:mJ(e.root)}])));chosen=Q(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=GE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&GE(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=>pJ(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=O({});droppedEvents=Q(()=>{let e=this.selected()?.id;return e?this.dropped()[GE(e)]??0:0});maxEvents=Q(()=>nD(this.rpc()).limits.formTimeline);selectedEvents=Q(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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 QE(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($E(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&&QE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await QE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set($E(n))}selectForm(e){this.hostPageId&&GE(e)&&GE(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),Hd(()=>{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 QE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set($E(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=qE[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 KE[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=A({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,sq,4,0,`div`,1)(1,cq,7,0,`div`,2)(2,lq,4,0,`div`,1)(3,uq,5,0,`div`,3)(4,dq,7,2,`div`,3)(5,uJ,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:[aK,FK,mK,hK,rq,rk,gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -11919,7 +11919,7 @@ code[_ngcontent-%COMP%] {
    .divider[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},pJ=[`filterInput`],mJ=(e,t)=>t.file+t.name,hJ=(e,t)=>t.file+`:`+t.line,gJ=(e,t)=>t.name;function _J(e,t){e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),L(4,`span`),J(5),R()()),e&2&&(k(5),Y(t))}function vJ(e,t){if(e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),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();k(6),X(`Recording on `,e.instrumentedPages().length,` page(s).`)}}function yJ(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function bJ(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 T(e),E(G().refresh())}),J(6,`Try again`),R()()}}function xJ(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 SJ(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function CJ(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function wJ(e,t){if(e&1){let e=H();L(0,`div`,33),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,39),R(),_s(),L(4,`span`),M(5,SJ,1,0)(6,CJ,1,0),R(),L(7,`button`,11),U(`click`,function(){return T(e),E(G(2).refresh())}),J(8,`Try again`),R()()}if(e&2){let e=G(2);k(5),N(e.pipes().length?5:6),k(2),I(`disabled`,e.loading())}}function TJ(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function EJ(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){G();let e=fv(0);k(),X(``,e.instanceCount,` live`)}}function DJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function OJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function kJ(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function AJ(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function jJ(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function MJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),X(`+`,(e.usageCount??1)-1,` more`)}}function NJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function PJ(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,41),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))})(`focus`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`blur`,function(){return T(e),E(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,TJ,2,0,`span`,46),M(10,EJ,2,1,`span`,47),M(11,DJ,2,0,`span`,48),M(12,OJ,2,0,`span`,48),M(13,kJ,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,AJ,2,0,`span`,50)(18,jJ,1,2),M(19,MJ,2,1,`span`,51)(20,NJ,2,2,`span`,51),R()()()}if(e&2){let e=t.$implicit,n=G(3),r=dv(n.liveFor(e.name));k(2),q(`selected`,n.isSelected(e)),j(`aria-current`,n.isSelected(e)||null),k(3),Y(e.name),k(2),Y(e.className),k(2),N(r?.stale?9:-1),k(),N(r?10:-1),k(),N(e.builtin?11:-1),k(),N(e.runtime?12:-1),k(),N(e.isStandalone?-1:13),k(),q(`impure`,!e.isPure),k(),Y(e.isPure?`pure`:`impure`),k(2),N(e.runtime?17:18),k(2),N(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function FJ(e,t){if(e&1){let e=H();L(0,`ul`,40),U(`keydown`,function(t){return T(e),E(G(2).onListKey(t))}),P(1,PJ,21,16,`li`,null,mJ),R()}if(e&2){let e=G(2);k(),F(e.filtered())}}function IJ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function LJ(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function RJ(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,IJ,1,1)(5,LJ,1,0),R(),L(6,`button`,32),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(7,`Clear filters`),R()()}if(e&2){let e=G(2);k(4),N(e.filter().trim()?4:5)}}function zJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function BJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function VJ(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();k(3),I(`file`,e.file)(`line`,e.line)}}function HJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Standalone`),R(),L(2,`dd`),J(3),R()),e&2){let e=G();k(3),Y(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function UJ(e,t){if(e&1&&(L(0,`li`,55),z(1,`app-source-link`,57),R()),e&2){let e=t.$implicit;k(),I(`file`,e.file)(`line`,e.line)}}function WJ(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,UJ,2,2,`li`,55,hJ),R()()),e&2){let e=G();k(4),Y(e.usageCount),k(2),F(e.usages)}}function GJ(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 KJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(5).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(5).highlight(t))})(`mouseleave`,function(){return T(e),E(G(5).highlight(null))})(`focus`,function(){let t=T(e);return E(G(5).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.name),k(2),Y(e.count)}}function qJ(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;k(2),Y(e.name),k(2),Y(e.count)}}function JJ(e,t){if(e&1&&(L(0,`li`),M(1,KJ,5,3,`button`,62)(2,qJ,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;k(),N((e=n.targets?.[0])?1:2,e)}}function YJ(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);k(3),rv(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function XJ(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);k(),Y(e.lastError)}}function ZJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,XJ,2,1,`span`,66),R()),e&2){let e=G();k(3),X(` `,e.errorCount,` `),k(),N(e.lastError?4:-1)}}function QJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(7).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(7).highlight(t))})(`mouseleave`,function(){return T(e),E(G(7).highlight(null))})(`focus`,function(){let t=T(e);return E(G(7).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.component)}}function $J(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.component)}}function eY(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(6);k(),Y(t.ms(e.totalMs))}}function tY(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.lastCaller)}}function nY(e,t){if(e&1&&(L(0,`li`,67),M(1,QJ,3,2,`button`,62)(2,$J,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,eY,2,1,`span`,68),R(),M(8,tY,2,1,`span`,69),R()),e&2){let e,n=t.$implicit,r=G(6);k(),N((e=n.target)?1:2,e),k(3),Z(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),k(2),X(``,n.callCount,`×`),k(),N(n.totalMs===void 0?-1:7),k(),N(n.lastCaller?8:-1)}}function rY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function iY(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,nY,9,6,`li`,67,kg),R(),M(6,rY,2,2,`p`,61),R()),e&2){let e=G();k(4),F(e.instances),k(2),N(e.instanceTotal?6:-1)}}function aY(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();k(3),Y(e.lastCaller)}}function oY(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,YJ,4,3),M(5,ZJ,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,iY,7,1),M(15,aY,4,1)),e&2){let e=t,n=G(4);k(3),Y(e.callCount),k(),N(e.totalMs===void 0?-1:4),k(),N(e.errorCount?5:-1),k(4),Y(n.describe(e.lastArgs)),k(4),Y(n.describe(e.lastResult)),k(),N(e.instances?.length?14:-1),k(),N(e.lastCaller?15:-1)}}function sY(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function cY(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 lY(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function uY(e,t){if(e&1&&(M(0,GJ,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,JJ,3,1,`li`,null,gJ),R()(),M(12,oY,16,7)(13,sY,4,0),R(),M(14,cY,2,0,`p`,61),M(15,lY,2,0,`p`,61)),e&2){let e,n=t,r=G(3);N(n.stale?0:-1),k(5),Y(n.instanceCount),k(5),F(n.components),k(2),N((e=n.call)?12:r.instrumenting()?13:-1,e),k(2),N(n.staleCheck===`unavailable`?14:-1),k(),N(!n.call&&!r.instrumenting()?15:-1)}}function dY(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 fY(e,t){if(e&1&&(L(0,`header`,52)(1,`h2`,53),J(2),R(),L(3,`span`,48),J(4),R(),M(5,zJ,2,0,`span`,48),M(6,BJ,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,VJ,4,2),M(20,HJ,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,WJ,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,uY,16,5)(30,dY,2,0,`p`,56),R()),e&2){let e,n=t,r=G(2);k(2),Y(n.name),k(),q(`impure`,!n.isPure),k(),Y(n.isPure?`pure`:`impure`),k(),N(n.builtin?5:-1),k(),N(n.runtime?6:-1),k(8),Y(n.className),k(4),Y(r.sourceLabel(n)),k(),N(!n.builtin&&!n.runtime?19:-1),k(),N(n.runtime?-1:20),k(4),X(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),k(),N(n.usages?.length?25:-1),k(4),N((e=r.liveFor(n.name))?29:30,e)}}function pY(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 mY(e,t){if(e&1&&(M(0,wJ,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,FJ,3,0,`ul`,36)(4,RJ,8,1,`div`,37),R(),L(5,`section`,38),M(6,fY,31,13)(7,pY,7,0),R()()),e&2){let e,t=G();N(t.loadFailed()?0:-1),k(3),N(t.filtered().length?3:4),k(3),N((e=t.selected())?6:7,e)}}function hY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function gY(e,t){if(e&1){let e=H();L(0,`button`,80),U(`click`,function(){let t=T(e);return E(G(3).highlight(t))})(`focus`,function(){let t=T(e);return E(G(3).highlight(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))}),J(1),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),k(),X(` `,e.component,` `)}}function _Y(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function vY(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function yY(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function bY(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function xY(e,t){if(e&1){let e=H();L(0,`li`,76),U(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.target))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,gY,2,2,`button`,77)(2,_Y,2,1,`span`,78),M(3,vY,2,0,`span`,48),M(4,yY,2,0,`span`,46),M(5,bY,2,0,`span`,46),L(6,`span`,79),J(7),R()()}if(e&2){let e,n=t.$implicit;k(),N((e=n.target)?1:2,e),k(2),N(n.hasSource?-1:3),k(),N(n.duplicate?4:-1),k(),N(n.resubscribing?5:-1),k(2),Y(n.latestValue??`no value yet`)}}function SY(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,hY,2,2,`p`,61),L(14,`ul`,74),P(15,xY,8,5,`li`,75,kg),R()()),e&2){let e,t=G();k(4),Y(t.async().length),k(9),N((e=t.asyncTotal())?13:-1,e),k(2),F(t.async())}}function CY(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(k(),Y(t.length))}function wY(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function TY(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function EY(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function DY(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e),G();let t=fv(6);return E(G(2).showPipe(t))}),L(1,`span`,91),J(2,`Show pipe `),R(),J(3),R()}if(e&2){let e=G().$implicit;k(3),X(``,e.pipe,` `)}}function OY(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function kY(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,DY,4,1,`button`,86)(9,OY,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;k(2),j(`data-tone`,e.severity),k(),Y(e.severity),k(2),Y(e.rule),k();let n=dv(G(2).pipeFor(e));k(2),N(n?8:9),k(3),I(`file`,e.file)(`line`,e.line),k(2),Y(e.message),k(4),X(` `,e.fix)}}function AY(e,t){if(e&1&&(L(0,`ul`,25),P(1,kY,18,9,`li`,81,kg),R()),e&2){let e=G();k(),F(e.lint())}}var jY=5e3,MY=[{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`}],NY=class e{destroyRef=C(Ds);host=C(Il);injector=C(Ts);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=MY;pipes=O([]);filter=O(``);kind=O(`all`);loading=O(!1);loadFailed=O(!1);selected=O(null);live=O([]);async=O([]);asyncTotal=O(void 0);lint=O(null);lintFailed=O(!1);instrumentedPages=O([]);instrumenting=Q(()=>this.instrumentedPages().length>0);pendingRecord=O(null);recordMessage=O(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(){mc(()=>{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=LE(),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:LE()??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.`)},jY)}}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),Hd(()=>{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=A({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,pJ,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),D(),L(4,`svg`,4),z(5,`circle`,5)(6,`path`,6),R(),_s(),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 T(e),sv(t.kind,n)||(t.kind=n),E(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,_J,6,1,`p`,14),M(19,vJ,8,1,`p`,14),M(20,yJ,4,0,`div`,15)(21,bJ,7,0,`div`,16)(22,xJ,5,0,`div`,17)(23,mY,8,3),M(24,SY,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,CY,2,1,`span`,21),R(),M(29,wY,2,0,`p`,22)(30,TY,2,0,`p`,23)(31,EY,2,0,`p`,24)(32,AY,3,0,`ul`,25),R()}if(e&2){let e,n;k(7),I(`value`,t.filter()),k(2),I(`options`,t.kindOptions),ov(`value`,t.kind),k(2),Z(``,t.filtered().length,` of `,t.allPipes().length),k(2),I(`disabled`,t.loading()),k(2),q(`on`,t.instrumenting()),j(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),k(2),X(` `,t.recordLabel(),` `),k(),N((e=t.recordMessage())?18:-1,e),k(),N(t.instrumenting()?19:-1),k(),N(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),k(4),N(t.async().length>0?24:-1),k(4),N((n=t.lint())?28:-1,n),k(),N(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[OO,uM],styles:[`[_nghost-%COMP%] {
+}`]})},_J=[`filterInput`],vJ=(e,t)=>t.file+t.name,yJ=(e,t)=>t.file+`:`+t.line,bJ=(e,t)=>t.name;function xJ(e,t){e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),L(4,`span`),J(5),R()()),e&2&&(k(5),Y(t))}function SJ(e,t){if(e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),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();k(6),X(`Recording on `,e.instrumentedPages().length,` page(s).`)}}function CJ(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function wJ(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 T(e),E(G().refresh())}),J(6,`Try again`),R()()}}function TJ(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 EJ(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function DJ(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function OJ(e,t){if(e&1){let e=H();L(0,`div`,33),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,39),R(),_s(),L(4,`span`),M(5,EJ,1,0)(6,DJ,1,0),R(),L(7,`button`,11),U(`click`,function(){return T(e),E(G(2).refresh())}),J(8,`Try again`),R()()}if(e&2){let e=G(2);k(5),N(e.pipes().length?5:6),k(2),I(`disabled`,e.loading())}}function kJ(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function AJ(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){G();let e=fv(0);k(),X(``,e.instanceCount,` live`)}}function jJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function MJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function NJ(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function PJ(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function FJ(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function IJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),X(`+`,(e.usageCount??1)-1,` more`)}}function LJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function RJ(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,41),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))})(`focus`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`blur`,function(){return T(e),E(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,kJ,2,0,`span`,46),M(10,AJ,2,1,`span`,47),M(11,jJ,2,0,`span`,48),M(12,MJ,2,0,`span`,48),M(13,NJ,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,PJ,2,0,`span`,50)(18,FJ,1,2),M(19,IJ,2,1,`span`,51)(20,LJ,2,2,`span`,51),R()()()}if(e&2){let e=t.$implicit,n=G(3),r=dv(n.liveFor(e.name));k(2),q(`selected`,n.isSelected(e)),j(`aria-current`,n.isSelected(e)||null),k(3),Y(e.name),k(2),Y(e.className),k(2),N(r?.stale?9:-1),k(),N(r?10:-1),k(),N(e.builtin?11:-1),k(),N(e.runtime?12:-1),k(),N(e.isStandalone?-1:13),k(),q(`impure`,!e.isPure),k(),Y(e.isPure?`pure`:`impure`),k(2),N(e.runtime?17:18),k(2),N(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function zJ(e,t){if(e&1){let e=H();L(0,`ul`,40),U(`keydown`,function(t){return T(e),E(G(2).onListKey(t))}),P(1,RJ,21,16,`li`,null,vJ),R()}if(e&2){let e=G(2);k(),F(e.filtered())}}function BJ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function VJ(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function HJ(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,BJ,1,1)(5,VJ,1,0),R(),L(6,`button`,32),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(7,`Clear filters`),R()()}if(e&2){let e=G(2);k(4),N(e.filter().trim()?4:5)}}function UJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function WJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function GJ(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();k(3),I(`file`,e.file)(`line`,e.line)}}function KJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Standalone`),R(),L(2,`dd`),J(3),R()),e&2){let e=G();k(3),Y(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function qJ(e,t){if(e&1&&(L(0,`li`,55),z(1,`app-source-link`,57),R()),e&2){let e=t.$implicit;k(),I(`file`,e.file)(`line`,e.line)}}function JJ(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,qJ,2,2,`li`,55,yJ),R()()),e&2){let e=G();k(4),Y(e.usageCount),k(2),F(e.usages)}}function YJ(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 XJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(5).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(5).highlight(t))})(`mouseleave`,function(){return T(e),E(G(5).highlight(null))})(`focus`,function(){let t=T(e);return E(G(5).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.name),k(2),Y(e.count)}}function ZJ(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;k(2),Y(e.name),k(2),Y(e.count)}}function QJ(e,t){if(e&1&&(L(0,`li`),M(1,XJ,5,3,`button`,62)(2,ZJ,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;k(),N((e=n.targets?.[0])?1:2,e)}}function $J(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);k(3),rv(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function eY(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);k(),Y(e.lastError)}}function tY(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,eY,2,1,`span`,66),R()),e&2){let e=G();k(3),X(` `,e.errorCount,` `),k(),N(e.lastError?4:-1)}}function nY(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(7).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(7).highlight(t))})(`mouseleave`,function(){return T(e),E(G(7).highlight(null))})(`focus`,function(){let t=T(e);return E(G(7).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.component)}}function rY(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.component)}}function iY(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(6);k(),Y(t.ms(e.totalMs))}}function aY(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.lastCaller)}}function oY(e,t){if(e&1&&(L(0,`li`,67),M(1,nY,3,2,`button`,62)(2,rY,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,iY,2,1,`span`,68),R(),M(8,aY,2,1,`span`,69),R()),e&2){let e,n=t.$implicit,r=G(6);k(),N((e=n.target)?1:2,e),k(3),Z(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),k(2),X(``,n.callCount,`×`),k(),N(n.totalMs===void 0?-1:7),k(),N(n.lastCaller?8:-1)}}function sY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function cY(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,oY,9,6,`li`,67,kg),R(),M(6,sY,2,2,`p`,61),R()),e&2){let e=G();k(4),F(e.instances),k(2),N(e.instanceTotal?6:-1)}}function lY(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();k(3),Y(e.lastCaller)}}function uY(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,$J,4,3),M(5,tY,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,cY,7,1),M(15,lY,4,1)),e&2){let e=t,n=G(4);k(3),Y(e.callCount),k(),N(e.totalMs===void 0?-1:4),k(),N(e.errorCount?5:-1),k(4),Y(n.describe(e.lastArgs)),k(4),Y(n.describe(e.lastResult)),k(),N(e.instances?.length?14:-1),k(),N(e.lastCaller?15:-1)}}function dY(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function fY(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 pY(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function mY(e,t){if(e&1&&(M(0,YJ,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,QJ,3,1,`li`,null,bJ),R()(),M(12,uY,16,7)(13,dY,4,0),R(),M(14,fY,2,0,`p`,61),M(15,pY,2,0,`p`,61)),e&2){let e,n=t,r=G(3);N(n.stale?0:-1),k(5),Y(n.instanceCount),k(5),F(n.components),k(2),N((e=n.call)?12:r.instrumenting()?13:-1,e),k(2),N(n.staleCheck===`unavailable`?14:-1),k(),N(!n.call&&!r.instrumenting()?15:-1)}}function hY(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 gY(e,t){if(e&1&&(L(0,`header`,52)(1,`h2`,53),J(2),R(),L(3,`span`,48),J(4),R(),M(5,UJ,2,0,`span`,48),M(6,WJ,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,GJ,4,2),M(20,KJ,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,JJ,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,mY,16,5)(30,hY,2,0,`p`,56),R()),e&2){let e,n=t,r=G(2);k(2),Y(n.name),k(),q(`impure`,!n.isPure),k(),Y(n.isPure?`pure`:`impure`),k(),N(n.builtin?5:-1),k(),N(n.runtime?6:-1),k(8),Y(n.className),k(4),Y(r.sourceLabel(n)),k(),N(!n.builtin&&!n.runtime?19:-1),k(),N(n.runtime?-1:20),k(4),X(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),k(),N(n.usages?.length?25:-1),k(4),N((e=r.liveFor(n.name))?29:30,e)}}function _Y(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 vY(e,t){if(e&1&&(M(0,OJ,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,zJ,3,0,`ul`,36)(4,HJ,8,1,`div`,37),R(),L(5,`section`,38),M(6,gY,31,13)(7,_Y,7,0),R()()),e&2){let e,t=G();N(t.loadFailed()?0:-1),k(3),N(t.filtered().length?3:4),k(3),N((e=t.selected())?6:7,e)}}function yY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function bY(e,t){if(e&1){let e=H();L(0,`button`,80),U(`click`,function(){let t=T(e);return E(G(3).highlight(t))})(`focus`,function(){let t=T(e);return E(G(3).highlight(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))}),J(1),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),k(),X(` `,e.component,` `)}}function xY(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function SY(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function CY(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function wY(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function TY(e,t){if(e&1){let e=H();L(0,`li`,76),U(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.target))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,bY,2,2,`button`,77)(2,xY,2,1,`span`,78),M(3,SY,2,0,`span`,48),M(4,CY,2,0,`span`,46),M(5,wY,2,0,`span`,46),L(6,`span`,79),J(7),R()()}if(e&2){let e,n=t.$implicit;k(),N((e=n.target)?1:2,e),k(2),N(n.hasSource?-1:3),k(),N(n.duplicate?4:-1),k(),N(n.resubscribing?5:-1),k(2),Y(n.latestValue??`no value yet`)}}function EY(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,yY,2,2,`p`,61),L(14,`ul`,74),P(15,TY,8,5,`li`,75,kg),R()()),e&2){let e,t=G();k(4),Y(t.async().length),k(9),N((e=t.asyncTotal())?13:-1,e),k(2),F(t.async())}}function DY(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(k(),Y(t.length))}function OY(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function kY(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function AY(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function jY(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e),G();let t=fv(6);return E(G(2).showPipe(t))}),L(1,`span`,91),J(2,`Show pipe `),R(),J(3),R()}if(e&2){let e=G().$implicit;k(3),X(``,e.pipe,` `)}}function MY(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function NY(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,jY,4,1,`button`,86)(9,MY,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;k(2),j(`data-tone`,e.severity),k(),Y(e.severity),k(2),Y(e.rule),k();let n=dv(G(2).pipeFor(e));k(2),N(n?8:9),k(3),I(`file`,e.file)(`line`,e.line),k(2),Y(e.message),k(4),X(` `,e.fix)}}function PY(e,t){if(e&1&&(L(0,`ul`,25),P(1,NY,18,9,`li`,81,kg),R()),e&2){let e=G();k(),F(e.lint())}}var FY=5e3,IY=[{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`}],LY=class e{destroyRef=C(Ds);host=C(Il);injector=C(Ts);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=IY;pipes=O([]);filter=O(``);kind=O(`all`);loading=O(!1);loadFailed=O(!1);selected=O(null);live=O([]);async=O([]);asyncTotal=O(void 0);lint=O(null);lintFailed=O(!1);instrumentedPages=O([]);instrumenting=Q(()=>this.instrumentedPages().length>0);pendingRecord=O(null);recordMessage=O(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(){mc(()=>{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=LE(),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:LE()??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.`)},FY)}}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),Hd(()=>{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=A({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,_J,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),D(),L(4,`svg`,4),z(5,`circle`,5)(6,`path`,6),R(),_s(),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 T(e),sv(t.kind,n)||(t.kind=n),E(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,xJ,6,1,`p`,14),M(19,SJ,8,1,`p`,14),M(20,CJ,4,0,`div`,15)(21,wJ,7,0,`div`,16)(22,TJ,5,0,`div`,17)(23,vY,8,3),M(24,EY,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,DY,2,1,`span`,21),R(),M(29,OY,2,0,`p`,22)(30,kY,2,0,`p`,23)(31,AY,2,0,`p`,24)(32,PY,3,0,`ul`,25),R()}if(e&2){let e,n;k(7),I(`value`,t.filter()),k(2),I(`options`,t.kindOptions),ov(`value`,t.kind),k(2),Z(``,t.filtered().length,` of `,t.allPipes().length),k(2),I(`disabled`,t.loading()),k(2),q(`on`,t.instrumenting()),j(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),k(2),X(` `,t.recordLabel(),` `),k(),N((e=t.recordMessage())?18:-1,e),k(),N(t.instrumenting()?19:-1),k(),N(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),k(4),N(t.async().length>0?24:-1),k(4),N((n=t.lint())?28:-1,n),k(),N(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[OO,uM],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -12680,7 +12680,7 @@ button.pipe-link[_ngcontent-%COMP%]:focus-visible {
   .spinner[_ngcontent-%COMP%] {
     animation: none;
   }
-}`]})},PY=()=>[],FY=()=>[`/`],IY=(e,t)=>t.id,LY=(e,t)=>t.route.id,RY=(e,t)=>t[0],zY=(e,t)=>t.file+t.method,BY=(e,t)=>t.path,VY=(e,t)=>t.mode,HY=(e,t)=>t.file,UY=(e,t)=>t.rule;function WY(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function GY(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function KY(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 qY(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;k(3),I(`title`,e.url),k(),Y(e.url)}}function JY(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `),k(),j(`data-tone`,e.tone),k(),Y(e.count)}}function YY(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(k(),Y(t))}function XY(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),k(),Y(t.short(e.file))}}function ZY(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.fullPath)}}function QY(e,t){if(e&1&&(L(0,`li`),M(1,XY,2,2,`app-source-link`,34)(2,ZY,2,1,`span`,31),L(3,`span`,35),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(2),j(`data-kind`,e.kind),k(),Y(e.kind)}}function $Y(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Z(``,e[0],` = `,e[1])}}function eX(e,t){if(e&1&&(L(0,`div`,33),P(1,$Y,2,2,`span`,36,RY),R()),e&2){let e=G(2),t=G(3);k(),F(t.paramList(e.match.params))}}function tX(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,QY,5,3,`li`,null,IY),R(),M(6,eX,3,0,`div`,33)),e&2){let e=G(),t=G(3);k(),Y(e.url),k(3),F(e.match.chain),k(2),N(t.paramList(e.match.params).length?6:-1)}}function nX(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),k(),Y(t.short(e.file))}}function rX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function iX(e,t){if(e&1&&(L(0,`li`),M(1,nX,2,2,`app-source-link`,34)(2,rX,2,1,`span`,31),L(3,`span`,4),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(3),Y(e.reason)}}function aX(e,t){if(e&1&&(L(0,`ul`,37),P(1,iX,5,2,`li`,null,kg),R()),e&2){let e=G(2);k(),F(e.match.rejected.slice(0,5))}}function oX(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,aX,3,0,`ul`,37)),e&2){let e=G();k(),Y(e.url),k(2),N(e.match.rejected.length?3:-1)}}function sX(e,t){if(e&1&&(L(0,`div`,27),M(1,tX,7,2)(2,oX,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),k(),N(e.match.matched?1:2)}}function cX(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function lX(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function uX(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),k(2),Y(t.dir(e.route.file)),k(),Y(t.base(e.route.file))}}function dX(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function fX(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;k(),X(``,e,`()`)}}function pX(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;k(),X(`"`,e.route.title,`"`)}}function mX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;k(),Y(e)}}function hX(e,t){if(e&1&&M(0,mX,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function gX(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,cX,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,lX,2,0,`span`,41),R()(),L(9,`td`),M(10,uX,4,3,`app-source-link`,42)(11,dX,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,fX,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,pX,2,1,`span`,45),P(18,hX,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`),k(2),K(`padding-left`,e.depth*16,`px`),k(),N(e.depth?3:-1),k(2),Y(e.route.fullPath),k(),j(`data-kind`,e.route.kind),k(),Y(n.kindText(e.route)),k(),N(n.isOpen(e.route)?8:-1),k(2),N(e.route.file?10:11),k(4),F(n.serverExports(e.route)),k(3),N(e.route.title?17:-1),k(),F(e.route.routeMeta??mv(13,PY))}}function _X(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function vX(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function yX(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,_X,1,0)(3,vX,1,0),R()()),e&2){let e=G(3);k(2),N(e.filter().trim()?2:3)}}function bX(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`form`,19),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.explain())}),L(2,`label`,20),J(3,`Test a URL`),R(),L(4,`input`,21),U(`input`,function(t){return T(e),E(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 T(e),E(G(2).filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).filter.set(``))}),R()(),L(10,`div`,25),M(11,YY,2,1,`div`,26)(12,sX,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,gX,20,14,`tr`,30,LY,!1,yX,4,1,`tr`),R()()()}if(e&2){let e,t=G(2);k(4),I(`value`,t.testUrl()),k(),I(`disabled`,t.explaining()),k(),X(` `,t.explaining()?`Explaining…`:`Explain`,` `),k(3),I(`value`,t.filter()),k(2),N((e=t.explainError())?11:(e=t.explained())?12:-1,e),k(15),F(t.routeRows())}}function xX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function SX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`load() ran twice`),R(),J(3,` for `),P(4,xX,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);k(4),F(e.duplicates())}}function CX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function wX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,CX,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);k(4),F(e.refetchedFns())}}function TX(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,80),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`checked`,n.kind()===e),j(`data-kind`,e),k(),X(` `,n.kindLabel(e),` `),k(2),Y(n.kindCount(e))}}function EX(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function DX(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 OX(e,t){if(e&1&&(L(0,`p`,66),M(1,EX,1,2),M(2,DX,1,1),R()),e&2){let e=G(3);k(),N(e.shownCount()<e.matchingCalls().length?1:-1),k(),N(e.serverFull()?2:-1)}}function kX(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),k(),Y(t.short(e.file))}}function AX(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,kX,2,2,`app-source-link`,88)),e&2){let e=t;k(),Y(e.name),k(),N(e.file?2:-1)}}function jX(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.url)}}function MX(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function NX(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function PX(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,NX,1,1),R()),e&2){let e=G().$implicit,t=G(4);j(`data-tone`,t.outcomeTone(e.outcome)),k(),X(``,t.outcomeLabel(e.outcome),` `),k(),N(e.location?2:-1)}}function FX(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`),k(),Y(e.render===`ssr`?`server rendered`:`client only`)}}function IX(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);k(4),Y(t.pretty(e.preview))}}function LX(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function RX(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.ms,` ms `)}}function zX(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,AX,3,2)(11,jX,2,1,`span`,85),M(12,MX,2,0,`span`,35),M(13,PX,3,3,`span`,35),M(14,FX,2,2,`span`,35),R(),M(15,IX,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,LX,2,0,`span`,4)(21,RX,1,1),R(),L(22,`td`,4),J(23),R()()),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(r.time(n.at)),k(2),j(`data-call`,n.kind),k(),Y(r.kindLabel(n.kind)),k(3),j(`data-method`,n.method),k(),Y(n.method),k(),N((e=r.fnOf(n))?10:11,e),k(2),N(n.seeded?12:-1),k(),N(n.outcome?13:-1),k(),N(n.render?14:-1),k(),N(n.preview?15:-1),k(2),j(`data-status`,r.statusClass(n.status)),k(),Y(n.status),k(2),N(n.seeded?20:21),k(3),Y(n.from)}}function BX(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,zX,24,14,`tr`,null,IY),R()()()),e&2){let e=G(3);k(17),F(e.calls())}}function VX(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function HX(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function UX(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,VX,1,1)(5,HX,1,1),R(),L(6,`div`,91)(7,`button`,92),U(`click`,function(){return T(e),E(G(3).clearCallFilters())}),J(8,` Clear filters `),R()()()}if(e&2){let e=G(3);k(4),N(e.callQuery().trim()?4:5)}}function WX(e,t){e&1&&J(0,` No calls of this kind yet. `)}function GX(e,t){e&1&&J(0,` No calls yet. `)}function KX(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,WX,1,0)(3,GX,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);k(2),N(e.allCalls().length?2:3)}}function qX(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=T(e).$implicit;return E(G(3).tryApi(t))}),J(13,` Try `),R()()()}if(e&2){let e=t.$implicit,n=G(3);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.path),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),j(`aria-label`,`Try `+e.method+` `+e.path)}}function JX(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 YX(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);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.name),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),Y(n.fnCalls(e.id))}}function XX(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,YX,13,7,`tr`,null,IY),R()()()),e&2){let e=G(3);k(15),F(e.serverFns())}}function ZX(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);k(),Y(e.callsOff)}}function QX(e,t){if(e&1&&(L(0,`p`,77),J(1),R()),e&2){let e=G(3);k(),X(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function $X(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 T(e),E(G(3).apiBody.set(t.target.value))}),R(),L(3,`label`,98)(4,`input`,64),U(`change`,function(){T(e);let t=G(3);return E(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);k(2),I(`value`,e.apiBody()),k(2),I(`checked`,e.confirmSend())}}function eZ(e,t){if(e&1&&(L(0,`p`,78),J(1),R()),e&2){let e=G(3);k(),Z(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function tZ(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();k(4),Y(e.error)}}function nZ(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);k(),j(`data-status`,t.statusClass(e.status??0)),k(),Y(e.status),k(2),Z(``,e.ms,` ms · `,e.type||`no content type`),k(2),Y(t.pretty(e.body??``))}}function rZ(e,t){e&1&&(L(0,`div`,79),M(1,tZ,5,1,`div`,72)(2,nZ,7,5),R()),e&2&&(k(),N(t.error?1:2))}function iZ(e,t){if(e&1){let e=H();M(0,SX,7,0,`div`,48),M(1,wX,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,TX,5,6,`label`,53,Ag),R(),L(10,`div`,54)(11,`button`,55),U(`click`,function(){return T(e),E(G(2).clearCalls())}),J(12,` Clear calls `),R(),L(13,`span`,56),J(14),R()()(),L(15,`div`,57)(16,`div`,58),D(),L(17,`svg`,59),z(18,`circle`,60)(19,`path`,61),R(),_s(),L(20,`input`,62),U(`input`,function(t){return T(e),E(G(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).callQuery.set(``))}),R()(),L(21,`label`,63)(22,`input`,64),U(`change`,function(t){return T(e),E(G(2).failedOnly.set(t.target.checked))}),R(),J(23,` Failed only `),R(),L(24,`span`,65),J(25),R()(),M(26,OX,3,2,`p`,66),M(27,BX,19,0,`div`,67)(28,UX,9,1,`div`,68)(29,KX,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,qX,14,7,`tr`,null,zY,!1,JX,3,0,`tr`),R()()(),M(49,XX,17,0),L(50,`form`,71),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.send())}),L(51,`h2`),J(52,`Request playground`),R(),L(53,`div`,72)(54,`app-select`,73),U(`valueChange`,function(t){return T(e),E(G(2).method.set(t??`GET`))}),R(),L(55,`label`,74),J(56,`Path`),R(),L(57,`input`,75),U(`input`,function(t){return T(e),E(G(2).apiPath.set(t.target.value))}),R(),L(58,`button`,22),J(59),R()(),M(60,ZX,2,1,`p`,76)(61,QX,2,1,`p`,77),M(62,$X,6,2),M(63,eZ,2,2,`p`,78)(64,rZ,3,1,`div`,79),R()}if(e&2){let e,t=G(2);N(t.duplicates().length?0:-1),k(),N(t.refetchedFns().length?1:-1),k(7),F(t.kinds),k(3),I(`disabled`,!t.allCalls().length),k(3),Y(t.callsMessage()),k(6),I(`value`,t.callQuery()),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.matchingCalls().length,` of `,t.allCalls().length),k(),N(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),k(),N(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),k(19),F(t.project().api),k(3),N(t.serverFns().length?49:-1),k(5),I(`options`,t.methodOptions)(`value`,t.method()),k(3),I(`value`,t.apiPath()),k(),I(`disabled`,!t.canSend()),j(`aria-describedby`,t.sendHintId()),k(),X(` `,t.sending()?`Sending…`:`Send`,` `),k(),N(t.canCall()?t.needsConfirm()?61:-1:60),k(2),N(t.method()===`GET`?-1:62),k(),N(t.sending()?63:(e=t.response())?64:-1,e)}}function aZ(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=t.$implicit;j(`data-mode`,e.mode),k(),Z(``,e.label,` · `,e.count)}}function oZ(e,t){if(e&1&&(L(0,`div`,33),P(1,aZ,2,3,`span`,35,VY),R()),e&2){let e=G(3);k(),F(e.modeCounts())}}function sZ(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function cZ(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,sZ,2,0,`span`,104),R()),e&2){let e=t,n=G().$implicit,r=G(3);k(),j(`data-status`,r.statusClass(e.status)),k(),Y(e.status),k(2),Z(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),k(),N(r.mismatch(n)?5:-1)}}function lZ(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}function uZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function dZ(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,cZ,6,5,`div`,43)(11,lZ,2,0,`span`,102),R(),L(12,`td`),M(13,uZ,4,3,`app-source-link`,42),R()()),e&2){let e,n=t.$implicit,r=G(3);k(2),Y(n.path),k(3),j(`data-mode`,n.mode),k(),Y(r.modeLabel(n.mode)),k(2),Y(n.reason),k(2),N((e=n.last)?10:11,e),k(3),N(n.file?13:-1)}}function fZ(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 pZ(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 mZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function hZ(e,t){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function gZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function _Z(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,gZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.fromRules)}}function vZ(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function yZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,vZ,2,1,`span`,107,Ag),R()),e&2){let e=G(2);k(3),F(e.staticMissing)}}function bZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function xZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,bZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.dynamic)}}function SZ(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function CZ(e,t){if(e&1&&(J(0,` · missing `),P(1,SZ,2,1,`span`,108,Ag)),e&2){let e=G(3);k(),F(e.notBuilt)}}function wZ(e,t){if(e&1&&(J(0),M(1,CZ,3,0)),e&2){let e=G(2);X(` `,e.built.length,` page(s) in dist/analog/public `),k(),N(e.notBuilt.length?1:-1)}}function TZ(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function EZ(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,mZ,2,1,`span`,36,Ag),M(6,hZ,2,0,`span`,102),R(),M(7,_Z,5,0),M(8,yZ,5,0),M(9,xZ,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,wZ,2,2)(14,TZ,2,0,`span`,102),R()()),e&2){let e=G();k(4),F(e.listed??mv(5,FY)),k(2),N(e.listed?-1:6),k(),N(e.fromRules?.length?7:-1),k(),N(e.staticMissing.length?8:-1),k(),N(e.dynamic.length?9:-1),k(4),N(e.built.length?13:14)}}function DZ(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,pZ,2,0,`p`,4)(4,EZ,15,6,`dl`,105),R()),e&2&&(k(3),N(t.dynamicConfig?3:4))}function OZ(e,t){if(e&1&&(M(0,oZ,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,dZ,14,6,`tr`,null,BY,!1,fZ,3,0,`tr`),R()()(),M(17,DZ,5,1,`div`,101)),e&2){let e,t=G(2);N(t.modeCounts().length?0:-1),k(14),F(t.renderRows()),k(3),N((e=t.plan())?17:-1,e)}}function kZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,111),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.error)}}function AZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,104),J(2),R()()),e&2){let e=G(5);k(2),X(`takes over `,e.base(t))}}function jZ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,kZ,3,1,`div`),M(5,AZ,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);k(3),Y(n.attributes.title||`(no title)`),k(),N(n.error?4:-1),k(),N((e=r.shadowed(n.file))?5:-1,e),k(2),Y(r.contentUrl(n.file)??``),k(2),Y(n.slug),k(2),Y(n.attributes.date||``),k(2),I(`file`,n.file),k(2),Y(r.dir(n.file)),k(),Y(r.base(n.file))}}function MZ(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,jZ,17,9,`tr`,null,HY),R()()()),e&2){let e=G(3);k(15),F(e.project().content)}}function NZ(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 PZ(e,t){e&1&&M(0,MZ,17,0,`div`,109)(1,NZ,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function FZ(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.items.length)}}function IZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function LZ(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function RZ(e,t){if(e&1&&(L(0,`p`,119),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function zZ(e,t){if(e&1&&(L(0,`li`),M(1,IZ,4,3,`app-source-link`,42),M(2,LZ,2,1,`span`,40),M(3,RZ,2,1,`p`,119),R()),e&2){let e=t.$implicit;k(),N(e.file?1:-1),k(),N(e.path&&e.path!==e.file?2:-1),k(),N(e.message?3:-1)}}function BZ(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,FZ,2,1,`span`,17),R(),L(7,`p`),J(8),R(),L(9,`ul`,116),P(10,zZ,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)),k(2),j(`data-tone`,n.tone(e.severity)),k(),Y(e.severity),k(2),Y(e.title),k(),N(e.items.length>1?6:-1),k(2),Y(e.summary),k(2),F(e.items),k(5),X(` `,e.fix),k(2),Y(e.rule)}}function VZ(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,BZ,18,8,`li`,null,UY),R()),e&2){let e=G(3);k(),Z(` `,e.findings().length,` issue(s) in `,e.lintCards().length,` group(s). Each card says what is wrong, where, and how to fix it. `),k(2),F(e.lintCards())}}function HZ(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 UZ(e,t){e&1&&M(0,VZ,5,2)(1,HZ,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function WZ(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,qY,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(28,JY,4,7,`button`,13,IY),R(),L(30,`div`,14),M(31,bX,29,6)(32,iZ,65,21)(33,OZ,18,3)(34,PZ,2,1)(35,UZ,2,1),R()}if(e&2){let e,t,n=G();k(5),Y(n.project().version||`unknown`),k(5),Y(n.pageCount()),k(5),Y(n.project().api.length),k(5),Y(n.allCalls().length),k(),j(`data-tone`,n.lintTone()||`good`),k(4),Y(n.lintCount().errors+n.lintCount().warnings),k(),N((e=n.page())?26:-1,e),k(2),F(n.views()),k(2),I(`id`,`analog-panel-`+n.view()),j(`aria-labelledby`,`analog-tab-`+n.view()),k(),N((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var GZ={"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.`}},KZ=200,qZ=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`]),JZ={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},YZ={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},XZ={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},ZZ={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function QZ(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),QZ(r.children,t+1,n);return n}var $Z=class e{rpc=$(null);canCall=Q(()=>rD(this.rpc(),`analog`));callsOff=bE(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=O(`routes`);project=O(null);loadFailed=O(!1);state=O({});findings=O([]);renderRows=O([]);plan=O(null);filter=O(``);testUrl=O(``);explained=O(null);explainError=O(``);explaining=O(!1);kind=O(`all`);method=O(`GET`);apiPath=O(``);apiBody=O(``);confirmSend=O(!1);response=O(null);sending=O(!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=C(Ds);host=C(Il);hostPageId=LE();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=KZ;callQuery=O(``);failedOnly=O(!1);callsMessage=O(``);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>=KZ);allRoutes=Q(()=>QZ(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:JZ[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=GZ[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=qZ.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(){mc(()=>{let e=this.rpc();e&&Nv(()=>void this.load(e))}),mc(()=>{let e=this.view();this.state(),Nv(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await HE(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([HE(t,`analog-lint`,this.hostPageId??void 0),HE(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 HE(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 YZ[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return JZ[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 XZ[e]}outcomeTone(e){return ZZ[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=QO;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 VE(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 VE(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 HE(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=A({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,WY,7,0,`div`,0)(1,GY,4,0,`div`,1)(2,KY,14,0,`div`,2)(3,WZ,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[OO,uM],styles:[`@charset "UTF-8";
+}`]})},RY=()=>[],zY=()=>[`/`],BY=(e,t)=>t.id,VY=(e,t)=>t.route.id,HY=(e,t)=>t[0],UY=(e,t)=>t.file+t.method,WY=(e,t)=>t.path,GY=(e,t)=>t.mode,KY=(e,t)=>t.file,qY=(e,t)=>t.rule;function JY(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function YY(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function XY(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 ZY(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;k(3),I(`title`,e.url),k(),Y(e.url)}}function QY(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `),k(),j(`data-tone`,e.tone),k(),Y(e.count)}}function $Y(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(k(),Y(t))}function eX(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),k(),Y(t.short(e.file))}}function tX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.fullPath)}}function nX(e,t){if(e&1&&(L(0,`li`),M(1,eX,2,2,`app-source-link`,34)(2,tX,2,1,`span`,31),L(3,`span`,35),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(2),j(`data-kind`,e.kind),k(),Y(e.kind)}}function rX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Z(``,e[0],` = `,e[1])}}function iX(e,t){if(e&1&&(L(0,`div`,33),P(1,rX,2,2,`span`,36,HY),R()),e&2){let e=G(2),t=G(3);k(),F(t.paramList(e.match.params))}}function aX(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,nX,5,3,`li`,null,BY),R(),M(6,iX,3,0,`div`,33)),e&2){let e=G(),t=G(3);k(),Y(e.url),k(3),F(e.match.chain),k(2),N(t.paramList(e.match.params).length?6:-1)}}function oX(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),k(),Y(t.short(e.file))}}function sX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function cX(e,t){if(e&1&&(L(0,`li`),M(1,oX,2,2,`app-source-link`,34)(2,sX,2,1,`span`,31),L(3,`span`,4),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(3),Y(e.reason)}}function lX(e,t){if(e&1&&(L(0,`ul`,37),P(1,cX,5,2,`li`,null,kg),R()),e&2){let e=G(2);k(),F(e.match.rejected.slice(0,5))}}function uX(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,lX,3,0,`ul`,37)),e&2){let e=G();k(),Y(e.url),k(2),N(e.match.rejected.length?3:-1)}}function dX(e,t){if(e&1&&(L(0,`div`,27),M(1,aX,7,2)(2,uX,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),k(),N(e.match.matched?1:2)}}function fX(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function pX(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function mX(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),k(2),Y(t.dir(e.route.file)),k(),Y(t.base(e.route.file))}}function hX(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function gX(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;k(),X(``,e,`()`)}}function _X(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;k(),X(`"`,e.route.title,`"`)}}function vX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;k(),Y(e)}}function yX(e,t){if(e&1&&M(0,vX,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function bX(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,fX,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,pX,2,0,`span`,41),R()(),L(9,`td`),M(10,mX,4,3,`app-source-link`,42)(11,hX,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,gX,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,_X,2,1,`span`,45),P(18,yX,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`),k(2),K(`padding-left`,e.depth*16,`px`),k(),N(e.depth?3:-1),k(2),Y(e.route.fullPath),k(),j(`data-kind`,e.route.kind),k(),Y(n.kindText(e.route)),k(),N(n.isOpen(e.route)?8:-1),k(2),N(e.route.file?10:11),k(4),F(n.serverExports(e.route)),k(3),N(e.route.title?17:-1),k(),F(e.route.routeMeta??mv(13,RY))}}function xX(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function SX(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function CX(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,xX,1,0)(3,SX,1,0),R()()),e&2){let e=G(3);k(2),N(e.filter().trim()?2:3)}}function wX(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`form`,19),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.explain())}),L(2,`label`,20),J(3,`Test a URL`),R(),L(4,`input`,21),U(`input`,function(t){return T(e),E(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 T(e),E(G(2).filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).filter.set(``))}),R()(),L(10,`div`,25),M(11,$Y,2,1,`div`,26)(12,dX,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,bX,20,14,`tr`,30,VY,!1,CX,4,1,`tr`),R()()()}if(e&2){let e,t=G(2);k(4),I(`value`,t.testUrl()),k(),I(`disabled`,t.explaining()),k(),X(` `,t.explaining()?`Explaining…`:`Explain`,` `),k(3),I(`value`,t.filter()),k(2),N((e=t.explainError())?11:(e=t.explained())?12:-1,e),k(15),F(t.routeRows())}}function TX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function EX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`load() ran twice`),R(),J(3,` for `),P(4,TX,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);k(4),F(e.duplicates())}}function DX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function OX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,DX,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);k(4),F(e.refetchedFns())}}function kX(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,80),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`checked`,n.kind()===e),j(`data-kind`,e),k(),X(` `,n.kindLabel(e),` `),k(2),Y(n.kindCount(e))}}function AX(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function jX(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 MX(e,t){if(e&1&&(L(0,`p`,66),M(1,AX,1,2),M(2,jX,1,1),R()),e&2){let e=G(3);k(),N(e.shownCount()<e.matchingCalls().length?1:-1),k(),N(e.serverFull()?2:-1)}}function NX(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),k(),Y(t.short(e.file))}}function PX(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,NX,2,2,`app-source-link`,88)),e&2){let e=t;k(),Y(e.name),k(),N(e.file?2:-1)}}function FX(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.url)}}function IX(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function LX(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function RX(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,LX,1,1),R()),e&2){let e=G().$implicit,t=G(4);j(`data-tone`,t.outcomeTone(e.outcome)),k(),X(``,t.outcomeLabel(e.outcome),` `),k(),N(e.location?2:-1)}}function zX(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`),k(),Y(e.render===`ssr`?`server rendered`:`client only`)}}function BX(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);k(4),Y(t.pretty(e.preview))}}function VX(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function HX(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.ms,` ms `)}}function UX(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,PX,3,2)(11,FX,2,1,`span`,85),M(12,IX,2,0,`span`,35),M(13,RX,3,3,`span`,35),M(14,zX,2,2,`span`,35),R(),M(15,BX,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,VX,2,0,`span`,4)(21,HX,1,1),R(),L(22,`td`,4),J(23),R()()),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(r.time(n.at)),k(2),j(`data-call`,n.kind),k(),Y(r.kindLabel(n.kind)),k(3),j(`data-method`,n.method),k(),Y(n.method),k(),N((e=r.fnOf(n))?10:11,e),k(2),N(n.seeded?12:-1),k(),N(n.outcome?13:-1),k(),N(n.render?14:-1),k(),N(n.preview?15:-1),k(2),j(`data-status`,r.statusClass(n.status)),k(),Y(n.status),k(2),N(n.seeded?20:21),k(3),Y(n.from)}}function WX(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,UX,24,14,`tr`,null,BY),R()()()),e&2){let e=G(3);k(17),F(e.calls())}}function GX(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function KX(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function qX(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,GX,1,1)(5,KX,1,1),R(),L(6,`div`,91)(7,`button`,92),U(`click`,function(){return T(e),E(G(3).clearCallFilters())}),J(8,` Clear filters `),R()()()}if(e&2){let e=G(3);k(4),N(e.callQuery().trim()?4:5)}}function JX(e,t){e&1&&J(0,` No calls of this kind yet. `)}function YX(e,t){e&1&&J(0,` No calls yet. `)}function XX(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,JX,1,0)(3,YX,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);k(2),N(e.allCalls().length?2:3)}}function ZX(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=T(e).$implicit;return E(G(3).tryApi(t))}),J(13,` Try `),R()()()}if(e&2){let e=t.$implicit,n=G(3);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.path),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),j(`aria-label`,`Try `+e.method+` `+e.path)}}function QX(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 $X(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);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.name),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),Y(n.fnCalls(e.id))}}function eZ(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,$X,13,7,`tr`,null,BY),R()()()),e&2){let e=G(3);k(15),F(e.serverFns())}}function tZ(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);k(),Y(e.callsOff)}}function nZ(e,t){if(e&1&&(L(0,`p`,77),J(1),R()),e&2){let e=G(3);k(),X(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function rZ(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 T(e),E(G(3).apiBody.set(t.target.value))}),R(),L(3,`label`,98)(4,`input`,64),U(`change`,function(){T(e);let t=G(3);return E(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);k(2),I(`value`,e.apiBody()),k(2),I(`checked`,e.confirmSend())}}function iZ(e,t){if(e&1&&(L(0,`p`,78),J(1),R()),e&2){let e=G(3);k(),Z(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function aZ(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();k(4),Y(e.error)}}function oZ(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);k(),j(`data-status`,t.statusClass(e.status??0)),k(),Y(e.status),k(2),Z(``,e.ms,` ms · `,e.type||`no content type`),k(2),Y(t.pretty(e.body??``))}}function sZ(e,t){e&1&&(L(0,`div`,79),M(1,aZ,5,1,`div`,72)(2,oZ,7,5),R()),e&2&&(k(),N(t.error?1:2))}function cZ(e,t){if(e&1){let e=H();M(0,EX,7,0,`div`,48),M(1,OX,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,kX,5,6,`label`,53,Ag),R(),L(10,`div`,54)(11,`button`,55),U(`click`,function(){return T(e),E(G(2).clearCalls())}),J(12,` Clear calls `),R(),L(13,`span`,56),J(14),R()()(),L(15,`div`,57)(16,`div`,58),D(),L(17,`svg`,59),z(18,`circle`,60)(19,`path`,61),R(),_s(),L(20,`input`,62),U(`input`,function(t){return T(e),E(G(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).callQuery.set(``))}),R()(),L(21,`label`,63)(22,`input`,64),U(`change`,function(t){return T(e),E(G(2).failedOnly.set(t.target.checked))}),R(),J(23,` Failed only `),R(),L(24,`span`,65),J(25),R()(),M(26,MX,3,2,`p`,66),M(27,WX,19,0,`div`,67)(28,qX,9,1,`div`,68)(29,XX,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,ZX,14,7,`tr`,null,UY,!1,QX,3,0,`tr`),R()()(),M(49,eZ,17,0),L(50,`form`,71),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.send())}),L(51,`h2`),J(52,`Request playground`),R(),L(53,`div`,72)(54,`app-select`,73),U(`valueChange`,function(t){return T(e),E(G(2).method.set(t??`GET`))}),R(),L(55,`label`,74),J(56,`Path`),R(),L(57,`input`,75),U(`input`,function(t){return T(e),E(G(2).apiPath.set(t.target.value))}),R(),L(58,`button`,22),J(59),R()(),M(60,tZ,2,1,`p`,76)(61,nZ,2,1,`p`,77),M(62,rZ,6,2),M(63,iZ,2,2,`p`,78)(64,sZ,3,1,`div`,79),R()}if(e&2){let e,t=G(2);N(t.duplicates().length?0:-1),k(),N(t.refetchedFns().length?1:-1),k(7),F(t.kinds),k(3),I(`disabled`,!t.allCalls().length),k(3),Y(t.callsMessage()),k(6),I(`value`,t.callQuery()),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.matchingCalls().length,` of `,t.allCalls().length),k(),N(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),k(),N(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),k(19),F(t.project().api),k(3),N(t.serverFns().length?49:-1),k(5),I(`options`,t.methodOptions)(`value`,t.method()),k(3),I(`value`,t.apiPath()),k(),I(`disabled`,!t.canSend()),j(`aria-describedby`,t.sendHintId()),k(),X(` `,t.sending()?`Sending…`:`Send`,` `),k(),N(t.canCall()?t.needsConfirm()?61:-1:60),k(2),N(t.method()===`GET`?-1:62),k(),N(t.sending()?63:(e=t.response())?64:-1,e)}}function lZ(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=t.$implicit;j(`data-mode`,e.mode),k(),Z(``,e.label,` · `,e.count)}}function uZ(e,t){if(e&1&&(L(0,`div`,33),P(1,lZ,2,3,`span`,35,GY),R()),e&2){let e=G(3);k(),F(e.modeCounts())}}function dZ(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function fZ(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,dZ,2,0,`span`,104),R()),e&2){let e=t,n=G().$implicit,r=G(3);k(),j(`data-status`,r.statusClass(e.status)),k(),Y(e.status),k(2),Z(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),k(),N(r.mismatch(n)?5:-1)}}function pZ(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}function mZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function hZ(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,fZ,6,5,`div`,43)(11,pZ,2,0,`span`,102),R(),L(12,`td`),M(13,mZ,4,3,`app-source-link`,42),R()()),e&2){let e,n=t.$implicit,r=G(3);k(2),Y(n.path),k(3),j(`data-mode`,n.mode),k(),Y(r.modeLabel(n.mode)),k(2),Y(n.reason),k(2),N((e=n.last)?10:11,e),k(3),N(n.file?13:-1)}}function gZ(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 _Z(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 vZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function yZ(e,t){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function bZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function xZ(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,bZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.fromRules)}}function SZ(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function CZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,SZ,2,1,`span`,107,Ag),R()),e&2){let e=G(2);k(3),F(e.staticMissing)}}function wZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function TZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,wZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.dynamic)}}function EZ(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function DZ(e,t){if(e&1&&(J(0,` · missing `),P(1,EZ,2,1,`span`,108,Ag)),e&2){let e=G(3);k(),F(e.notBuilt)}}function OZ(e,t){if(e&1&&(J(0),M(1,DZ,3,0)),e&2){let e=G(2);X(` `,e.built.length,` page(s) in dist/analog/public `),k(),N(e.notBuilt.length?1:-1)}}function kZ(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function AZ(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,vZ,2,1,`span`,36,Ag),M(6,yZ,2,0,`span`,102),R(),M(7,xZ,5,0),M(8,CZ,5,0),M(9,TZ,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,OZ,2,2)(14,kZ,2,0,`span`,102),R()()),e&2){let e=G();k(4),F(e.listed??mv(5,zY)),k(2),N(e.listed?-1:6),k(),N(e.fromRules?.length?7:-1),k(),N(e.staticMissing.length?8:-1),k(),N(e.dynamic.length?9:-1),k(4),N(e.built.length?13:14)}}function jZ(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,_Z,2,0,`p`,4)(4,AZ,15,6,`dl`,105),R()),e&2&&(k(3),N(t.dynamicConfig?3:4))}function MZ(e,t){if(e&1&&(M(0,uZ,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,hZ,14,6,`tr`,null,WY,!1,gZ,3,0,`tr`),R()()(),M(17,jZ,5,1,`div`,101)),e&2){let e,t=G(2);N(t.modeCounts().length?0:-1),k(14),F(t.renderRows()),k(3),N((e=t.plan())?17:-1,e)}}function NZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,111),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.error)}}function PZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,104),J(2),R()()),e&2){let e=G(5);k(2),X(`takes over `,e.base(t))}}function FZ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,NZ,3,1,`div`),M(5,PZ,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);k(3),Y(n.attributes.title||`(no title)`),k(),N(n.error?4:-1),k(),N((e=r.shadowed(n.file))?5:-1,e),k(2),Y(r.contentUrl(n.file)??``),k(2),Y(n.slug),k(2),Y(n.attributes.date||``),k(2),I(`file`,n.file),k(2),Y(r.dir(n.file)),k(),Y(r.base(n.file))}}function IZ(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,FZ,17,9,`tr`,null,KY),R()()()),e&2){let e=G(3);k(15),F(e.project().content)}}function LZ(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 RZ(e,t){e&1&&M(0,IZ,17,0,`div`,109)(1,LZ,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function zZ(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.items.length)}}function BZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function VZ(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function HZ(e,t){if(e&1&&(L(0,`p`,119),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function UZ(e,t){if(e&1&&(L(0,`li`),M(1,BZ,4,3,`app-source-link`,42),M(2,VZ,2,1,`span`,40),M(3,HZ,2,1,`p`,119),R()),e&2){let e=t.$implicit;k(),N(e.file?1:-1),k(),N(e.path&&e.path!==e.file?2:-1),k(),N(e.message?3:-1)}}function WZ(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,zZ,2,1,`span`,17),R(),L(7,`p`),J(8),R(),L(9,`ul`,116),P(10,UZ,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)),k(2),j(`data-tone`,n.tone(e.severity)),k(),Y(e.severity),k(2),Y(e.title),k(),N(e.items.length>1?6:-1),k(2),Y(e.summary),k(2),F(e.items),k(5),X(` `,e.fix),k(2),Y(e.rule)}}function GZ(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,WZ,18,8,`li`,null,qY),R()),e&2){let e=G(3);k(),Z(` `,e.findings().length,` issue(s) in `,e.lintCards().length,` group(s). Each card says what is wrong, where, and how to fix it. `),k(2),F(e.lintCards())}}function KZ(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 qZ(e,t){e&1&&M(0,GZ,5,2)(1,KZ,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function JZ(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,ZY,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(28,QY,4,7,`button`,13,BY),R(),L(30,`div`,14),M(31,wX,29,6)(32,cZ,65,21)(33,MZ,18,3)(34,RZ,2,1)(35,qZ,2,1),R()}if(e&2){let e,t,n=G();k(5),Y(n.project().version||`unknown`),k(5),Y(n.pageCount()),k(5),Y(n.project().api.length),k(5),Y(n.allCalls().length),k(),j(`data-tone`,n.lintTone()||`good`),k(4),Y(n.lintCount().errors+n.lintCount().warnings),k(),N((e=n.page())?26:-1,e),k(2),F(n.views()),k(2),I(`id`,`analog-panel-`+n.view()),j(`aria-labelledby`,`analog-tab-`+n.view()),k(),N((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var YZ={"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.`}},XZ=200,ZZ=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`]),QZ={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},$Z={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},eQ={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},tQ={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function nQ(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),nQ(r.children,t+1,n);return n}var rQ=class e{rpc=$(null);canCall=Q(()=>rD(this.rpc(),`analog`));callsOff=bE(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=O(`routes`);project=O(null);loadFailed=O(!1);state=O({});findings=O([]);renderRows=O([]);plan=O(null);filter=O(``);testUrl=O(``);explained=O(null);explainError=O(``);explaining=O(!1);kind=O(`all`);method=O(`GET`);apiPath=O(``);apiBody=O(``);confirmSend=O(!1);response=O(null);sending=O(!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=C(Ds);host=C(Il);hostPageId=LE();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=XZ;callQuery=O(``);failedOnly=O(!1);callsMessage=O(``);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>=XZ);allRoutes=Q(()=>nQ(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:QZ[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=YZ[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=ZZ.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(){mc(()=>{let e=this.rpc();e&&Nv(()=>void this.load(e))}),mc(()=>{let e=this.view();this.state(),Nv(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await HE(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([HE(t,`analog-lint`,this.hostPageId??void 0),HE(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 HE(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 $Z[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return QZ[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 eQ[e]}outcomeTone(e){return tQ[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=QO;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 VE(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 VE(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 HE(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=A({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,JY,7,0,`div`,0)(1,YY,4,0,`div`,1)(2,XY,14,0,`div`,2)(3,JZ,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[OO,uM],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   --%NS%good: var(--%NS%ok);
   --%NS%bad: var(--%NS%danger);
@@ -14028,7 +14028,7 @@ h2[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
   font-size: 15px;
   font-weight: 600;
-}`]})},eQ=[`callsBody`],tQ=(e,t)=>t.id,nQ=(e,t)=>t.id+t.kind,rQ=(e,t)=>t.entry.side+t.entry.id,iQ=(e,t)=>t.key;function aQ(e,t){e&1&&(L(0,`div`,1),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function oQ(e,t){if(e&1){let e=H();L(0,`div`,2)(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function sQ(e,t){e&1&&(L(0,`span`,82),J(1,`this page`),R())}function cQ(e,t){e&1&&(L(0,`span`,83),J(1,`overridden`),R())}function lQ(e,t){e&1&&(L(0,`span`,84),J(1,`aborted`),R())}function uQ(e,t){if(e&1){let e=H();L(0,`tr`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectedRequestId.set(t.id))}),L(1,`td`,75)(2,`button`,76)(3,`span`,77),J(4),R(),J(5),R()(),L(6,`td`,78),z(7,`span`,79),J(8),R(),L(9,`td`),J(10),R(),L(11,`td`,80),J(12),R(),L(13,`td`,80),J(14),R(),L(15,`td`)(16,`div`,81),M(17,sQ,2,0,`span`,82),M(18,cQ,2,0,`span`,83),M(19,lQ,2,0,`span`,84),R()()()}if(e&2){let e=t.$implicit,n=G(2);q(`selected`,n.selectedRequest()?.id===e.id),k(2),I(`title`,e.url),j(`aria-pressed`,n.selectedRequest()?.id===e.id),k(2),Y(e.method),k(),X(` `,e.url,` `),k(),q(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),k(2),X(``,e.status,` `),k(2),Y(n.renderModeLabel(e.renderMode)),k(2),X(``,e.renderMs,` ms`),k(2),Z(``,e.fetches,` (`,e.fetchMs,` ms)`),k(3),N(e.id===n.selected()?.ssrRequestId?17:-1),k(),N(e.overrides?.length?18:-1),k(),N(e.aborted?19:-1)}}function dQ(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&&(k(),X(` The body was already compressed (`,t,`) when `))}function fQ(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.note)}}function pQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,83),J(2),R(),L(3,`span`),J(4),R(),M(5,fQ,2,1,`span`,89),R()),e&2){let e=t.$implicit,n=G(4);k(2),Y(n.overrideLabel(e.kind)),k(2),Y(e.applied?`applied`:`not applied`),k(),N(e.note?5:-1)}}function mQ(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,pQ,6,3,`p`,88,nQ)),e&2){let e=G();k(4),F(e.overrides)}}function hQ(e,t){if(e&1&&(J(0,` to `),L(1,`code`),J(2),R()),e&2){let e=G().$implicit;k(2),Y(e.finalUrl)}}function gQ(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);k(3),q(`bad`,t.guardVerdict(e)===`rejected`),k(),Z(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function _Q(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);k(4),Y(t.msLabel(e.resolvers.ms))}}function vQ(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;k(4),X(``,e.durationMs,` ms`)}}function yQ(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.reason)}}function bQ(e,t){if(e&1&&(L(0,`dl`,90)(1,`div`)(2,`dt`),J(3,`Navigation`),R(),L(4,`dd`)(5,`code`),J(6),R(),M(7,hQ,3,1),J(8),R()(),M(9,gQ,5,4,`div`),M(10,_Q,5,1,`div`),M(11,vQ,5,1,`div`),R(),M(12,yQ,2,1,`p`,56)),e&2){let e=t.$implicit;k(6),Y(e.url),k(),N(e.finalUrl?7:-1),k(),X(` (`,e.outcome,`) `),k(),N(e.guards?9:-1),k(),N(e.resolvers?10:-1),k(),N(e.durationMs===void 0?-1:11),k(),N(e.reason?12:-1)}}function xQ(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,bQ,13,7,null,null,kg)),e&2){let e=G();k(2),F(e.navigations)}}function SQ(e,t){e&1&&(L(0,`span`,82),J(1,`cached`),R())}function CQ(e,t){if(e&1&&(L(0,`span`,92),J(1,`not cached`),R()),e&2){let e=G().$implicit;I(`title`,G(3).skipText(e.cacheSkip))}}function wQ(e,t){if(e&1&&(L(0,`p`,93),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),X(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function TQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,78),J(6),R(),L(7,`span`,89),J(8),R(),M(9,SQ,2,0,`span`,82)(10,CQ,2,1,`span`,92),R(),M(11,wQ,2,1,`p`,93)),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.method),k(),I(`title`,e.url),k(),Y(e.url),k(),q(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),k(),Y(n.statusLabel(e)),k(2),X(``,e.durationMs,` ms`),k(),N(e.cacheStored?9:e.cacheSkip?10:-1),k(2),N(!e.cacheStored&&e.cacheSkip?11:-1)}}function EQ(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function DQ(e,t){e&1&&(L(0,`p`,93),J(1),R()),e&2&&(k(),X(`Why: `,t,`.`))}function OQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,84),J(6,`cache miss`),R()(),M(7,DQ,2,1,`p`,93)),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(n.method),k(),I(`title`,n.url),k(),Y(n.url),k(3),N((e=r.refetchReason(n))?7:-1,e)}}function kQ(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,OQ,8,4,null,null,tQ)),e&2){let e=G(3);k(),X(`Fetched again in the browser (`,e.refetched().length,`)`),k(3),F(e.refetched())}}function AQ(e,t){e&1&&(L(0,`p`,87),J(1,`No server call ran again in the browser.`),R())}function jQ(e,t){if(e&1&&(L(0,`div`,73)(1,`h3`,85),J(2),L(3,`code`),J(4),R()(),L(5,`dl`,86)(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,dQ,11,1,`p`,56),M(33,mQ,6,0),M(34,xQ,4,0),L(35,`h3`),J(36),R(),P(37,TQ,12,11,null,null,tQ,!1,EQ,2,0,`p`,56),M(40,kQ,6,1)(41,AQ,2,0,`p`,87),R()),e&2){let e,n=t,r=G(2);k(2),X(` `,n.method,` `),k(2),Y(n.url),k(7),Y(n.id),k(5),X(``,n.renderMs,` ms`),k(5),X(``,n.durationMs,` ms`),k(5),X(``,n.bytes,` B`),k(5),Y(r.requestPage()?.title||r.requestPage()?.url||`not connected`),k(),N((e=r.compressedWith(n))?32:-1,e),k(),N(n.overrides?.length?33:-1),k(),N(n.navigations?.length?34:-1),k(2),X(`Server calls (`,r.requestCalls().length,`)`),k(),F(r.requestCalls()),k(3),N(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function MQ(e,t){if(e&1&&(L(0,`div`,69)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,70),J(5,`Request`),R(),L(6,`th`,70),J(7,`Status`),R(),L(8,`th`,70),J(9,`Render mode`),R(),L(10,`th`,71),J(11,`Render`),R(),L(12,`th`,71),J(13,`Server calls`),R(),L(14,`th`,70),J(15,`Notes`),R()()(),L(16,`tbody`),P(17,uQ,20,20,`tr`,72,tQ),R()()(),M(19,jQ,42,13,`div`,73)),e&2){let e,t=G();k(17),F(t.requests()),k(2),N((e=t.selectedRequest())?19:-1,e)}}function NQ(e,t){e&1&&(L(0,`div`,12)(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 PQ(e,t){e&1&&(L(0,`p`,94),J(1,` Rows render as you scroll, so the browser's find only sees the ones near view; the search field searches them all. `),R())}function FQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padTop(),`px`)}}function IQ(e,t){e&1&&(L(0,`span`,99),J(1,`transfer cache`),R())}function LQ(e,t){if(e&1&&(L(0,`span`,99),J(1),R()),e&2){G();let e=fv(0);k(),X(`delayed `,e.delayMs,` ms`)}}function RQ(e,t){e&1&&(L(0,`span`,83),J(1,`mocked`),R())}function zQ(e,t){e&1&&(L(0,`span`,84),J(1,`faulted`),R())}function BQ(e,t){if(e&1&&(L(0,`span`,102),J(1,`rule `),L(2,`code`),J(3),R()()),e&2){let e=t;I(`title`,`Matched rule: `+e),k(3),Y(e)}}function VQ(e,t){if(e&1){let e=H();uv(0),L(1,`tr`,74),U(`click`,function(){T(e);let t=fv(0);return E(G(2).openCall(t.id))}),L(2,`td`)(3,`span`,99),J(4),R()(),L(5,`td`,77),J(6),R(),L(7,`td`,75)(8,`button`,100),J(9),R()(),L(10,`td`,101),J(11),R(),L(12,`td`,78),z(13,`span`,79),J(14),R(),L(15,`td`,80),J(16),R(),L(17,`td`)(18,`div`,81),M(19,IQ,2,0,`span`,99),M(20,LQ,2,1,`span`,99),M(21,RQ,2,0,`span`,83),M(22,zQ,2,0,`span`,84),M(23,BQ,4,2,`span`,102),R()()()}if(e&2){let e,n=t.$implicit,r=G(2),i=dv(n.entry);k(),q(`selected`,r.selectedCall()?.id===i.id),j(`aria-rowindex`,n.index+2)(`data-vindex`,n.index),k(2),q(`server`,i.side===`server`),k(),Y(i.side===`server`?`SSR`:`Client`),k(2),Y(i.method),k(2),I(`title`,i.url),j(`data-call-id`,i.id)(`aria-pressed`,r.selectedCall()?.id===i.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),k(),X(` `,i.url,` `),k(),I(`title`,i.pageUrl??``),k(),X(` `,i.pageUrl??``,` `),k(),q(`ok`,r.callTone(i)===`ok`)(`redirect`,r.callTone(i)===`redirect`)(`bad`,r.callTone(i)===`bad`),k(2),X(``,r.statusLabel(i),` `),k(2),X(``,i.durationMs,` ms`),k(3),N(i.cacheHit?19:-1),k(),N(i.delayMs?20:-1),k(),N(i.mocked?21:-1),k(),N(i.faulted?22:-1),k(),N((e=r.rulePatternOf(i))?23:-1,e)}}function HQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padBottom(),`px`)}}function UQ(e,t){if(e&1&&(M(0,PQ,2,0,`p`,94),L(1,`div`,69)(2,`table`)(3,`thead`)(4,`tr`,95)(5,`th`,70),J(6,`Side`),R(),L(7,`th`,70),J(8,`Method`),R(),L(9,`th`,70),J(10,`URL`),R(),L(11,`th`,70),J(12,`Page`),R(),L(13,`th`,70),J(14,`Status`),R(),L(15,`th`,71),J(16,`Time`),R(),L(17,`th`,70),J(18,`Notes`),R()()(),L(19,`tbody`,96,0),M(21,FQ,2,2,`tr`,97),P(22,VQ,24,29,`tr`,72,rQ),M(24,HQ,2,2,`tr`,97),R()()()),e&2){let e=G();N(e.callWindow.enabled()?0:-1),k(2),j(`aria-rowcount`,e.visibleCalls().length+1),k(17),I(`rovingWindow`,e.callWindow),k(2),N(e.callWindow.padTop()?21:-1),k(),F(e.shownCalls()),k(2),N(e.callWindow.padBottom()?24:-1)}}function WQ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function GQ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function KQ(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,WQ,1,1)(5,GQ,1,1),R(),L(6,`div`,103)(7,`button`,68),U(`click`,function(){return T(e),E(G().clearCallFilters())}),J(8,`Clear filters`),R()()()}if(e&2){let e=G();k(4),N(e.callQuery().trim()?4:5)}}function qQ(e,t){e&1&&(L(0,`div`,12)(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 JQ(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G();return E(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 YQ(e,t){e&1&&(L(0,`p`,112),J(1,` Matched rule `),L(2,`code`),J(3),R()()),e&2&&(k(3),Y(t))}function XQ(e,t){if(e&1){let e=H();L(0,`div`,104),U(`keydown.escape`,function(){return T(e),E(G().closePreview())}),L(1,`div`,105)(2,`h3`,106),J(3,`Response preview`),R(),L(4,`div`,107),M(5,JQ,2,1,`button`,108),L(6,`button`,109),U(`click`,function(){let t=T(e);return E(G().mockCall(t))}),J(7,` Mock this request `),R(),L(8,`button`,110),U(`click`,function(){return T(e),E(G().closePreview())}),J(9,`Close`),R()()(),L(10,`p`,111)(11,`span`,77),J(12),R(),L(13,`span`,78),J(14),R(),L(15,`span`,91),J(16),R()(),M(17,YQ,4,1,`p`,112),L(18,`pre`,113),J(19),R()()}if(e&2){let e,n=t,r=G();k(5),N(!n.error&&n.preview?5:-1),k(),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`http-writes-off`),k(6),Y(n.method),k(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),k(),Y(r.statusLabel(n)),k(),I(`title`,n.url),k(),Y(n.url),k(),N((e=r.rulePatternOf(n))?17:-1,e),k(),q(`error`,!!n.error&&!n.cancelled),j(`aria-label`,n.error?`Response error`:`Response body`),k(),Y(n.error??r.previewText(n)??`(no body)`)}}function ZQ(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();k(),Y(e.writesOff)}}function QQ(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 $Q(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function e$(e,t){if(e&1&&(L(0,`span`,78),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`),k(),Y(e.status)}}function t$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.delayMs,` ms`)}}function n$(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function r$(e,t){e&1&&(L(0,`p`,121),J(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),R())}function i$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleRule(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,118),U(`click`,function(){let t=T(e).$implicit;return E(G().removeRule(t.id))}),J(8,` Remove `),R(),L(9,`span`,119)(10,`span`),J(11),R(),M(12,$Q,2,0,`span`)(13,e$,2,7,`span`,120),M(14,t$,2,1,`span`),M(15,n$,2,0,`span`),R(),M(16,r$,2,0,`p`,121),R()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(e.method||`ANY`),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),k(4),Y(n.targetLabel(e.target)),k(),N(e.status===void 0?12:13),k(2),N(e.delayMs?14:-1),k(),N(e.body?15:-1),k(),N(n.mocksOnServer(e)?16:-1)}}function a$(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function o$(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`,122),U(`input`,function(t){return T(e),E(G().patchOverride(`message`,t))}),R()()}if(e&2){let e=G();k(7),I(`value`,e.overrideDraft().message)}}function s$(e,t){e&1&&J(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function c$(e,t){e&1&&(L(0,`p`,126),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,s$,1,0),R()),e&2&&(k(2),N(t===`http`?2:-1))}function l$(e,t){if(e&1){let e=H();L(0,`label`),J(1,` TransferState key `),L(2,`input`,123),U(`input`,function(t){return T(e),E(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`,124),U(`input`,function(t){return T(e),E(G().patchOverride(`value`,t))}),R()(),L(9,`p`,125),J(10),R(),M(11,c$,3,1,`p`,126)}if(e&2){let e,t=G();k(2),I(`value`,t.overrideDraft().key),k(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`),k(2),Y(t.overrideValueError()),k(),N((e=t.overrideFromPayload())?11:-1,e)}}function u$(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 d$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function f$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function p$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleOverride(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,127),U(`click`,function(){let t=T(e).$implicit;return E(G().removeOverride(t.id))}),J(8,` Remove `),R(),L(9,`span`,119),M(10,d$,2,1,`span`),M(11,f$,2,2,`span`),R()()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(n.overrideLabel(e.kind)),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),k(3),N(e.message?10:-1),k(),N(e.key?11:-1)}}function m$(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function h$(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;k(4),Y(e.hydrated),k(5),Y(e.skipped),k(4),q(`bad`,e.mismatched>0),k(),Y(e.mismatched)}}function g$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Expected`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.expected)}}function _$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Actual`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.actual)}}function v$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,g$,5,1,`span`,129),M(4,_$,5,1,`span`,129),R()),e&2){let e=t.$implicit;k(2),Y(`<`+e.component+`>`),k(),N(e.expected?3:-1),k(),N(e.actual?4:-1)}}function y$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,128),P(3,v$,5,3,`li`,null,kg),R()),e&2){let e=G();k(),X(`Mismatches (`,e.mismatches.length,`)`),k(2),F(e.mismatches)}}function b$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;k(2),Y(e)}}function x$(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,131),P(3,b$,3,1,`li`,null,kg),R()),e&2){let e=G();k(3),F(e.skipHydrationHosts)}}function S$(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 C$(e,t){if(e&1&&(L(0,`pre`,132),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function w$(e,t){e&1&&(L(0,`p`,87),J(1,`No hydration warnings.`),R())}function T$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,C$,2,1,`pre`,132,kg,!1,w$,2,0,`p`,87)),e&2){let e=G();k(),X(`Warnings (`,e.warnings.length,`)`),k(),F(e.warnings)}}function E$(e,t){if(e&1&&(L(0,`dl`,86)(1,`div`)(2,`dt`),J(3,`Enabled`),R(),L(4,`dd`)(5,`span`,99),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,h$,15,5),R(),M(33,y$,5,1),M(34,x$,5,0),M(35,S$,7,0)(36,T$,5,2)),e&2){let e,n=t;k(5),q(`on`,n.enabled)(`off-tag`,!n.enabled),k(),Y(n.enabled?`yes`:`no (client render only)`),k(5),Y(n.hydratedComponents??`n/a`),k(5),Y(n.hydratedNodes??`n/a`),k(5),Y(n.componentsSkippedHydration??`n/a`),k(5),Y(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),k(5),Y(n.deferBlocksWithIncrementalHydration??`n/a`),k(),N((e=n.nodes)?32:-1,e),k(),N(n.mismatches?.length?33:-1),k(),N(n.skipHydrationHosts.length?34:-1),k(),N(n.warningsCaptured===!1?35:36)}}function D$(e,t){e&1&&(L(0,`div`,12)(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 O$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function k$(e,t){if(e&1&&(L(0,`p`,134),J(1),R()),e&2){let e=G(2);k(),Y(e.error)}}function A$(e,t){e&1&&(L(0,`span`,99),J(1),R()),e&2&&(k(),Y(t))}function j$(e,t){if(e&1&&(L(0,`span`,99),J(1),R(),L(2,`span`,137),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`),k(),X(`HTTP `,e.status),k(2),Y(e.url??n.key)}}function M$(e,t){if(e&1&&(L(0,`span`,137),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.key)}}function N$(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G().$implicit;return E(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 P$(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,136),M(3,A$,2,1,`span`,99),M(4,j$,4,6)(5,M$,2,1,`span`,137),L(6,`span`,138),J(7),R()(),L(8,`div`,139)(9,`span`,140),J(10,`Key`),R(),L(11,`code`,141),J(12),R(),L(13,`div`,142)(14,`button`,110),U(`click`,function(){let t=T(e).$implicit;return E(G(3).copyKey(t.key))}),J(15,` Copy `),R(),M(16,N$,2,1,`button`,108),R()(),L(17,`pre`,143),J(18),xv(19,`json`),R()()}if(e&2){let e,n,r=t.$implicit,i=G(3);k(3),N((e=i.payloadLabel(r))?3:-1,e),k(),N((n=r.http)?4:5,n),k(3),X(``,r.size,` B`),k(5),Y(r.key),k(2),j(`aria-label`,`Copy key `+r.key),k(2),N(i.canEditEntry(r)?16:-1),k(),j(`aria-label`,`Value of `+r.key),k(),Y(Cv(19,8,r.value))}}function F$(e,t){if(e&1&&(L(0,`p`,133),J(1),R(),M(2,k$,2,1,`p`,134),L(3,`div`,135),P(4,P$,20,10,`details`,null,iQ),R()),e&2){let e=G();k(),rv(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),k(),N(e.error?2:-1),k(2),F(e.entries)}}function I$(e,t){e&1&&M(0,O$,3,0,`div`,12)(1,F$,6,4),e&2&&N(+!!t.found)}function L$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var R$={kind:`render-error`,pattern:``,message:``,key:``,value:``},z$={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},B$={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},V$={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function H$(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var U$=/\[redacted\]|%5Bredacted%5D/gi;function W$(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?H$(e):e).replace(U$,`*`)}function G$(e){let t=ek(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var K$=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function q$(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function J$(e){let t=q$(e);return t===`/`?``:t}var Y$=/\[redacted\]|%5Bredacted%5D/i,X$=200,Z$=50,Q$=500,$$=1e5,e1=[{value:``,label:`None`},...qT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],t1=class e{rpc=$(null);canWrite=Q(()=>rD(this.rpc(),`http`));writesOff=bE(`http`);loading=O(!1);failed=O(!1);serverCalls=O([]);pages=O([]);payloads=O({});serverDropped=O(0);requests=O([]);rules=O([]);overrides=O([]);overrideDraft=O({...R$});overrideFromPayload=O(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=LE();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=O(null);draft=O({...V$});message=O(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=e1;unsubscribe=[];destroyRef=C(Ds);injector=C(Ts);host=C(Il);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(()=>nD(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=O(``);sideFilter=O(`all`);failedOnly=O(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];callWindow=new iP({count:Q(()=>this.visibleCalls().length),estimate:37});shownCalls=Q(()=>{let{start:e,end:t}=this.callWindow.range();return this.visibleCalls().slice(e,t).map((t,n)=>({entry:t,index:e+n}))});callsBody=Jv(`callsBody`);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} ${H$(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} ${H$(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${H$(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>Q$||this.bodyError()||this.rules().length>=Z$)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&&!JT(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>=Z$?`You can add up to ${Z$} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>Q$?`The URL pattern is limited to ${Q$} characters.`:this.bodyError()?``:e.status.trim()&&!JT(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>$$)return`The mock body is limited to ${$$} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){mc(()=>{let e=this.callsBody()?.nativeElement;e&&this.callWindow.attach(e)}),mc(()=>{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 KT[e]??``}refetchReason(e){let t=`${e.method} ${H$(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${H$(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 B$[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),Hd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return ek(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=W$(e.url),r=e.error||!e.preview?null:G$(e.preview);this.draft.set({...V$,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.`),Hd(()=>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&&!K$.includes(e)?[...K$,e]:K$).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({...V$}),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 VE(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 z$[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<=X$&&!Y$.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...R$,kind:`state-edit`,pattern:t?J$(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),Hd(()=>{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({...R$,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){Hd(()=>{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(``),Hd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await VE(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 VE(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=A({type:e,selectors:[[`app-network-inspector`]],viewQuery:function(e,t){e&1&&l_(t.callsBody,eQ,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:128,vars:54,consts:[[`callsBody`,``],[`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`],[`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`],[1,`table-wrap`],[`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`],[1,`muted`,`small`,`window-note`],[`aria-rowindex`,`1`],[`appRovingList`,`button[data-call-id]`,3,`rovingWindow`],[`aria-hidden`,`true`,1,`spacer`],[`colspan`,`7`],[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,aQ,4,0,`div`,1)(1,oQ,7,0,`div`,2),L(2,`div`,3)(3,`div`,4)(4,`span`,5),J(5,`Page`),R(),L(6,`app-select`,6),U(`valueChange`,function(e){return t.selectPage(e)}),R()(),L(7,`button`,7),U(`click`,function(){return t.clearCalls()}),J(8,` Clear timeline `),R(),L(9,`p`,8),J(10),R()(),L(11,`div`,9)(12,`section`,10)(13,`h2`,11),J(14),R(),M(15,MQ,20,1)(16,NQ,11,0,`div`,12),R(),L(17,`section`,13)(18,`h2`,14),J(19),R(),z(20,`app-limit-note`,15),L(21,`div`,16)(22,`div`,17),D(),L(23,`svg`,18),z(24,`circle`,19)(25,`path`,20),R(),_s(),L(26,`input`,21),U(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),R()(),L(27,`app-select`,22),cv(`valueChange`,function(e){return sv(t.sideFilter,e)||(t.sideFilter=e),e}),R(),L(28,`label`,23)(29,`input`,24),U(`change`,function(e){return t.failedOnly.set(e.target.checked)}),R(),J(30,` Failed only `),R(),L(31,`span`,25),J(32),R(),L(33,`span`,26),J(34),R()(),M(35,UQ,25,5)(36,KQ,9,1,`div`,27)(37,qQ,11,0,`div`,12),M(38,XQ,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,ZQ,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,QQ,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,i$,17,17,`li`,52,tQ,!1,a$,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,o$,8,1)(107,l$,12,6)(108,u$,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,p$,12,12,`li`,52,tQ,!1,m$,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,E$,37,14)(122,D$,5,0,`div`,12),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,I$,2,1)(127,L$,3,0,`div`,12),R()()),e&2){let e,n,r,i;N(t.loading()?0:t.failed()?1:-1),k(6),I(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),k(),I(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),Y(t.message()),k(4),X(`SSR requests (`,t.requests().length,`)`),k(),N(t.requests().length?15:16),k(4),X(`HTTP timeline (`,t.timeline().length,`)`),k(),I(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),k(),q(`no-calls`,!t.timeline().length),k(5),I(`value`,t.callQuery()),k(),I(`options`,t.sideOptions),ov(`value`,t.sideFilter),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.visibleCalls().length,` of `,t.timeline().length),k(2),Y(t.filterStatus()),k(),N(t.visibleCalls().length?35:t.timeline().length?36:37),k(3),N((e=t.selectedCall())?38:-1,e),k(4),N(t.canWrite()?-1:42),k(7),I(`value`,t.draft().pattern),k(5),I(`options`,t.methodOptions())(`value`,t.draft().method),k(4),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),k(5),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),k(3),I(`value`,t.draft().delayMs),k(6),I(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),j(`aria-invalid`,t.bodyError()?`true`:null),k(2),Y(t.bodyError()),k(),N(t.draftMocksOnServer()?75:-1),k(2),Y(t.draftHint()),k(2),I(`disabled`,!t.canWrite()||!t.draftRule()),j(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),k(3),X(` Rules (`,t.rules().length,`) `),k(2),F(t.rules()),k(15),I(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),k(6),I(`value`,t.overrideDraft().pattern),k(),N((n=t.overrideDraft().kind)===`render-error`?106:n===`state-edit`?107:n===`client-render`?108:-1),k(4),I(`disabled`,!t.canWrite()||!t.overrideReady()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),X(` Overrides (`,t.overrides().length,`) `),k(2),F(t.overrides()),k(6),N((r=t.selected()?.hydration)?121:122,r),k(5),N((i=t.selectedPayload())?126:127,i)}},dependencies:[rk,Uz,OO,gb],styles:[`@charset "UTF-8";
+}`]})},iQ=[`callsBody`],aQ=(e,t)=>t.id,oQ=(e,t)=>t.id+t.kind,sQ=(e,t)=>t.entry.side+t.entry.id,cQ=(e,t)=>t.key;function lQ(e,t){e&1&&(L(0,`div`,1),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function uQ(e,t){if(e&1){let e=H();L(0,`div`,2)(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function dQ(e,t){e&1&&(L(0,`span`,82),J(1,`this page`),R())}function fQ(e,t){e&1&&(L(0,`span`,83),J(1,`overridden`),R())}function pQ(e,t){e&1&&(L(0,`span`,84),J(1,`aborted`),R())}function mQ(e,t){if(e&1){let e=H();L(0,`tr`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectedRequestId.set(t.id))}),L(1,`td`,75)(2,`button`,76)(3,`span`,77),J(4),R(),J(5),R()(),L(6,`td`,78),z(7,`span`,79),J(8),R(),L(9,`td`),J(10),R(),L(11,`td`,80),J(12),R(),L(13,`td`,80),J(14),R(),L(15,`td`)(16,`div`,81),M(17,dQ,2,0,`span`,82),M(18,fQ,2,0,`span`,83),M(19,pQ,2,0,`span`,84),R()()()}if(e&2){let e=t.$implicit,n=G(2);q(`selected`,n.selectedRequest()?.id===e.id),k(2),I(`title`,e.url),j(`aria-pressed`,n.selectedRequest()?.id===e.id),k(2),Y(e.method),k(),X(` `,e.url,` `),k(),q(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),k(2),X(``,e.status,` `),k(2),Y(n.renderModeLabel(e.renderMode)),k(2),X(``,e.renderMs,` ms`),k(2),Z(``,e.fetches,` (`,e.fetchMs,` ms)`),k(3),N(e.id===n.selected()?.ssrRequestId?17:-1),k(),N(e.overrides?.length?18:-1),k(),N(e.aborted?19:-1)}}function hQ(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&&(k(),X(` The body was already compressed (`,t,`) when `))}function gQ(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.note)}}function _Q(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,83),J(2),R(),L(3,`span`),J(4),R(),M(5,gQ,2,1,`span`,89),R()),e&2){let e=t.$implicit,n=G(4);k(2),Y(n.overrideLabel(e.kind)),k(2),Y(e.applied?`applied`:`not applied`),k(),N(e.note?5:-1)}}function vQ(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,_Q,6,3,`p`,88,oQ)),e&2){let e=G();k(4),F(e.overrides)}}function yQ(e,t){if(e&1&&(J(0,` to `),L(1,`code`),J(2),R()),e&2){let e=G().$implicit;k(2),Y(e.finalUrl)}}function bQ(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);k(3),q(`bad`,t.guardVerdict(e)===`rejected`),k(),Z(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function xQ(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);k(4),Y(t.msLabel(e.resolvers.ms))}}function SQ(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;k(4),X(``,e.durationMs,` ms`)}}function CQ(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.reason)}}function wQ(e,t){if(e&1&&(L(0,`dl`,90)(1,`div`)(2,`dt`),J(3,`Navigation`),R(),L(4,`dd`)(5,`code`),J(6),R(),M(7,yQ,3,1),J(8),R()(),M(9,bQ,5,4,`div`),M(10,xQ,5,1,`div`),M(11,SQ,5,1,`div`),R(),M(12,CQ,2,1,`p`,56)),e&2){let e=t.$implicit;k(6),Y(e.url),k(),N(e.finalUrl?7:-1),k(),X(` (`,e.outcome,`) `),k(),N(e.guards?9:-1),k(),N(e.resolvers?10:-1),k(),N(e.durationMs===void 0?-1:11),k(),N(e.reason?12:-1)}}function TQ(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,wQ,13,7,null,null,kg)),e&2){let e=G();k(2),F(e.navigations)}}function EQ(e,t){e&1&&(L(0,`span`,82),J(1,`cached`),R())}function DQ(e,t){if(e&1&&(L(0,`span`,92),J(1,`not cached`),R()),e&2){let e=G().$implicit;I(`title`,G(3).skipText(e.cacheSkip))}}function OQ(e,t){if(e&1&&(L(0,`p`,93),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),X(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function kQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,78),J(6),R(),L(7,`span`,89),J(8),R(),M(9,EQ,2,0,`span`,82)(10,DQ,2,1,`span`,92),R(),M(11,OQ,2,1,`p`,93)),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.method),k(),I(`title`,e.url),k(),Y(e.url),k(),q(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),k(),Y(n.statusLabel(e)),k(2),X(``,e.durationMs,` ms`),k(),N(e.cacheStored?9:e.cacheSkip?10:-1),k(2),N(!e.cacheStored&&e.cacheSkip?11:-1)}}function AQ(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function jQ(e,t){e&1&&(L(0,`p`,93),J(1),R()),e&2&&(k(),X(`Why: `,t,`.`))}function MQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,84),J(6,`cache miss`),R()(),M(7,jQ,2,1,`p`,93)),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(n.method),k(),I(`title`,n.url),k(),Y(n.url),k(3),N((e=r.refetchReason(n))?7:-1,e)}}function NQ(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,MQ,8,4,null,null,aQ)),e&2){let e=G(3);k(),X(`Fetched again in the browser (`,e.refetched().length,`)`),k(3),F(e.refetched())}}function PQ(e,t){e&1&&(L(0,`p`,87),J(1,`No server call ran again in the browser.`),R())}function FQ(e,t){if(e&1&&(L(0,`div`,73)(1,`h3`,85),J(2),L(3,`code`),J(4),R()(),L(5,`dl`,86)(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,hQ,11,1,`p`,56),M(33,vQ,6,0),M(34,TQ,4,0),L(35,`h3`),J(36),R(),P(37,kQ,12,11,null,null,aQ,!1,AQ,2,0,`p`,56),M(40,NQ,6,1)(41,PQ,2,0,`p`,87),R()),e&2){let e,n=t,r=G(2);k(2),X(` `,n.method,` `),k(2),Y(n.url),k(7),Y(n.id),k(5),X(``,n.renderMs,` ms`),k(5),X(``,n.durationMs,` ms`),k(5),X(``,n.bytes,` B`),k(5),Y(r.requestPage()?.title||r.requestPage()?.url||`not connected`),k(),N((e=r.compressedWith(n))?32:-1,e),k(),N(n.overrides?.length?33:-1),k(),N(n.navigations?.length?34:-1),k(2),X(`Server calls (`,r.requestCalls().length,`)`),k(),F(r.requestCalls()),k(3),N(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function IQ(e,t){if(e&1&&(L(0,`div`,69)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,70),J(5,`Request`),R(),L(6,`th`,70),J(7,`Status`),R(),L(8,`th`,70),J(9,`Render mode`),R(),L(10,`th`,71),J(11,`Render`),R(),L(12,`th`,71),J(13,`Server calls`),R(),L(14,`th`,70),J(15,`Notes`),R()()(),L(16,`tbody`),P(17,mQ,20,20,`tr`,72,aQ),R()()(),M(19,FQ,42,13,`div`,73)),e&2){let e,t=G();k(17),F(t.requests()),k(2),N((e=t.selectedRequest())?19:-1,e)}}function LQ(e,t){e&1&&(L(0,`div`,12)(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 RQ(e,t){e&1&&(L(0,`p`,94),J(1,` Rows render as you scroll, so the browser's find only sees the ones near view; the search field searches them all. `),R())}function zQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padTop(),`px`)}}function BQ(e,t){e&1&&(L(0,`span`,99),J(1,`transfer cache`),R())}function VQ(e,t){if(e&1&&(L(0,`span`,99),J(1),R()),e&2){G();let e=fv(0);k(),X(`delayed `,e.delayMs,` ms`)}}function HQ(e,t){e&1&&(L(0,`span`,83),J(1,`mocked`),R())}function UQ(e,t){e&1&&(L(0,`span`,84),J(1,`faulted`),R())}function WQ(e,t){if(e&1&&(L(0,`span`,102),J(1,`rule `),L(2,`code`),J(3),R()()),e&2){let e=t;I(`title`,`Matched rule: `+e),k(3),Y(e)}}function GQ(e,t){if(e&1){let e=H();uv(0),L(1,`tr`,74),U(`click`,function(){T(e);let t=fv(0);return E(G(2).openCall(t.id))}),L(2,`td`)(3,`span`,99),J(4),R()(),L(5,`td`,77),J(6),R(),L(7,`td`,75)(8,`button`,100),J(9),R()(),L(10,`td`,101),J(11),R(),L(12,`td`,78),z(13,`span`,79),J(14),R(),L(15,`td`,80),J(16),R(),L(17,`td`)(18,`div`,81),M(19,BQ,2,0,`span`,99),M(20,VQ,2,1,`span`,99),M(21,HQ,2,0,`span`,83),M(22,UQ,2,0,`span`,84),M(23,WQ,4,2,`span`,102),R()()()}if(e&2){let e,n=t.$implicit,r=G(2),i=dv(n.entry);k(),q(`selected`,r.selectedCall()?.id===i.id),j(`aria-rowindex`,n.index+2)(`data-vindex`,n.index),k(2),q(`server`,i.side===`server`),k(),Y(i.side===`server`?`SSR`:`Client`),k(2),Y(i.method),k(2),I(`title`,i.url),j(`data-call-id`,i.id)(`aria-pressed`,r.selectedCall()?.id===i.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),k(),X(` `,i.url,` `),k(),I(`title`,i.pageUrl??``),k(),X(` `,i.pageUrl??``,` `),k(),q(`ok`,r.callTone(i)===`ok`)(`redirect`,r.callTone(i)===`redirect`)(`bad`,r.callTone(i)===`bad`),k(2),X(``,r.statusLabel(i),` `),k(2),X(``,i.durationMs,` ms`),k(3),N(i.cacheHit?19:-1),k(),N(i.delayMs?20:-1),k(),N(i.mocked?21:-1),k(),N(i.faulted?22:-1),k(),N((e=r.rulePatternOf(i))?23:-1,e)}}function KQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padBottom(),`px`)}}function qQ(e,t){if(e&1&&(M(0,RQ,2,0,`p`,94),L(1,`div`,69)(2,`table`)(3,`thead`)(4,`tr`,95)(5,`th`,70),J(6,`Side`),R(),L(7,`th`,70),J(8,`Method`),R(),L(9,`th`,70),J(10,`URL`),R(),L(11,`th`,70),J(12,`Page`),R(),L(13,`th`,70),J(14,`Status`),R(),L(15,`th`,71),J(16,`Time`),R(),L(17,`th`,70),J(18,`Notes`),R()()(),L(19,`tbody`,96,0),M(21,zQ,2,2,`tr`,97),P(22,GQ,24,29,`tr`,72,sQ),M(24,KQ,2,2,`tr`,97),R()()()),e&2){let e=G();N(e.callWindow.enabled()?0:-1),k(2),j(`aria-rowcount`,e.visibleCalls().length+1),k(17),I(`rovingWindow`,e.callWindow),k(2),N(e.callWindow.padTop()?21:-1),k(),F(e.shownCalls()),k(2),N(e.callWindow.padBottom()?24:-1)}}function JQ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function YQ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function XQ(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,JQ,1,1)(5,YQ,1,1),R(),L(6,`div`,103)(7,`button`,68),U(`click`,function(){return T(e),E(G().clearCallFilters())}),J(8,`Clear filters`),R()()()}if(e&2){let e=G();k(4),N(e.callQuery().trim()?4:5)}}function ZQ(e,t){e&1&&(L(0,`div`,12)(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 QQ(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G();return E(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 $Q(e,t){e&1&&(L(0,`p`,112),J(1,` Matched rule `),L(2,`code`),J(3),R()()),e&2&&(k(3),Y(t))}function e$(e,t){if(e&1){let e=H();L(0,`div`,104),U(`keydown.escape`,function(){return T(e),E(G().closePreview())}),L(1,`div`,105)(2,`h3`,106),J(3,`Response preview`),R(),L(4,`div`,107),M(5,QQ,2,1,`button`,108),L(6,`button`,109),U(`click`,function(){let t=T(e);return E(G().mockCall(t))}),J(7,` Mock this request `),R(),L(8,`button`,110),U(`click`,function(){return T(e),E(G().closePreview())}),J(9,`Close`),R()()(),L(10,`p`,111)(11,`span`,77),J(12),R(),L(13,`span`,78),J(14),R(),L(15,`span`,91),J(16),R()(),M(17,$Q,4,1,`p`,112),L(18,`pre`,113),J(19),R()()}if(e&2){let e,n=t,r=G();k(5),N(!n.error&&n.preview?5:-1),k(),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`http-writes-off`),k(6),Y(n.method),k(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),k(),Y(r.statusLabel(n)),k(),I(`title`,n.url),k(),Y(n.url),k(),N((e=r.rulePatternOf(n))?17:-1,e),k(),q(`error`,!!n.error&&!n.cancelled),j(`aria-label`,n.error?`Response error`:`Response body`),k(),Y(n.error??r.previewText(n)??`(no body)`)}}function t$(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();k(),Y(e.writesOff)}}function n$(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 r$(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function i$(e,t){if(e&1&&(L(0,`span`,78),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`),k(),Y(e.status)}}function a$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.delayMs,` ms`)}}function o$(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function s$(e,t){e&1&&(L(0,`p`,121),J(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),R())}function c$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleRule(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,118),U(`click`,function(){let t=T(e).$implicit;return E(G().removeRule(t.id))}),J(8,` Remove `),R(),L(9,`span`,119)(10,`span`),J(11),R(),M(12,r$,2,0,`span`)(13,i$,2,7,`span`,120),M(14,a$,2,1,`span`),M(15,o$,2,0,`span`),R(),M(16,s$,2,0,`p`,121),R()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(e.method||`ANY`),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),k(4),Y(n.targetLabel(e.target)),k(),N(e.status===void 0?12:13),k(2),N(e.delayMs?14:-1),k(),N(e.body?15:-1),k(),N(n.mocksOnServer(e)?16:-1)}}function l$(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function u$(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`,122),U(`input`,function(t){return T(e),E(G().patchOverride(`message`,t))}),R()()}if(e&2){let e=G();k(7),I(`value`,e.overrideDraft().message)}}function d$(e,t){e&1&&J(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function f$(e,t){e&1&&(L(0,`p`,126),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,d$,1,0),R()),e&2&&(k(2),N(t===`http`?2:-1))}function p$(e,t){if(e&1){let e=H();L(0,`label`),J(1,` TransferState key `),L(2,`input`,123),U(`input`,function(t){return T(e),E(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`,124),U(`input`,function(t){return T(e),E(G().patchOverride(`value`,t))}),R()(),L(9,`p`,125),J(10),R(),M(11,f$,3,1,`p`,126)}if(e&2){let e,t=G();k(2),I(`value`,t.overrideDraft().key),k(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`),k(2),Y(t.overrideValueError()),k(),N((e=t.overrideFromPayload())?11:-1,e)}}function m$(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 h$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function g$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function _$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleOverride(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,127),U(`click`,function(){let t=T(e).$implicit;return E(G().removeOverride(t.id))}),J(8,` Remove `),R(),L(9,`span`,119),M(10,h$,2,1,`span`),M(11,g$,2,2,`span`),R()()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(n.overrideLabel(e.kind)),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),k(3),N(e.message?10:-1),k(),N(e.key?11:-1)}}function v$(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function y$(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;k(4),Y(e.hydrated),k(5),Y(e.skipped),k(4),q(`bad`,e.mismatched>0),k(),Y(e.mismatched)}}function b$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Expected`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.expected)}}function x$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Actual`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.actual)}}function S$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,b$,5,1,`span`,129),M(4,x$,5,1,`span`,129),R()),e&2){let e=t.$implicit;k(2),Y(`<`+e.component+`>`),k(),N(e.expected?3:-1),k(),N(e.actual?4:-1)}}function C$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,128),P(3,S$,5,3,`li`,null,kg),R()),e&2){let e=G();k(),X(`Mismatches (`,e.mismatches.length,`)`),k(2),F(e.mismatches)}}function w$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;k(2),Y(e)}}function T$(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,131),P(3,w$,3,1,`li`,null,kg),R()),e&2){let e=G();k(3),F(e.skipHydrationHosts)}}function E$(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 D$(e,t){if(e&1&&(L(0,`pre`,132),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function O$(e,t){e&1&&(L(0,`p`,87),J(1,`No hydration warnings.`),R())}function k$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,D$,2,1,`pre`,132,kg,!1,O$,2,0,`p`,87)),e&2){let e=G();k(),X(`Warnings (`,e.warnings.length,`)`),k(),F(e.warnings)}}function A$(e,t){if(e&1&&(L(0,`dl`,86)(1,`div`)(2,`dt`),J(3,`Enabled`),R(),L(4,`dd`)(5,`span`,99),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,y$,15,5),R(),M(33,C$,5,1),M(34,T$,5,0),M(35,E$,7,0)(36,k$,5,2)),e&2){let e,n=t;k(5),q(`on`,n.enabled)(`off-tag`,!n.enabled),k(),Y(n.enabled?`yes`:`no (client render only)`),k(5),Y(n.hydratedComponents??`n/a`),k(5),Y(n.hydratedNodes??`n/a`),k(5),Y(n.componentsSkippedHydration??`n/a`),k(5),Y(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),k(5),Y(n.deferBlocksWithIncrementalHydration??`n/a`),k(),N((e=n.nodes)?32:-1,e),k(),N(n.mismatches?.length?33:-1),k(),N(n.skipHydrationHosts.length?34:-1),k(),N(n.warningsCaptured===!1?35:36)}}function j$(e,t){e&1&&(L(0,`div`,12)(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 M$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function N$(e,t){if(e&1&&(L(0,`p`,134),J(1),R()),e&2){let e=G(2);k(),Y(e.error)}}function P$(e,t){e&1&&(L(0,`span`,99),J(1),R()),e&2&&(k(),Y(t))}function F$(e,t){if(e&1&&(L(0,`span`,99),J(1),R(),L(2,`span`,137),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`),k(),X(`HTTP `,e.status),k(2),Y(e.url??n.key)}}function I$(e,t){if(e&1&&(L(0,`span`,137),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.key)}}function L$(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G().$implicit;return E(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 R$(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,136),M(3,P$,2,1,`span`,99),M(4,F$,4,6)(5,I$,2,1,`span`,137),L(6,`span`,138),J(7),R()(),L(8,`div`,139)(9,`span`,140),J(10,`Key`),R(),L(11,`code`,141),J(12),R(),L(13,`div`,142)(14,`button`,110),U(`click`,function(){let t=T(e).$implicit;return E(G(3).copyKey(t.key))}),J(15,` Copy `),R(),M(16,L$,2,1,`button`,108),R()(),L(17,`pre`,143),J(18),xv(19,`json`),R()()}if(e&2){let e,n,r=t.$implicit,i=G(3);k(3),N((e=i.payloadLabel(r))?3:-1,e),k(),N((n=r.http)?4:5,n),k(3),X(``,r.size,` B`),k(5),Y(r.key),k(2),j(`aria-label`,`Copy key `+r.key),k(2),N(i.canEditEntry(r)?16:-1),k(),j(`aria-label`,`Value of `+r.key),k(),Y(Cv(19,8,r.value))}}function z$(e,t){if(e&1&&(L(0,`p`,133),J(1),R(),M(2,N$,2,1,`p`,134),L(3,`div`,135),P(4,R$,20,10,`details`,null,cQ),R()),e&2){let e=G();k(),rv(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),k(),N(e.error?2:-1),k(2),F(e.entries)}}function B$(e,t){e&1&&M(0,M$,3,0,`div`,12)(1,z$,6,4),e&2&&N(+!!t.found)}function V$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var H$={kind:`render-error`,pattern:``,message:``,key:``,value:``},U$={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},W$={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},G$={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function K$(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var q$=/\[redacted\]|%5Bredacted%5D/gi;function J$(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?K$(e):e).replace(q$,`*`)}function Y$(e){let t=ek(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var X$=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function Z$(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function Q$(e){let t=Z$(e);return t===`/`?``:t}var $$=/\[redacted\]|%5Bredacted%5D/i,e1=200,t1=50,n1=500,r1=1e5,i1=[{value:``,label:`None`},...qT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],a1=class e{rpc=$(null);canWrite=Q(()=>rD(this.rpc(),`http`));writesOff=bE(`http`);loading=O(!1);failed=O(!1);serverCalls=O([]);pages=O([]);payloads=O({});serverDropped=O(0);requests=O([]);rules=O([]);overrides=O([]);overrideDraft=O({...H$});overrideFromPayload=O(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=LE();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=O(null);draft=O({...G$});message=O(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=i1;unsubscribe=[];destroyRef=C(Ds);injector=C(Ts);host=C(Il);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(()=>nD(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=O(``);sideFilter=O(`all`);failedOnly=O(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];callWindow=new aP({count:Q(()=>this.visibleCalls().length),estimate:37});shownCalls=Q(()=>{let{start:e,end:t}=this.callWindow.range();return this.visibleCalls().slice(e,t).map((t,n)=>({entry:t,index:e+n}))});callsBody=Jv(`callsBody`);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} ${K$(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} ${K$(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${K$(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>n1||this.bodyError()||this.rules().length>=t1)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&&!JT(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>=t1?`You can add up to ${t1} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>n1?`The URL pattern is limited to ${n1} characters.`:this.bodyError()?``:e.status.trim()&&!JT(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>r1)return`The mock body is limited to ${r1} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){mc(()=>{let e=this.callsBody()?.nativeElement;e&&this.callWindow.attach(e)}),mc(()=>{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 KT[e]??``}refetchReason(e){let t=`${e.method} ${K$(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${K$(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 W$[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),Hd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return ek(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=J$(e.url),r=e.error||!e.preview?null:Y$(e.preview);this.draft.set({...G$,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.`),Hd(()=>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&&!X$.includes(e)?[...X$,e]:X$).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({...G$}),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 VE(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 U$[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<=e1&&!$$.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...H$,kind:`state-edit`,pattern:t?Q$(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),Hd(()=>{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({...H$,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){Hd(()=>{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(``),Hd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await VE(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 VE(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=A({type:e,selectors:[[`app-network-inspector`]],viewQuery:function(e,t){e&1&&l_(t.callsBody,iQ,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:128,vars:54,consts:[[`callsBody`,``],[`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`],[`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`],[1,`table-wrap`],[`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`],[1,`muted`,`small`,`window-note`],[`aria-rowindex`,`1`],[`appRovingList`,`button[data-call-id]`,3,`rovingWindow`],[`aria-hidden`,`true`,1,`spacer`],[`colspan`,`7`],[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,lQ,4,0,`div`,1)(1,uQ,7,0,`div`,2),L(2,`div`,3)(3,`div`,4)(4,`span`,5),J(5,`Page`),R(),L(6,`app-select`,6),U(`valueChange`,function(e){return t.selectPage(e)}),R()(),L(7,`button`,7),U(`click`,function(){return t.clearCalls()}),J(8,` Clear timeline `),R(),L(9,`p`,8),J(10),R()(),L(11,`div`,9)(12,`section`,10)(13,`h2`,11),J(14),R(),M(15,IQ,20,1)(16,LQ,11,0,`div`,12),R(),L(17,`section`,13)(18,`h2`,14),J(19),R(),z(20,`app-limit-note`,15),L(21,`div`,16)(22,`div`,17),D(),L(23,`svg`,18),z(24,`circle`,19)(25,`path`,20),R(),_s(),L(26,`input`,21),U(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),R()(),L(27,`app-select`,22),cv(`valueChange`,function(e){return sv(t.sideFilter,e)||(t.sideFilter=e),e}),R(),L(28,`label`,23)(29,`input`,24),U(`change`,function(e){return t.failedOnly.set(e.target.checked)}),R(),J(30,` Failed only `),R(),L(31,`span`,25),J(32),R(),L(33,`span`,26),J(34),R()(),M(35,qQ,25,5)(36,XQ,9,1,`div`,27)(37,ZQ,11,0,`div`,12),M(38,e$,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,t$,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,n$,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,c$,17,17,`li`,52,aQ,!1,l$,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,u$,8,1)(107,p$,12,6)(108,m$,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,_$,12,12,`li`,52,aQ,!1,v$,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,A$,37,14)(122,j$,5,0,`div`,12),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,B$,2,1)(127,V$,3,0,`div`,12),R()()),e&2){let e,n,r,i;N(t.loading()?0:t.failed()?1:-1),k(6),I(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),k(),I(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),Y(t.message()),k(4),X(`SSR requests (`,t.requests().length,`)`),k(),N(t.requests().length?15:16),k(4),X(`HTTP timeline (`,t.timeline().length,`)`),k(),I(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),k(),q(`no-calls`,!t.timeline().length),k(5),I(`value`,t.callQuery()),k(),I(`options`,t.sideOptions),ov(`value`,t.sideFilter),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.visibleCalls().length,` of `,t.timeline().length),k(2),Y(t.filterStatus()),k(),N(t.visibleCalls().length?35:t.timeline().length?36:37),k(3),N((e=t.selectedCall())?38:-1,e),k(4),N(t.canWrite()?-1:42),k(7),I(`value`,t.draft().pattern),k(5),I(`options`,t.methodOptions())(`value`,t.draft().method),k(4),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),k(5),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),k(3),I(`value`,t.draft().delayMs),k(6),I(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),j(`aria-invalid`,t.bodyError()?`true`:null),k(2),Y(t.bodyError()),k(),N(t.draftMocksOnServer()?75:-1),k(2),Y(t.draftHint()),k(2),I(`disabled`,!t.canWrite()||!t.draftRule()),j(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),k(3),X(` Rules (`,t.rules().length,`) `),k(2),F(t.rules()),k(15),I(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),k(6),I(`value`,t.overrideDraft().pattern),k(),N((n=t.overrideDraft().kind)===`render-error`?106:n===`state-edit`?107:n===`client-render`?108:-1),k(4),I(`disabled`,!t.canWrite()||!t.overrideReady()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),X(` Overrides (`,t.overrides().length,`) `),k(2),F(t.overrides()),k(6),N((r=t.selected()?.hydration)?121:122,r),k(5),N((i=t.selectedPayload())?126:127,i)}},dependencies:[rk,qz,OO,gb],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
@@ -15077,7 +15077,7 @@ summary[_ngcontent-%COMP%]:hover   .entry-key[_ngcontent-%COMP%] {
   .message[_ngcontent-%COMP%] {
     text-align: left;
   }
-}`]})};function n1(e,t){e&1&&(D(),B(0,`svg`,9),Vg(1,`path`,20),V())}function r1(e,t){e&1&&(D(),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 i1(e,t){e&1&&(D(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function a1(e,t){e&1&&(D(),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 o1(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,Nu),k(3),Y(e.label)}}function s1(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`),k(),Y(e)}}var c1=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=A({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,n1,2,0,`:svg:svg`,9)(12,r1,11,0,`:svg:svg`,10)(13,i1,5,0,`:svg:svg`,11)(14,a1,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,o1,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,s1,2,3,`li`,19,Ag),V()()),e&2){let e,n;k(11),N((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),k(7),X(` `,t.info().badge),k(2),Y(t.info().heading),k(2),Y(t.info().summary),k(),N((n=t.info().link)?23:-1,n),k(2),X(` `,t.plansTitle(),` `),k(2),F(t.info().plans)}},styles:[`[_nghost-%COMP%] {
+}`]})};function o1(e,t){e&1&&(D(),B(0,`svg`,9),Vg(1,`path`,20),V())}function s1(e,t){e&1&&(D(),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 c1(e,t){e&1&&(D(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function l1(e,t){e&1&&(D(),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 u1(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,Nu),k(3),Y(e.label)}}function d1(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`),k(),Y(e)}}var f1=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=A({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,o1,2,0,`:svg:svg`,9)(12,s1,11,0,`:svg:svg`,10)(13,c1,5,0,`:svg:svg`,11)(14,l1,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,u1,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,d1,2,3,`li`,19,Ag),V()()),e&2){let e,n;k(11),N((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),k(7),X(` `,t.info().badge),k(2),Y(t.info().heading),k(2),Y(t.info().summary),k(),N((n=t.info().link)?23:-1,n),k(2),X(` `,t.plansTitle(),` `),k(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%);
@@ -15423,9 +15423,9 @@ h2[_ngcontent-%COMP%] {
    .author[_ngcontent-%COMP%]:hover   .go[_ngcontent-%COMP%] {
     transform: none;
   }
-}`]})},l1=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function u1(e){return e==null?`Unknown`:e?`Yes`:`No`}function d1(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 f1(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 p1=new WeakMap;function m1(e){let t=e.calls;if(Array.isArray(t))return e;let n=p1.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)},p1.set(e,n)}return n}function h1(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(m1).sort((e,t)=>t.reportedAt-e.reportedAt)}function g1(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function _1(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function v1(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||_1(e,n)>=500}function y1(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 b1(e,t){let n=t-e;return n<1e3?`just now`:`${y1(n)} ago`}function x1(e,t){return l1.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 S1(e,t){let n=e.info,r=n=>e.calls.filter(e=>v1(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=>x1(e,n.platform)).length}}function C1(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 w1=/^[A-Za-z_$][\w$]*$/;function T1(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+T1(e,n)).join(`,
-`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${w1.test(e)?e:JSON.stringify(e)}: ${T1(t,n)}`).join(`,
-`)},\n${t}}`:`{}`}function E1(e){let t=w1.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=w1.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[T1(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function D1(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function O1(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 k1(e,t){if(e&1){let e=H();B(0,`button`,8),W(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,n.tabLabel(e),` `)}}function A1(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function j1(e,t){if(e&1&&(B(0,`pre`,10),J(1),V()),e&2){let e=G(2),t=fv(0);k(),Y(e.json(t.args))}}function M1(e,t){e&1&&M(0,A1,2,0,`p`,9)(1,j1,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function N1(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.code)}}function P1(e,t){if(e&1&&(B(0,`p`,11),M(1,N1,2,1,`code`),J(2),V()),e&2){let e=t;k(),N(e.code?1:-1),k(),X(` `,e.message,` `)}}function F1(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function I1(e,t){if(e&1&&(B(0,`p`,9),J(1),V()),e&2){G(3);let e=fv(0);k(),X(`The latest of `,e.callbacks,` callbacks.`)}}function L1(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function R1(e,t){if(e&1&&(B(0,`pre`,12),J(1),V()),e&2){let e=G(3),t=fv(0);k(),Y(e.json(t.result))}}function z1(e,t){if(e&1&&(M(0,I1,2,1,`p`,9),M(1,L1,2,0,`p`,9)(2,R1,2,1,`pre`,12)),e&2){G(2);let e=fv(0);N(e.callbacks&&e.callbacks>1?0:-1),k(),N(e.result===void 0?1:2)}}function B1(e,t){if(e&1&&M(0,P1,3,2,`p`,11)(1,F1,2,0,`p`,9)(2,z1,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function V1(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);k(4),Y(e.callbacks??0)}}function H1(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,V1,5,1,`div`),V()),e&2){let e=G(),t=fv(0);k(5),Y(e.time(t.startedAt)),k(5),X(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),k(3),Y(t.status===`pending`?`Waiting for`:`Duration`),k(2),Y(e.span(e.took(t,e.now()))),k(),N(t.kind===`callback`?16:-1)}}var U1=[`args`,`outcome`,`timing`],W1=class e{call=$.required();now=$.required();announce=Rv();host=C(Il);tab=O(`args`);tabOrder=U1;json=D1;time=QO;span=y1;took=_1;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:g1(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=U1.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%U1.length;else if(e.key===`ArrowLeft`)n=(t-1+U1.length)%U1.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=U1.length-1;else return;e.preventDefault();let r=U1[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`?D1(t):E1(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=A({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,k1,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,M1,2,1)(17,B1,3,1)(18,H1,17,5,`dl`),V()()),e&2){let e,n=dv(t.call());k(4),Z(``,n.plugin,`.`,n.method,`()`),k(2),rv(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),k(7),F(t.tabOrder),k(2),qg(`id`,`cap-panel-`+t.tab()),j(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),k(),N((e=t.tab())===`args`?16:e===`outcome`?17:e===`timing`?18:-1)}},styles:[`.detail[_ngcontent-%COMP%] {
+}`]})},p1=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function m1(e){return e==null?`Unknown`:e?`Yes`:`No`}function h1(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 g1(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 _1=new WeakMap;function v1(e){let t=e.calls;if(Array.isArray(t))return e;let n=_1.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)},_1.set(e,n)}return n}function y1(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(v1).sort((e,t)=>t.reportedAt-e.reportedAt)}function b1(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function x1(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function S1(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||x1(e,n)>=500}function C1(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 w1(e,t){let n=t-e;return n<1e3?`just now`:`${C1(n)} ago`}function T1(e,t){return p1.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 E1(e,t){let n=e.info,r=n=>e.calls.filter(e=>S1(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=>T1(e,n.platform)).length}}function D1(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 O1=/^[A-Za-z_$][\w$]*$/;function k1(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+k1(e,n)).join(`,
+`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${O1.test(e)?e:JSON.stringify(e)}: ${k1(t,n)}`).join(`,
+`)},\n${t}}`:`{}`}function A1(e){let t=O1.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=O1.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[k1(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function j1(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function M1(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 N1(e,t){if(e&1){let e=H();B(0,`button`,8),W(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,n.tabLabel(e),` `)}}function P1(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function F1(e,t){if(e&1&&(B(0,`pre`,10),J(1),V()),e&2){let e=G(2),t=fv(0);k(),Y(e.json(t.args))}}function I1(e,t){e&1&&M(0,P1,2,0,`p`,9)(1,F1,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function L1(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.code)}}function R1(e,t){if(e&1&&(B(0,`p`,11),M(1,L1,2,1,`code`),J(2),V()),e&2){let e=t;k(),N(e.code?1:-1),k(),X(` `,e.message,` `)}}function z1(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function B1(e,t){if(e&1&&(B(0,`p`,9),J(1),V()),e&2){G(3);let e=fv(0);k(),X(`The latest of `,e.callbacks,` callbacks.`)}}function V1(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function H1(e,t){if(e&1&&(B(0,`pre`,12),J(1),V()),e&2){let e=G(3),t=fv(0);k(),Y(e.json(t.result))}}function U1(e,t){if(e&1&&(M(0,B1,2,1,`p`,9),M(1,V1,2,0,`p`,9)(2,H1,2,1,`pre`,12)),e&2){G(2);let e=fv(0);N(e.callbacks&&e.callbacks>1?0:-1),k(),N(e.result===void 0?1:2)}}function W1(e,t){if(e&1&&M(0,R1,3,2,`p`,11)(1,z1,2,0,`p`,9)(2,U1,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function G1(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);k(4),Y(e.callbacks??0)}}function K1(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,G1,5,1,`div`),V()),e&2){let e=G(),t=fv(0);k(5),Y(e.time(t.startedAt)),k(5),X(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),k(3),Y(t.status===`pending`?`Waiting for`:`Duration`),k(2),Y(e.span(e.took(t,e.now()))),k(),N(t.kind===`callback`?16:-1)}}var q1=[`args`,`outcome`,`timing`],J1=class e{call=$.required();now=$.required();announce=Rv();host=C(Il);tab=O(`args`);tabOrder=q1;json=j1;time=QO;span=C1;took=x1;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:b1(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=q1.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%q1.length;else if(e.key===`ArrowLeft`)n=(t-1+q1.length)%q1.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=q1.length-1;else return;e.preventDefault();let r=q1[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`?j1(t):A1(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=A({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,N1,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,I1,2,1)(17,W1,3,1)(18,K1,17,5,`dl`),V()()),e&2){let e,n=dv(t.call());k(4),Z(``,n.plugin,`.`,n.method,`()`),k(2),rv(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),k(7),F(t.tabOrder),k(2),qg(`id`,`cap-panel-`+t.tab()),j(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),k(),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);
@@ -15578,7 +15578,7 @@ dd[_ngcontent-%COMP%] {
   margin: 0;
   color: var(--%NS%text);
   font-variant-numeric: tabular-nums;
-}`]})},G1=(e,t)=>t.plugin,K1=(e,t)=>t.label;function q1(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);k(),Y(e.value),k(5),Y(e.from),k(),X(`, `,t.ago(e.at,t.now()))}}function J1(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function Y1(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,q1,8,3)(5,J1,2,0,`span`,4),V()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),N(e.value===null?5:4)}}function X1(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,Y1,6,2,`div`,null,K1),V()()),e&2){let e=t.$implicit;j(`aria-labelledby`,`cap-state-`+e.plugin),k(),qg(`id`,`cap-state-`+e.plugin),k(2),Y(e.plugin),k(2),F(e.fields)}}function Z1(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function Q1(e,t=e=>e){return n=>{let r=Z1(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function $1(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var e0=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:$1([`getFoldState`],[`foldStateChange`],Q1(`state`))},{label:`Posture`,sources:$1([`getFoldState`],[`foldStateChange`],Q1(`posture`))},{label:`Hinge orientation`,sources:$1([`getFoldState`],[`foldStateChange`],Q1(`hingeOrientation`))},{label:`Hinge angle`,sources:$1([`getHingeAngle`],[`hingeAngleChange`],Q1(`angle`,e=>`${e}°`))},{label:`Active display`,sources:$1([`getFoldState`],[`foldStateChange`],Q1(`activeDisplay`))},{label:`Size class`,sources:$1([`getSizeClass`],[`sizeClassChange`],e=>{let t=Q1(`widthClass`)(e),n=Q1(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function t0(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 n0(e,t=e0){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=t0(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 r0=class e{cards=$.required();now=$.required();ago=b1;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,X1,7,3,`article`,2,G1),V()),e&2&&(k(3),F(t.cards()))},styles:[`[_nghost-%COMP%] {
+}`]})},Y1=(e,t)=>t.plugin,X1=(e,t)=>t.label;function Z1(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);k(),Y(e.value),k(5),Y(e.from),k(),X(`, `,t.ago(e.at,t.now()))}}function Q1(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function $1(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,Z1,8,3)(5,Q1,2,0,`span`,4),V()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),N(e.value===null?5:4)}}function e0(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,$1,6,2,`div`,null,X1),V()()),e&2){let e=t.$implicit;j(`aria-labelledby`,`cap-state-`+e.plugin),k(),qg(`id`,`cap-state-`+e.plugin),k(2),Y(e.plugin),k(2),F(e.fields)}}function t0(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function n0(e,t=e=>e){return n=>{let r=t0(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function r0(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var i0=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:r0([`getFoldState`],[`foldStateChange`],n0(`state`))},{label:`Posture`,sources:r0([`getFoldState`],[`foldStateChange`],n0(`posture`))},{label:`Hinge orientation`,sources:r0([`getFoldState`],[`foldStateChange`],n0(`hingeOrientation`))},{label:`Hinge angle`,sources:r0([`getHingeAngle`],[`hingeAngleChange`],n0(`angle`,e=>`${e}°`))},{label:`Active display`,sources:r0([`getFoldState`],[`foldStateChange`],n0(`activeDisplay`))},{label:`Size class`,sources:r0([`getSizeClass`],[`sizeClassChange`],e=>{let t=n0(`widthClass`)(e),n=n0(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function a0(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 o0(e,t=i0){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=a0(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 s0=class e{cards=$.required();now=$.required();ago=w1;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,e0,7,3,`article`,2,Y1),V()),e&2&&(k(3),F(t.cards()))},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -15654,7 +15654,7 @@ dd[_ngcontent-%COMP%] {
 
 .missing[_ngcontent-%COMP%] {
   font-style: italic;
-}`]})},i0=(e,t)=>t.filter,a0=(e,t)=>t.id,o0=(e,t)=>t.name;function s0(e,t){e&1&&(L(0,`p`,1),J(1,`Loading Capacitor data…`),R())}function c0(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function l0(e,t){if(e&1){let e=H();L(0,`button`,27),U(`click`,function(){let t=T(e).$implicit;return E(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),k(2),Y(e.label),k(3),Y(e.count)}}function u0(e,t){if(e&1&&P(0,l0,6,4,`button`,26,i0),e&2){let e=G();F(G(2).callStats(e))}}function d0(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,u0,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;k(6),Y(e.platform),k(),X(` `,e.native?`native`:`web`),k(),N(e.logsCalls?8:-1),k(6),Y(e.capacitorHttp),k(6),Y(e.hints)}}function f0(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 T(e),E(G(2).selectedPageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function p0(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);k(3),I(`cards`,e.stateCards())(`now`,e.now())}}function m0(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);k(8),I(`href`,e.guideUrl,Nu)}}function h0(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);k(2),I(`href`,e.guideUrl,Nu)}}function g0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function _0(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(){T(e),G();let t=d_(7);return G(2).clearFilters(),E(t.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2),t=G();k(4),rv(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function v0(e,t){e&1&&(D(),z(0,`path`,50))}function y0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,56))}function b0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,57))}function x0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,58))}function S0(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function C0(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,46),U(`focus`,function(){let t=T(e).$implicit;return E(G(4).focusedCallId.set(t.id))})(`click`,function(){let t=T(e).$implicit;return E(G(4).select(t.id))}),L(2,`code`,47),J(3),R(),L(4,`span`,48),D(),L(5,`svg`,49),M(6,v0,1,0,`:svg:path`,50)(7,y0,2,0)(8,b0,2,0)(9,x0,2,0),R(),J(10),R(),M(11,S0,2,0,`span`,51),_s(),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);k(),q(`selected`,r.selected()?.id===n.id),j(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),k(2),Z(``,n.plugin,`.`,n.method,`()`),k(),j(`data-tone`,r.tone(n)),k(2),N((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),k(4),X(` `,r.statusLabel(n),` `),k(),N(n.kind===`callback`?11:-1),k(3),K(`width`,r.barWidth(n),`%`),k(),X(` `,r.durationText(n),` `),k(2),Y(n.via),k(2),Y(r.time(n.startedAt))}}function w0(e,t){if(e&1){let e=H();L(0,`app-capacitor-call-detail`,59),U(`announce`,function(t){return T(e),E(G(4).announce(t))}),R()}if(e&2){let e=G(4);I(`call`,t)(`now`,e.now())}}function T0(e,t){if(e&1){let e=H();L(0,`div`,42)(1,`ol`,44),U(`keydown`,function(t){return T(e),E(G(3).onListKey(t))}),P(2,C0,20,15,`li`,null,a0),R(),M(4,w0,1,2,`app-capacitor-call-detail`,45),R()}if(e&2){let e,t=G(3);k(2),F(t.shownCalls()),k(2),N((e=t.selected())?4:-1,e)}}function E0(e,t){if(e&1){let e=H();M(0,h0,6,1,`p`,15),L(1,`div`,33)(2,`div`,34),D(),L(3,`svg`,35),z(4,`circle`,36)(5,`path`,37),R(),_s(),L(6,`input`,38,0),U(`input`,function(t){return T(e),E(G(2).setSearch(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).setSearch(``))}),R()(),L(8,`app-select`,39),U(`valueChange`,function(t){return T(e),E(G(2).setFilter(t))}),R(),L(9,`span`,40),J(10),R()(),z(11,`app-limit-note`,41),M(12,g0,2,0,`p`,18)(13,_0,7,3,`div`,18)(14,T0,5,1,`div`,42)}if(e&2){let e=G(),t=G();N(e.info.webCalls?-1:0),k(6),I(`value`,t.filter()),k(2),I(`options`,t.filterOptions)(`value`,t.callFilter()),k(2),Z(``,t.shownCalls().length,` of `,e.calls.length,` calls`),k(),I(`dropped`,e.dropped)(`max`,t.maxCalls()),k(),N(e.calls.length?t.shownCalls().length?14:13:12)}}function D0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function O0(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();k(),Y(e.command)}}function k0(e,t){if(e&1){let e=H();L(0,`button`,65),U(`click`,function(){T(e);let t=G();return E(G(4).copyCommand(t.command))}),J(1,` Copy `),R()}e&2&&j(`aria-label`,`Copy `+G().command)}function A0(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,O0,2,1,`code`),J(3),R(),M(4,k0,2,1,`button`,64)),e&2){let e=t;k(),Y(e.before),k(),N(e.command?2:-1),k(),Y(e.after),k(),N(e.command?4:-1)}}function j0(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,A0,5,4),R()()),e&2){let e,n=t.$implicit,r=G(2),i=G();k(3),Y(n.name),k(2),Y(n.available?`Yes`:`No`),k(2),Y(i.yesNo(n.registered)),k(2),Y(n.native?`Yes`:`No`),k(2),N((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function M0(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,j0,12,5,`tr`,null,o0),R()()()),e&2){let e=G();k(15),F(e.info.plugins)}}function N0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function P0(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(3);k(),Y(t.preview(e.last))}}function F0(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function I0(e,t){if(e&1&&(M(0,P0,2,1,`code`,68)(1,F0,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)),k(3),X(`at `,t.time(e.lastEventAt))}}function L0(e,t){e&1&&J(0,` None yet `)}function R0(e,t){if(e&1&&(L(0,`span`,67),D(),L(1,`svg`,49),z(2,`path`,69)(3,`path`,70),R(),J(4),R()),e&2){let e=G().$implicit,t=G(3);k(4),X(` `,t.leakCount(e),` active listeners: possible leak `)}}function z0(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,I0,4,2)(11,L0,1,0),R(),L(12,`td`),J(13),M(14,R0,5,1,`span`,67),R()()),e&2){let e=t.$implicit,n=G(3);k(3),Y(e.plugin),k(3),Y(e.event),k(2),Y(e.events),k(2),N(e.lastEventAt?10:11),k(3),X(` `,e.removed?`Removed`:`Active`,` `),k(),N(!e.removed&&n.leakCount(e)>1?14:-1)}}function B0(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,z0,15,6,`tr`,null,a0),R()()()),e&2){let e=G();k(15),F(e.listeners)}}function V0(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,d0,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,f0,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,p0,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,m0,12,1,`p`,15)(46,E0,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,D0,2,0,`p`,18)(51,M0,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,N0,2,0,`p`,18)(56,B0,17,0,`div`,22),R()),e&2){let e,n=t,r=G();k(3),N((e=r.summary())?3:-1,e),k(2),Y(r.message()),k(5),N(r.pageOptions().length>1?10:-1),k(7),Y(n.info.platform),k(),X(` (`,n.info.native?`native`:`web`,`) `),k(6),Y(n.info.env.serverUrl||`none`),k(5),X(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),k(5),Y(r.loggedLabel()),k(6),Y(n.info.env.userAgent||`unknown`),k(),N(r.stateCards().length?41:-1),k(4),N(!n.info.bridge&&!n.info.webCalls?45:46),k(5),N(n.info.plugins.length?51:50),k(5),N(n.listeners.length?56:55)}}function H0(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 U0=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,W0=2e3,G0={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},K0=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);injector=C(Ts);seen=new Map;hostPageId=LE();unsubscribe;time=QO;preview=O1;pluginHint=x1;guideUrl=U0;yesNo=u1;filterOptions=Object.keys(G0).map(e=>({value:e,label:G0[e]}));pages=O([]);loaded=O(!1);failed=O(!1);selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:f1(e,this.hostPageId)});selectedCallId=O(null);focusedCallId=O(null);filter=O(``);callFilter=O(`all`);now=O(Date.now());message=O(``);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(()=>nD(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=>v1(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=>_1(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${G0[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?n0(e):[]});leaks=Q(()=>C1(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?S1(e,this.now()):null});summary=O(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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),Hd(()=>{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`:g1(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:g1(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${y1(_1(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,_1(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+W0-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(d1(h1(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=A({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,s0,2,0,`p`,1)(1,c0,5,0,`div`,2)(2,V0,57,13)(3,H0,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[rk,OO,W1,r0],styles:[`[_nghost-%COMP%] {
+}`]})},c0=(e,t)=>t.filter,l0=(e,t)=>t.id,u0=(e,t)=>t.name;function d0(e,t){e&1&&(L(0,`p`,1),J(1,`Loading Capacitor data…`),R())}function f0(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function p0(e,t){if(e&1){let e=H();L(0,`button`,27),U(`click`,function(){let t=T(e).$implicit;return E(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),k(2),Y(e.label),k(3),Y(e.count)}}function m0(e,t){if(e&1&&P(0,p0,6,4,`button`,26,c0),e&2){let e=G();F(G(2).callStats(e))}}function h0(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,m0,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;k(6),Y(e.platform),k(),X(` `,e.native?`native`:`web`),k(),N(e.logsCalls?8:-1),k(6),Y(e.capacitorHttp),k(6),Y(e.hints)}}function g0(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 T(e),E(G(2).selectedPageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function _0(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);k(3),I(`cards`,e.stateCards())(`now`,e.now())}}function v0(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);k(8),I(`href`,e.guideUrl,Nu)}}function y0(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);k(2),I(`href`,e.guideUrl,Nu)}}function b0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function x0(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(){T(e),G();let t=d_(7);return G(2).clearFilters(),E(t.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2),t=G();k(4),rv(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function S0(e,t){e&1&&(D(),z(0,`path`,50))}function C0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,56))}function w0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,57))}function T0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,58))}function E0(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function D0(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,46),U(`focus`,function(){let t=T(e).$implicit;return E(G(4).focusedCallId.set(t.id))})(`click`,function(){let t=T(e).$implicit;return E(G(4).select(t.id))}),L(2,`code`,47),J(3),R(),L(4,`span`,48),D(),L(5,`svg`,49),M(6,S0,1,0,`:svg:path`,50)(7,C0,2,0)(8,w0,2,0)(9,T0,2,0),R(),J(10),R(),M(11,E0,2,0,`span`,51),_s(),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);k(),q(`selected`,r.selected()?.id===n.id),j(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),k(2),Z(``,n.plugin,`.`,n.method,`()`),k(),j(`data-tone`,r.tone(n)),k(2),N((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),k(4),X(` `,r.statusLabel(n),` `),k(),N(n.kind===`callback`?11:-1),k(3),K(`width`,r.barWidth(n),`%`),k(),X(` `,r.durationText(n),` `),k(2),Y(n.via),k(2),Y(r.time(n.startedAt))}}function O0(e,t){if(e&1){let e=H();L(0,`app-capacitor-call-detail`,59),U(`announce`,function(t){return T(e),E(G(4).announce(t))}),R()}if(e&2){let e=G(4);I(`call`,t)(`now`,e.now())}}function k0(e,t){if(e&1){let e=H();L(0,`div`,42)(1,`ol`,44),U(`keydown`,function(t){return T(e),E(G(3).onListKey(t))}),P(2,D0,20,15,`li`,null,l0),R(),M(4,O0,1,2,`app-capacitor-call-detail`,45),R()}if(e&2){let e,t=G(3);k(2),F(t.shownCalls()),k(2),N((e=t.selected())?4:-1,e)}}function A0(e,t){if(e&1){let e=H();M(0,y0,6,1,`p`,15),L(1,`div`,33)(2,`div`,34),D(),L(3,`svg`,35),z(4,`circle`,36)(5,`path`,37),R(),_s(),L(6,`input`,38,0),U(`input`,function(t){return T(e),E(G(2).setSearch(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).setSearch(``))}),R()(),L(8,`app-select`,39),U(`valueChange`,function(t){return T(e),E(G(2).setFilter(t))}),R(),L(9,`span`,40),J(10),R()(),z(11,`app-limit-note`,41),M(12,b0,2,0,`p`,18)(13,x0,7,3,`div`,18)(14,k0,5,1,`div`,42)}if(e&2){let e=G(),t=G();N(e.info.webCalls?-1:0),k(6),I(`value`,t.filter()),k(2),I(`options`,t.filterOptions)(`value`,t.callFilter()),k(2),Z(``,t.shownCalls().length,` of `,e.calls.length,` calls`),k(),I(`dropped`,e.dropped)(`max`,t.maxCalls()),k(),N(e.calls.length?t.shownCalls().length?14:13:12)}}function j0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function M0(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();k(),Y(e.command)}}function N0(e,t){if(e&1){let e=H();L(0,`button`,65),U(`click`,function(){T(e);let t=G();return E(G(4).copyCommand(t.command))}),J(1,` Copy `),R()}e&2&&j(`aria-label`,`Copy `+G().command)}function P0(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,M0,2,1,`code`),J(3),R(),M(4,N0,2,1,`button`,64)),e&2){let e=t;k(),Y(e.before),k(),N(e.command?2:-1),k(),Y(e.after),k(),N(e.command?4:-1)}}function F0(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,P0,5,4),R()()),e&2){let e,n=t.$implicit,r=G(2),i=G();k(3),Y(n.name),k(2),Y(n.available?`Yes`:`No`),k(2),Y(i.yesNo(n.registered)),k(2),Y(n.native?`Yes`:`No`),k(2),N((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function I0(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,F0,12,5,`tr`,null,u0),R()()()),e&2){let e=G();k(15),F(e.info.plugins)}}function L0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function R0(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(3);k(),Y(t.preview(e.last))}}function z0(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function B0(e,t){if(e&1&&(M(0,R0,2,1,`code`,68)(1,z0,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)),k(3),X(`at `,t.time(e.lastEventAt))}}function V0(e,t){e&1&&J(0,` None yet `)}function H0(e,t){if(e&1&&(L(0,`span`,67),D(),L(1,`svg`,49),z(2,`path`,69)(3,`path`,70),R(),J(4),R()),e&2){let e=G().$implicit,t=G(3);k(4),X(` `,t.leakCount(e),` active listeners: possible leak `)}}function U0(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,B0,4,2)(11,V0,1,0),R(),L(12,`td`),J(13),M(14,H0,5,1,`span`,67),R()()),e&2){let e=t.$implicit,n=G(3);k(3),Y(e.plugin),k(3),Y(e.event),k(2),Y(e.events),k(2),N(e.lastEventAt?10:11),k(3),X(` `,e.removed?`Removed`:`Active`,` `),k(),N(!e.removed&&n.leakCount(e)>1?14:-1)}}function W0(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,U0,15,6,`tr`,null,l0),R()()()),e&2){let e=G();k(15),F(e.listeners)}}function G0(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,h0,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,g0,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,_0,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,v0,12,1,`p`,15)(46,A0,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,j0,2,0,`p`,18)(51,I0,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,L0,2,0,`p`,18)(56,W0,17,0,`div`,22),R()),e&2){let e,n=t,r=G();k(3),N((e=r.summary())?3:-1,e),k(2),Y(r.message()),k(5),N(r.pageOptions().length>1?10:-1),k(7),Y(n.info.platform),k(),X(` (`,n.info.native?`native`:`web`,`) `),k(6),Y(n.info.env.serverUrl||`none`),k(5),X(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),k(5),Y(r.loggedLabel()),k(6),Y(n.info.env.userAgent||`unknown`),k(),N(r.stateCards().length?41:-1),k(4),N(!n.info.bridge&&!n.info.webCalls?45:46),k(5),N(n.info.plugins.length?51:50),k(5),N(n.listeners.length?56:55)}}function K0(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 q0=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,J0=2e3,Y0={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},X0=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);injector=C(Ts);seen=new Map;hostPageId=LE();unsubscribe;time=QO;preview=M1;pluginHint=T1;guideUrl=q0;yesNo=m1;filterOptions=Object.keys(Y0).map(e=>({value:e,label:Y0[e]}));pages=O([]);loaded=O(!1);failed=O(!1);selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:g1(e,this.hostPageId)});selectedCallId=O(null);focusedCallId=O(null);filter=O(``);callFilter=O(`all`);now=O(Date.now());message=O(``);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(()=>nD(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=>S1(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=>x1(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${Y0[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?o0(e):[]});leaks=Q(()=>D1(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?E1(e,this.now()):null});summary=O(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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),Hd(()=>{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`:b1(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:b1(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${C1(x1(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,x1(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+J0-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(h1(y1(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=A({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,d0,2,0,`p`,1)(1,f0,5,0,`div`,2)(2,G0,57,13)(3,K0,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[rk,OO,J1,s0],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -16137,7 +16137,7 @@ td.last[_ngcontent-%COMP%] {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},q0=[`log`,`info`,`warn`,`error`,`debug`];function J0(e){return e.split("`").map((e,t)=>({code:t%2==1,text:e})).filter(e=>e.text)}var Y0={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function X0(e){return!!e&&typeof e==`object`}function Z0(e){let t=X0(e)?e.pages:void 0;return X0(t)?Object.values(t).filter(e=>X0(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:X0(e.errors)?Object.values(e.errors):[],console:X0(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:X0(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 Q0(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function $0(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 e2(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 t2(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var n2=(e,t)=>t.signal+t.at,r2=(e,t)=>t.id+e;function i2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.binding)}}function a2(e,t){e&1&&(B(0,`span`,2),J(1,`A text interpolation (Angular doesn't name it)`),V())}function o2(e,t){if(e&1&&(B(0,`span`,2),J(1,` in `),V(),B(2,`code`),J(3),V()),e&2){let e=G();k(3),Y(e.template)}}function s2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function c2(e,t){if(e&1&&(B(0,`dt`),J(1,`Held by`),V(),B(2,`dd`),P(3,s2,3,2,null,null,Ag),V()),e&2){let e=G();k(3),F(e.members)}}function l2(e,t){e&1&&(B(0,`p`,4),J(1,` Values are hidden: the binding or a field that holds them has a secret-looking name. `),V())}function u2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular says this view was created after its parent was checked, so a change detection hook such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,` created it. `),V())}function d2(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V()()),e&2){let e=t.$implicit;k(2),Y(e)}}function f2(e,t){if(e&1&&(B(0,`ol`,6),P(1,d2,3,1,`li`,null,kg),V()),e&2){let e=G().$implicit;k(),F(e.stack)}}function p2(e,t){e&1&&(B(0,`span`,2),J(1,` (turn on write stacks in the Signals tab and reproduce to see the code)`),V())}function m2(e,t){if(e&1&&(B(0,`li`),J(1,` Signal `),B(2,`code`),J(3),V(),J(4),M(5,f2,3,0,`ol`,6)(6,p2,2,0,`span`,2),V()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.signal),k(),X(` at `,n.time(e.at),` `),k(),N(e.stack?.length?5:6)}}function h2(e,t){if(e&1&&(B(0,`h4`,0),J(1,`Written by`),V(),B(2,`ul`,5),P(3,m2,7,3,`li`,null,n2),V()),e&2){let e=G();k(3),F(e.writes)}}function g2(e,t){e&1&&(B(0,`p`,4),J(1,` No named signal was written with this value just before the check. Look for code that sets a field the template reads during change detection, such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,`, a getter that returns a new value each time, or a child that changes its parent. `),V())}function _2(e,t){e&1&&(B(0,`p`,4),J(1,` Where it was written is unknown: the page doesn't report signal writes (the Signals inspector is off, or Angular is older than 17). `),V())}function v2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`What changed`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Binding`),V(),B(5,`dd`),M(6,i2,2,1,`code`)(7,a2,2,0,`span`,2),M(8,o2,4,1),V(),B(9,`dt`),J(10,`Previous`),V(),B(11,`dd`)(12,`code`,3),J(13),V()(),B(14,`dt`),J(15,`Current`),V(),B(16,`dd`)(17,`code`,3),J(18),V()(),M(19,c2,5,0),V(),M(20,l2,2,0,`p`,4),M(21,u2,5,0,`p`,4),M(22,h2,5,0)(23,g2,5,0,`p`,4)(24,_2,2,0,`p`,4)),e&2){let e=t;k(6),N(e.binding?6:7),k(2),N(e.template?8:-1),k(5),Y(e.previous),k(5),Y(e.current),k(),N(e.members?.length?19:-1),k(),N(e.masked?20:-1),k(),N(e.creation?21:-1),k(),N(e.writes?.length?22:e.writesKnown?23:24)}}function y2(e,t){if(e&1&&M(0,v2,25,8),e&2){let e;N((e=G().changed())?0:-1,e)}}function b2(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.summary)}}function x2(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.op===`expected`?`Server only:`:`Client only:`)}}function S2(e,t){if(e&1&&(B(0,`li`)(1,`span`,13),J(2),V(),M(3,x2,2,1,`span`,14),B(4,`code`),J(5),V()()),e&2){let e=t.$implicit,n=G(4);j(`data-op`,e.op),k(2),Y(n.signOf(e.op)),k(),N(e.op===`same`?-1:3),k(2),Y(e.text)}}function C2(e,t){if(e&1&&(B(0,`p`,8)(1,`span`,9),J(2,`−`),V(),J(3,` server HTML Angular expected `),B(4,`span`,10),J(5,`+`),V(),J(6,` client DOM it found `),V(),B(7,`div`,11)(8,`ol`,12),P(9,S2,6,4,`li`,null,kg),V()()),e&2){let e=G();k(9),F(e.diff)}}function w2(e,t){e&1&&(B(0,`p`,4),J(1,`Angular described neither side of the mismatch.`),V())}function T2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular thinks a browser extension or third-party script changed the DOM before hydration. Try a clean browser profile, or add `),B(2,`code`),J(3,`ngSkipHydration`),V(),J(4,` to the host. `),V())}function E2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Server vs client DOM`),V(),M(2,b2,2,1,`p`,7),M(3,C2,11,0)(4,w2,2,0,`p`,4),M(5,T2,5,0,`p`,4)),e&2){let e=t;k(2),N(e.summary?2:-1),k(),N(e.diff?.length?3:4),k(2),N(e.external?5:-1)}}function D2(e,t){if(e&1&&M(0,E2,6,3),e&2){let e;N((e=G().mismatch())?0:-1,e)}}function O2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:` → `,` `)}}function k2(e,t){if(e&1&&(B(0,`dt`),J(1,`Path`),V(),B(2,`dd`),P(3,O2,3,2,null,null,kg),V()),e&2){let e=G();k(3),F(e.path)}}function A2(e,t){if(e&1&&(B(0,`dt`),J(1,`Source`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();k(4),Y(e.source)}}function j2(e,t){if(e&1){let e=H();B(0,`button`,18),W(`click`,function(){T(e);let t=G();return E(G(2).explainLookup(t.token))}),J(1),V()}if(e&2){let e=G(3);j(`aria-disabled`,e.loading()||null),k(),X(` `,e.lookup()?`Explain lookup again`:`Explain lookup`,` `)}}function M2(e,t){e&1&&(B(0,`p`,4),J(1,` The component that asked for it wasn't found on the page, so the lookup can't be walked from here. `),V())}function N2(e,t){e&1&&(B(0,`p`,4),J(1,`Walking the lookup…`),V())}function P2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function F2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function I2(e,t){if(e&1&&M(0,P2,2,1,`code`)(1,F2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function L2(e,t){if(e&1&&(B(0,`p`,17),P(1,I2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t))}}function R2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function z2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function B2(e,t){if(e&1&&M(0,R2,2,1,`code`)(1,z2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function V2(e,t){if(e&1&&(B(0,`p`,7),P(1,B2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t.summary))}}function H2(e,t){if(e&1&&(B(0,`code`,2),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.component)}}function U2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function W2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function G2(e,t){if(e&1&&M(0,U2,2,1,`code`)(1,W2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function K2(e,t){if(e&1&&(B(0,`li`)(1,`span`,20)(2,`code`),J(3),V(),M(4,H2,2,1,`code`,2),V(),B(5,`span`,21),J(6),V(),B(7,`span`,22),P(8,G2,2,1,null,null,kg),V()()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.name),k(),N(e.component?4:-1),k(),j(`data-tone`,n.stepTone[e.status]),k(),Y(n.stepLabel[e.status]),k(2),F(n.segments(e.reason))}}function q2(e,t){e&1&&J(0,` This Angular version has no resolution path, so the path follows the rendered tree. `)}function J2(e,t){if(e&1&&(B(0,`ol`,19),P(1,K2,10,4,`li`,null,r2),V(),B(3,`p`,4),J(4,` Read from the injector tree the page reported, assuming no `),B(5,`code`),J(6,`self`),V(),J(7,`, `),B(8,`code`),J(9,`skipSelf`),V(),J(10,`, `),B(11,`code`),J(12,`host`),V(),J(13,` or `),B(14,`code`),J(15,`optional`),V(),J(16,`. Agents can pass those to `),B(17,`code`),J(18,`explain-injection`),V(),J(19,`. `),M(20,q2,1,0),V()),e&2){let e=t;k(),F(e.steps),k(19),N(e.approximate?20:-1)}}function Y2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Missing provider`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Token`),V(),B(5,`dd`)(6,`code`),J(7),V()(),M(8,k2,5,0),M(9,A2,5,1),V(),M(10,j2,2,2,`button`,15)(11,M2,2,0,`p`,4),B(12,`div`,16),M(13,N2,2,0,`p`,4)(14,L2,3,0,`p`,17)(15,V2,3,0,`p`,7),V(),M(16,J2,21,1)),e&2){let e,n,r=t,i=G(2);k(7),Y(r.token),k(),N(r.path?.length?8:-1),k(),N(r.source?9:-1),k(),N(i.canExplain()&&i.owner()?10:i.owner()?-1:11),k(3),N(i.loading()?13:(e=i.lookupError())?14:(e=i.lookup())?15:-1,e),k(3),N((n=!i.loading()&&!i.lookupError()&&i.lookup())?16:-1,n)}}function X2(e,t){if(e&1&&M(0,Y2,17,6),e&2){let e;N((e=G().missing())?0:-1,e)}}var Z2={provides:`Provides it`,missing:`Not provided`,hidden:`Hidden`,skipped:`Skipped`,"not-asked":`Not asked`,unknown:`Unknown`},Q2={provides:`ok`,missing:`plain`,hidden:`warn`,skipped:`plain`,"not-asked":`plain`,unknown:`warn`},$2=class e{explain=$.required();owner=$(void 0);pageId=$(``);rpc=$(null);canExplain=$(!1);time=QO;segments=J0;stepLabel=Z2;stepTone=Q2;changed=Q(()=>{let e=this.explain();return e.kind===`expression-changed`?e:null});mismatch=Q(()=>{let e=this.explain();return e.kind===`hydration-mismatch`?e:null});missing=Q(()=>{let e=this.explain();return e.kind===`missing-provider`?e:null});loading=O(!1);lookup=O(null);lookupError=O(null);signOf(e){return e===`expected`?`−`:e===`actual`?`+`:` `}async explainLookup(e){let t=this.rpc(),n=this.owner();if(t&&n&&!this.loading()){this.loading.set(!0),this.lookupError.set(null);try{let r=await t.scope(`pangular`).rpc.call(`explain-injection`,{selector:n.id,token:e,pageId:this.pageId()});!r||`error`in r?(this.lookup.set(null),this.lookupError.set(r?.error??`The server didn't answer.`)):this.lookup.set(r)}catch{this.lookup.set(null),this.lookupError.set(`Can't reach the devtools server. Try again.`)}finally{this.loading.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-error-explain`]],inputs:{explain:[1,`explain`],owner:[1,`owner`],pageId:[1,`pageId`],rpc:[1,`rpc`],canExplain:[1,`canExplain`]},decls:3,vars:1,consts:[[1,`label`],[1,`facts`],[1,`muted`],[1,`value`],[1,`note`],[1,`writes`],[`aria-label`,`App frames that wrote it`,1,`frames`],[1,`summary`],[1,`legend`],[`aria-hidden`,`true`,1,`sign`,`expected`],[`aria-hidden`,`true`,1,`sign`,`actual`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Server vs client DOM diff`,1,`diff-wrap`],[1,`diff`],[`aria-hidden`,`true`,1,`sign`],[1,`sr-only`],[`type`,`button`,1,`small`],[`aria-live`,`polite`],[`role`,`alert`,1,`note`],[`type`,`button`,1,`small`,3,`click`],[`aria-label`,`Injectors Angular asks, in order`,1,`steps`],[1,`step-name`],[1,`chip`],[1,`reason`]],template:function(e,t){if(e&1&&M(0,y2,1,1)(1,D2,1,1)(2,X2,1,1),e&2){let e;N((e=t.explain().kind)===`expression-changed`?0:e===`hydration-mismatch`?1:e===`missing-provider`?2:-1)}},styles:[`[_nghost-%COMP%] {
+}`]})},Z0=[`log`,`info`,`warn`,`error`,`debug`];function Q0(e){return e.split("`").map((e,t)=>({code:t%2==1,text:e})).filter(e=>e.text)}var $0={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function e2(e){return!!e&&typeof e==`object`}function t2(e){let t=e2(e)?e.pages:void 0;return e2(t)?Object.values(t).filter(e=>e2(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:e2(e.errors)?Object.values(e.errors):[],console:e2(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:e2(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 n2(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function r2(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 i2(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 a2(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var o2=(e,t)=>t.signal+t.at,s2=(e,t)=>t.id+e;function c2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.binding)}}function l2(e,t){e&1&&(B(0,`span`,2),J(1,`A text interpolation (Angular doesn't name it)`),V())}function u2(e,t){if(e&1&&(B(0,`span`,2),J(1,` in `),V(),B(2,`code`),J(3),V()),e&2){let e=G();k(3),Y(e.template)}}function d2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function f2(e,t){if(e&1&&(B(0,`dt`),J(1,`Held by`),V(),B(2,`dd`),P(3,d2,3,2,null,null,Ag),V()),e&2){let e=G();k(3),F(e.members)}}function p2(e,t){e&1&&(B(0,`p`,4),J(1,` Values are hidden: the binding or a field that holds them has a secret-looking name. `),V())}function m2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular says this view was created after its parent was checked, so a change detection hook such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,` created it. `),V())}function h2(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V()()),e&2){let e=t.$implicit;k(2),Y(e)}}function g2(e,t){if(e&1&&(B(0,`ol`,6),P(1,h2,3,1,`li`,null,kg),V()),e&2){let e=G().$implicit;k(),F(e.stack)}}function _2(e,t){e&1&&(B(0,`span`,2),J(1,` (turn on write stacks in the Signals tab and reproduce to see the code)`),V())}function v2(e,t){if(e&1&&(B(0,`li`),J(1,` Signal `),B(2,`code`),J(3),V(),J(4),M(5,g2,3,0,`ol`,6)(6,_2,2,0,`span`,2),V()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.signal),k(),X(` at `,n.time(e.at),` `),k(),N(e.stack?.length?5:6)}}function y2(e,t){if(e&1&&(B(0,`h4`,0),J(1,`Written by`),V(),B(2,`ul`,5),P(3,v2,7,3,`li`,null,o2),V()),e&2){let e=G();k(3),F(e.writes)}}function b2(e,t){e&1&&(B(0,`p`,4),J(1,` No named signal was written with this value just before the check. Look for code that sets a field the template reads during change detection, such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,`, a getter that returns a new value each time, or a child that changes its parent. `),V())}function x2(e,t){e&1&&(B(0,`p`,4),J(1,` Where it was written is unknown: the page doesn't report signal writes (the Signals inspector is off, or Angular is older than 17). `),V())}function S2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`What changed`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Binding`),V(),B(5,`dd`),M(6,c2,2,1,`code`)(7,l2,2,0,`span`,2),M(8,u2,4,1),V(),B(9,`dt`),J(10,`Previous`),V(),B(11,`dd`)(12,`code`,3),J(13),V()(),B(14,`dt`),J(15,`Current`),V(),B(16,`dd`)(17,`code`,3),J(18),V()(),M(19,f2,5,0),V(),M(20,p2,2,0,`p`,4),M(21,m2,5,0,`p`,4),M(22,y2,5,0)(23,b2,5,0,`p`,4)(24,x2,2,0,`p`,4)),e&2){let e=t;k(6),N(e.binding?6:7),k(2),N(e.template?8:-1),k(5),Y(e.previous),k(5),Y(e.current),k(),N(e.members?.length?19:-1),k(),N(e.masked?20:-1),k(),N(e.creation?21:-1),k(),N(e.writes?.length?22:e.writesKnown?23:24)}}function C2(e,t){if(e&1&&M(0,S2,25,8),e&2){let e;N((e=G().changed())?0:-1,e)}}function w2(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.summary)}}function T2(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.op===`expected`?`Server only:`:`Client only:`)}}function E2(e,t){if(e&1&&(B(0,`li`)(1,`span`,13),J(2),V(),M(3,T2,2,1,`span`,14),B(4,`code`),J(5),V()()),e&2){let e=t.$implicit,n=G(4);j(`data-op`,e.op),k(2),Y(n.signOf(e.op)),k(),N(e.op===`same`?-1:3),k(2),Y(e.text)}}function D2(e,t){if(e&1&&(B(0,`p`,8)(1,`span`,9),J(2,`−`),V(),J(3,` server HTML Angular expected `),B(4,`span`,10),J(5,`+`),V(),J(6,` client DOM it found `),V(),B(7,`div`,11)(8,`ol`,12),P(9,E2,6,4,`li`,null,kg),V()()),e&2){let e=G();k(9),F(e.diff)}}function O2(e,t){e&1&&(B(0,`p`,4),J(1,`Angular described neither side of the mismatch.`),V())}function k2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular thinks a browser extension or third-party script changed the DOM before hydration. Try a clean browser profile, or add `),B(2,`code`),J(3,`ngSkipHydration`),V(),J(4,` to the host. `),V())}function A2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Server vs client DOM`),V(),M(2,w2,2,1,`p`,7),M(3,D2,11,0)(4,O2,2,0,`p`,4),M(5,k2,5,0,`p`,4)),e&2){let e=t;k(2),N(e.summary?2:-1),k(),N(e.diff?.length?3:4),k(2),N(e.external?5:-1)}}function j2(e,t){if(e&1&&M(0,A2,6,3),e&2){let e;N((e=G().mismatch())?0:-1,e)}}function M2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:` → `,` `)}}function N2(e,t){if(e&1&&(B(0,`dt`),J(1,`Path`),V(),B(2,`dd`),P(3,M2,3,2,null,null,kg),V()),e&2){let e=G();k(3),F(e.path)}}function P2(e,t){if(e&1&&(B(0,`dt`),J(1,`Source`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();k(4),Y(e.source)}}function F2(e,t){if(e&1){let e=H();B(0,`button`,18),W(`click`,function(){T(e);let t=G();return E(G(2).explainLookup(t.token))}),J(1),V()}if(e&2){let e=G(3);j(`aria-disabled`,e.loading()||null),k(),X(` `,e.lookup()?`Explain lookup again`:`Explain lookup`,` `)}}function I2(e,t){e&1&&(B(0,`p`,4),J(1,` The component that asked for it wasn't found on the page, so the lookup can't be walked from here. `),V())}function L2(e,t){e&1&&(B(0,`p`,4),J(1,`Walking the lookup…`),V())}function R2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function z2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function B2(e,t){if(e&1&&M(0,R2,2,1,`code`)(1,z2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function V2(e,t){if(e&1&&(B(0,`p`,17),P(1,B2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t))}}function H2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function U2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function W2(e,t){if(e&1&&M(0,H2,2,1,`code`)(1,U2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function G2(e,t){if(e&1&&(B(0,`p`,7),P(1,W2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t.summary))}}function K2(e,t){if(e&1&&(B(0,`code`,2),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.component)}}function q2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function J2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function Y2(e,t){if(e&1&&M(0,q2,2,1,`code`)(1,J2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function X2(e,t){if(e&1&&(B(0,`li`)(1,`span`,20)(2,`code`),J(3),V(),M(4,K2,2,1,`code`,2),V(),B(5,`span`,21),J(6),V(),B(7,`span`,22),P(8,Y2,2,1,null,null,kg),V()()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.name),k(),N(e.component?4:-1),k(),j(`data-tone`,n.stepTone[e.status]),k(),Y(n.stepLabel[e.status]),k(2),F(n.segments(e.reason))}}function Z2(e,t){e&1&&J(0,` This Angular version has no resolution path, so the path follows the rendered tree. `)}function Q2(e,t){if(e&1&&(B(0,`ol`,19),P(1,X2,10,4,`li`,null,s2),V(),B(3,`p`,4),J(4,` Read from the injector tree the page reported, assuming no `),B(5,`code`),J(6,`self`),V(),J(7,`, `),B(8,`code`),J(9,`skipSelf`),V(),J(10,`, `),B(11,`code`),J(12,`host`),V(),J(13,` or `),B(14,`code`),J(15,`optional`),V(),J(16,`. Agents can pass those to `),B(17,`code`),J(18,`explain-injection`),V(),J(19,`. `),M(20,Z2,1,0),V()),e&2){let e=t;k(),F(e.steps),k(19),N(e.approximate?20:-1)}}function $2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Missing provider`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Token`),V(),B(5,`dd`)(6,`code`),J(7),V()(),M(8,N2,5,0),M(9,P2,5,1),V(),M(10,F2,2,2,`button`,15)(11,I2,2,0,`p`,4),B(12,`div`,16),M(13,L2,2,0,`p`,4)(14,V2,3,0,`p`,17)(15,G2,3,0,`p`,7),V(),M(16,Q2,21,1)),e&2){let e,n,r=t,i=G(2);k(7),Y(r.token),k(),N(r.path?.length?8:-1),k(),N(r.source?9:-1),k(),N(i.canExplain()&&i.owner()?10:i.owner()?-1:11),k(3),N(i.loading()?13:(e=i.lookupError())?14:(e=i.lookup())?15:-1,e),k(3),N((n=!i.loading()&&!i.lookupError()&&i.lookup())?16:-1,n)}}function e4(e,t){if(e&1&&M(0,$2,17,6),e&2){let e;N((e=G().missing())?0:-1,e)}}var t4={provides:`Provides it`,missing:`Not provided`,hidden:`Hidden`,skipped:`Skipped`,"not-asked":`Not asked`,unknown:`Unknown`},n4={provides:`ok`,missing:`plain`,hidden:`warn`,skipped:`plain`,"not-asked":`plain`,unknown:`warn`},r4=class e{explain=$.required();owner=$(void 0);pageId=$(``);rpc=$(null);canExplain=$(!1);time=QO;segments=Q0;stepLabel=t4;stepTone=n4;changed=Q(()=>{let e=this.explain();return e.kind===`expression-changed`?e:null});mismatch=Q(()=>{let e=this.explain();return e.kind===`hydration-mismatch`?e:null});missing=Q(()=>{let e=this.explain();return e.kind===`missing-provider`?e:null});loading=O(!1);lookup=O(null);lookupError=O(null);signOf(e){return e===`expected`?`−`:e===`actual`?`+`:` `}async explainLookup(e){let t=this.rpc(),n=this.owner();if(t&&n&&!this.loading()){this.loading.set(!0),this.lookupError.set(null);try{let r=await t.scope(`pangular`).rpc.call(`explain-injection`,{selector:n.id,token:e,pageId:this.pageId()});!r||`error`in r?(this.lookup.set(null),this.lookupError.set(r?.error??`The server didn't answer.`)):this.lookup.set(r)}catch{this.lookup.set(null),this.lookupError.set(`Can't reach the devtools server. Try again.`)}finally{this.loading.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-error-explain`]],inputs:{explain:[1,`explain`],owner:[1,`owner`],pageId:[1,`pageId`],rpc:[1,`rpc`],canExplain:[1,`canExplain`]},decls:3,vars:1,consts:[[1,`label`],[1,`facts`],[1,`muted`],[1,`value`],[1,`note`],[1,`writes`],[`aria-label`,`App frames that wrote it`,1,`frames`],[1,`summary`],[1,`legend`],[`aria-hidden`,`true`,1,`sign`,`expected`],[`aria-hidden`,`true`,1,`sign`,`actual`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Server vs client DOM diff`,1,`diff-wrap`],[1,`diff`],[`aria-hidden`,`true`,1,`sign`],[1,`sr-only`],[`type`,`button`,1,`small`],[`aria-live`,`polite`],[`role`,`alert`,1,`note`],[`type`,`button`,1,`small`,3,`click`],[`aria-label`,`Injectors Angular asks, in order`,1,`steps`],[1,`step-name`],[1,`chip`],[1,`reason`]],template:function(e,t){if(e&1&&M(0,C2,1,1)(1,j2,1,1)(2,e4,1,1),e&2){let e;N((e=t.explain().kind)===`expression-changed`?0:e===`hydration-mismatch`?1:e===`missing-provider`?2:-1)}},styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 6px;
   min-width: 0;
@@ -16342,7 +16342,7 @@ dd[_ngcontent-%COMP%] {
   border-color: var(--%NS%border);
   background: var(--%NS%surface-2);
   color: var(--%NS%text-2);
-}`]})},e4=(e,t)=>t.pageId+t.id;function t4(e,t){e&1&&(L(0,`p`,1),J(1,`Loading errors…`),R())}function n4(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function r4(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 i4(e,t){if(e&1){let e=H();L(0,`app-select`,20),U(`valueChange`,function(t){return T(e),E(G(2).level.set(t))}),R()}if(e&2){let e=G(2);I(`options`,e.levelOptions)(`value`,e.level())}}function a4(e,t){if(e&1){let e=H();L(0,`app-select`,21),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function o4(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 s4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedErrors(),` older error `,e.droppedErrors()===1?`group was`:`groups were`,` dropped. Each page keeps its last 100. `)}}function c4(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 l4(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`),J(2),R(),L(3,`button`,3),U(`click`,function(){T(e),G(2);let t=d_(17);return G().filter.set(``),E(t.focus())}),J(4,` Clear filter `),R()()}if(e&2){let e=G(3);k(2),X(`No error matches “`,e.filter(),`”.`)}}function u4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function d4(e,t){if(e&1&&(L(0,`span`,34),J(1),R()),e&2){let e=G();k(),Y(e)}}function f4(e,t){if(e&1&&M(0,u4,4,2,`a`,33)(1,d4,2,1,`span`,34),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function p4(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=t.$implicit,n=G(5);k(),Y(n.sourceLabels[e])}}function m4(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.pageLabel(e.pageId))}}function h4(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){T(e);let t=G(),n=G().$implicit;return E(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();k(3),Y(e.name)}}function g4(e,t){if(e&1&&(L(0,`span`,4),J(1,`In `),L(2,`code`),J(3),R()()),e&2){let e=G();k(3),Y(e.name)}}function _4(e,t){e&1&&M(0,h4,4,1,`button`,36)(1,g4,4,1,`span`,4),e&2&&N(+!G(5).canShowComponent())}function v4(e,t){if(e&1&&z(0,`app-error-explain`,32),e&2){let e=G().$implicit,n=G(4);I(`explain`,t)(`owner`,e.owner)(`pageId`,e.pageId)(`rpc`,n.rpc())(`canExplain`,n.canExplainInjection())}}function y4(e,t){if(e&1&&(L(0,`details`)(1,`summary`),J(2,`Stack`),R(),L(3,`pre`,38),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.stack)}}function b4(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,f4,2,1),P(8,p4,2,1,`span`,31,Ag),L(10,`span`,4),J(11),R(),M(12,m4,2,1,`span`,4),M(13,_4,2,1),R(),M(14,v4,1,5,`app-error-explain`,32),M(15,y4,5,1,`details`),R()),e&2){let e,n,r,i=t.$implicit,a=G(4);k(2),j(`aria-label`,a.timesLabel(i.count)),k(),X(` `,i.count,`× `),k(2),Y(i.message),k(2),N((e=i.code)?7:-1,e),k(),F(i.sources),k(3),X(`Last at `,a.time(i.lastAt)),k(),N(a.showPage()?12:-1),k(),N((n=i.owner)?13:-1,n),k(),N((r=i.explain)?14:-1,r),k(),N(i.stack?15:-1)}}function x4(e,t){if(e&1&&(L(0,`ol`,25),P(1,b4,16,9,`li`,26,e4),R()),e&2){let e=G(3);k(),F(e.shownErrors())}}function S4(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,22),J(2,`Errors`),R(),M(3,o4,2,0,`p`,23),M(4,s4,2,2,`p`,23),M(5,c4,2,0,`p`,24)(6,l4,5,1,`div`,24)(7,x4,3,0,`ol`,25),R()),e&2){let e=G(2);k(3),N(e.unwrapped()?3:-1),k(),N(e.droppedErrors()?4:-1),k(),N(e.errors().length?e.shownErrors().length?7:6:5)}}function C4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedConsole(),` older `,e.droppedConsole()===1?`call was`:`calls were`,` dropped. Each page keeps its last 200. `)}}function w4(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 T4(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(){T(e),G(2);let t=d_(17);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}}function E4(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)),k(),X(``,e.count,`×`)}}function D4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function O4(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G();k(),Y(e)}}function k4(e,t){if(e&1&&M(0,D4,4,2,`a`,33)(1,O4,2,1,`span`,45),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function A4(e,t){if(e&1&&(L(0,`li`,41)(1,`span`,42),J(2),R(),L(3,`code`,43),J(4),R(),M(5,E4,2,2,`span`,28),M(6,k4,2,1),L(7,`time`,44),J(8),R()()),e&2){let e,n=t.$implicit,r=G(4);k(),j(`data-tone`,r.levelTone[n.level]),k(),Y(n.level),k(2),Y(n.text),k(),N(n.count>1?5:-1),k(),N((e=n.code)?6:-1,e),k(2),Y(r.time(n.at))}}function j4(e,t){if(e&1&&(L(0,`ol`,40),P(1,A4,9,6,`li`,41,e4),R()),e&2){let e=G(3);k(),F(e.shownEntries())}}function M4(e,t){if(e&1&&(L(0,`section`,19)(1,`h2`,39),J(2,`Console`),R(),M(3,C4,2,2,`p`,23),M(4,w4,2,0,`p`,24)(5,T4,5,0,`div`,24)(6,j4,3,0,`ol`,40),R()),e&2){let e=G(2);k(3),N(e.droppedConsole()?3:-1),k(),N(e.entries().length?e.shownEntries().length?6:5:4)}}function N4(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 T(e),E(G().view.set(`errors`))}),J(5,` Errors `),L(6,`span`,9),J(7),R()(),L(8,`button`,8),U(`click`,function(){return T(e),E(G().view.set(`console`))}),J(9,` Console `),L(10,`span`,9),J(11),R()()(),L(12,`div`,10),D(),L(13,`svg`,11),z(14,`circle`,12)(15,`path`,13),R(),_s(),L(16,`input`,14,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(18,i4,1,2,`app-select`,15),M(19,a4,1,2,`app-select`,16),L(20,`span`,17),J(21),R()(),M(22,S4,8,3,`section`,18)(23,M4,7,2,`section`,19)}if(e&2){let e=G();k(4),j(`aria-pressed`,e.view()===`errors`),k(3),Y(e.errors().length),k(),j(`aria-pressed`,e.view()===`console`),k(3),Y(e.entries().length),k(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`),k(2),N(e.view()===`console`?18:-1),k(),N(e.pageOptions().length>2?19:-1),k(2),Y(e.countText()),k(),N(e.view()===`errors`?22:23)}}var P4={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},F4=class e{rpc=$(null);canShowComponent=$(!0);canExplainInjection=$(!1);showComponent=Rv();destroyRef=C(Ds);hostPageId=LE();unsubscribe;time=QO;codeLink=t2;sourceLabels=Y0;levelTone=P4;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...q0.map(e=>({value:e,label:e}))];pages=O([]);loaded=O(!1);failed=O(!1);view=O(`errors`);filter=O(``);level=O(`all`);pageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&(t.value===`all`||e.some(e=>e.pageId===t.value))?t.value:Q0(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(()=>$0(this.pages(),this.pageId()));entries=Q(()=>e2(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(){mc(()=>{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(Z0(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=A({type:e,selectors:[[`app-errors-inspector`]],inputs:{rpc:[1,`rpc`],canShowComponent:[1,`canShowComponent`],canExplainInjection:[1,`canExplainInjection`]},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`],[3,`explain`,`owner`,`pageId`,`rpc`,`canExplain`],[`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,t4,2,0,`p`,1)(1,n4,5,0,`div`,2)(2,r4,5,0,`div`,1)(3,N4,24,11),e&2&&N(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[OO,$2],styles:[`[_nghost-%COMP%] {
+}`]})},i4=(e,t)=>t.pageId+t.id;function a4(e,t){e&1&&(L(0,`p`,1),J(1,`Loading errors…`),R())}function o4(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function s4(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 c4(e,t){if(e&1){let e=H();L(0,`app-select`,20),U(`valueChange`,function(t){return T(e),E(G(2).level.set(t))}),R()}if(e&2){let e=G(2);I(`options`,e.levelOptions)(`value`,e.level())}}function l4(e,t){if(e&1){let e=H();L(0,`app-select`,21),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function u4(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 d4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedErrors(),` older error `,e.droppedErrors()===1?`group was`:`groups were`,` dropped. Each page keeps its last 100. `)}}function f4(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 p4(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`),J(2),R(),L(3,`button`,3),U(`click`,function(){T(e),G(2);let t=d_(17);return G().filter.set(``),E(t.focus())}),J(4,` Clear filter `),R()()}if(e&2){let e=G(3);k(2),X(`No error matches “`,e.filter(),`”.`)}}function m4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function h4(e,t){if(e&1&&(L(0,`span`,34),J(1),R()),e&2){let e=G();k(),Y(e)}}function g4(e,t){if(e&1&&M(0,m4,4,2,`a`,33)(1,h4,2,1,`span`,34),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function _4(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=t.$implicit,n=G(5);k(),Y(n.sourceLabels[e])}}function v4(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.pageLabel(e.pageId))}}function y4(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){T(e);let t=G(),n=G().$implicit;return E(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();k(3),Y(e.name)}}function b4(e,t){if(e&1&&(L(0,`span`,4),J(1,`In `),L(2,`code`),J(3),R()()),e&2){let e=G();k(3),Y(e.name)}}function x4(e,t){e&1&&M(0,y4,4,1,`button`,36)(1,b4,4,1,`span`,4),e&2&&N(+!G(5).canShowComponent())}function S4(e,t){if(e&1&&z(0,`app-error-explain`,32),e&2){let e=G().$implicit,n=G(4);I(`explain`,t)(`owner`,e.owner)(`pageId`,e.pageId)(`rpc`,n.rpc())(`canExplain`,n.canExplainInjection())}}function C4(e,t){if(e&1&&(L(0,`details`)(1,`summary`),J(2,`Stack`),R(),L(3,`pre`,38),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.stack)}}function w4(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,g4,2,1),P(8,_4,2,1,`span`,31,Ag),L(10,`span`,4),J(11),R(),M(12,v4,2,1,`span`,4),M(13,x4,2,1),R(),M(14,S4,1,5,`app-error-explain`,32),M(15,C4,5,1,`details`),R()),e&2){let e,n,r,i=t.$implicit,a=G(4);k(2),j(`aria-label`,a.timesLabel(i.count)),k(),X(` `,i.count,`× `),k(2),Y(i.message),k(2),N((e=i.code)?7:-1,e),k(),F(i.sources),k(3),X(`Last at `,a.time(i.lastAt)),k(),N(a.showPage()?12:-1),k(),N((n=i.owner)?13:-1,n),k(),N((r=i.explain)?14:-1,r),k(),N(i.stack?15:-1)}}function T4(e,t){if(e&1&&(L(0,`ol`,25),P(1,w4,16,9,`li`,26,i4),R()),e&2){let e=G(3);k(),F(e.shownErrors())}}function E4(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,22),J(2,`Errors`),R(),M(3,u4,2,0,`p`,23),M(4,d4,2,2,`p`,23),M(5,f4,2,0,`p`,24)(6,p4,5,1,`div`,24)(7,T4,3,0,`ol`,25),R()),e&2){let e=G(2);k(3),N(e.unwrapped()?3:-1),k(),N(e.droppedErrors()?4:-1),k(),N(e.errors().length?e.shownErrors().length?7:6:5)}}function D4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedConsole(),` older `,e.droppedConsole()===1?`call was`:`calls were`,` dropped. Each page keeps its last 200. `)}}function O4(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 k4(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(){T(e),G(2);let t=d_(17);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}}function A4(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)),k(),X(``,e.count,`×`)}}function j4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function M4(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G();k(),Y(e)}}function N4(e,t){if(e&1&&M(0,j4,4,2,`a`,33)(1,M4,2,1,`span`,45),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function P4(e,t){if(e&1&&(L(0,`li`,41)(1,`span`,42),J(2),R(),L(3,`code`,43),J(4),R(),M(5,A4,2,2,`span`,28),M(6,N4,2,1),L(7,`time`,44),J(8),R()()),e&2){let e,n=t.$implicit,r=G(4);k(),j(`data-tone`,r.levelTone[n.level]),k(),Y(n.level),k(2),Y(n.text),k(),N(n.count>1?5:-1),k(),N((e=n.code)?6:-1,e),k(2),Y(r.time(n.at))}}function F4(e,t){if(e&1&&(L(0,`ol`,40),P(1,P4,9,6,`li`,41,i4),R()),e&2){let e=G(3);k(),F(e.shownEntries())}}function I4(e,t){if(e&1&&(L(0,`section`,19)(1,`h2`,39),J(2,`Console`),R(),M(3,D4,2,2,`p`,23),M(4,O4,2,0,`p`,24)(5,k4,5,0,`div`,24)(6,F4,3,0,`ol`,40),R()),e&2){let e=G(2);k(3),N(e.droppedConsole()?3:-1),k(),N(e.entries().length?e.shownEntries().length?6:5:4)}}function L4(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 T(e),E(G().view.set(`errors`))}),J(5,` Errors `),L(6,`span`,9),J(7),R()(),L(8,`button`,8),U(`click`,function(){return T(e),E(G().view.set(`console`))}),J(9,` Console `),L(10,`span`,9),J(11),R()()(),L(12,`div`,10),D(),L(13,`svg`,11),z(14,`circle`,12)(15,`path`,13),R(),_s(),L(16,`input`,14,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(18,c4,1,2,`app-select`,15),M(19,l4,1,2,`app-select`,16),L(20,`span`,17),J(21),R()(),M(22,E4,8,3,`section`,18)(23,I4,7,2,`section`,19)}if(e&2){let e=G();k(4),j(`aria-pressed`,e.view()===`errors`),k(3),Y(e.errors().length),k(),j(`aria-pressed`,e.view()===`console`),k(3),Y(e.entries().length),k(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`),k(2),N(e.view()===`console`?18:-1),k(),N(e.pageOptions().length>2?19:-1),k(2),Y(e.countText()),k(),N(e.view()===`errors`?22:23)}}var R4={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},z4=class e{rpc=$(null);canShowComponent=$(!0);canExplainInjection=$(!1);showComponent=Rv();destroyRef=C(Ds);hostPageId=LE();unsubscribe;time=QO;codeLink=a2;sourceLabels=$0;levelTone=R4;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...Z0.map(e=>({value:e,label:e}))];pages=O([]);loaded=O(!1);failed=O(!1);view=O(`errors`);filter=O(``);level=O(`all`);pageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&(t.value===`all`||e.some(e=>e.pageId===t.value))?t.value:n2(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(()=>r2(this.pages(),this.pageId()));entries=Q(()=>i2(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(){mc(()=>{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(t2(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=A({type:e,selectors:[[`app-errors-inspector`]],inputs:{rpc:[1,`rpc`],canShowComponent:[1,`canShowComponent`],canExplainInjection:[1,`canExplainInjection`]},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`],[3,`explain`,`owner`,`pageId`,`rpc`,`canExplain`],[`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,a4,2,0,`p`,1)(1,o4,5,0,`div`,2)(2,s4,5,0,`div`,1)(3,L4,24,11),e&2&&N(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[OO,r4],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -16675,7 +16675,7 @@ pre[_ngcontent-%COMP%]:focus-visible {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},I4=[{id:`router`,label:`Router`,tab:`routes`,tabLabel:`Routes`,inspector:`router`,state:`router`},{id:`http`,label:`HTTP`,tab:`network`,tabLabel:`SSR & HTTP`,inspector:`http`,state:`http`},{id:`ngrx`,label:`NgRx`,tab:`store`,tabLabel:`Store`,inspector:`ngrx`,state:`ngrx-store`},{id:`cd`,label:`Change detection`,tab:`components`,tabLabel:`Components`,inspector:`components`,state:`change-detection`},{id:`forms`,label:`Forms`,tab:`forms`,tabLabel:`Forms`,inspector:`forms`,state:`forms`},{id:`signals`,label:`Signals`,tab:`signals`,tabLabel:`Signals`,inspector:`signals`,state:`signal-graph`}],L4=Object.fromEntries(I4.map(e=>[e.id,e]));function R4(e){return I4.filter(t=>e.inspectors[t.inspector])}function z4(e){return Array.isArray(e)?e:[]}function B4(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function V4(e){let t=B4(e).pages;return Array.isArray(t)?t:Object.values(B4(t))}function H4(e){return typeof e==`number`&&Number.isFinite(e)}function U4(e){try{let t=new URL(e,`http://x`);return e.startsWith(`/`)||t.host===`x`?`${t.pathname}${t.search}`:e.replace(/^[a-z]+:\/\/[^/]+/i,``)||e}catch{return e}}function W4(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function G4(e){let t;try{t=typeof e==`string`?JSON.stringify(e):JSON.stringify(e)??``}catch{t=String(e)}return t.length>80?`${t.slice(0,79)}…`:t}function K4(e){let t=[];for(let n of V4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of z4(n?.navigations)){if(!H4(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=H4(r.endedAt)?Math.max(0,r.endedAt-r.startedAt):void 0,i=r.finalUrl&&r.finalUrl!==r.url?` to ${r.finalUrl}`:``;t.push({key:`router:${e}:${r.id}`,layer:`router`,pageId:e,at:r.startedAt,...n===void 0?{}:{ms:n},title:`Navigation to ${r.url}`,detail:[`${r.outcome}${i}`,r.trigger,n===void 0?``:W4(n)].filter(Boolean).join(` · `),...r.outcome===`failed`?{tone:`danger`}:r.outcome===`cancelled`||r.outcome===`redirected`?{tone:`warn`}:{},link:{tab:`routes`,...e?{page:e}:{}}})}}return t}function q4(e){let t=e.status??0;if(e.error||t>=500||t===0&&!e.cancelled)return`danger`;if(t>=400||e.faulted||e.cancelled)return`warn`}function J4(e,t){if(!H4(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=H4(e.durationMs)?e.durationMs:void 0,a=q4(e);return{key:`http:${e.side===`server`?`server`:t}:${e.id??e.at}`,layer:`http`,pageId:t,at:e.at,...i===void 0?{}:{ms:i},title:`${e.method??`GET`} ${U4(e.url??``)}`,detail:[r,n,i===void 0?``:W4(i),e.cacheHit?`from cache`:``,e.mocked?`mocked`:e.faulted?`fault rule`:``].filter(Boolean).join(` · `),...a?{tone:a}:{},link:{tab:`network`,...t?{page:t}:{}}}}function Y4(e){let t=[],n=V4(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of z4(e?.calls)){let e=J4(r,n);e&&t.push(e)}}for(let r of z4(B4(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=J4({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function X4(e){let t=[];for(let n of V4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of z4(n?.log)){if(!H4(r?.timestamp))continue;let n=z4(r.diff).length+(r.diffTruncated??0),i=H4(r.durationMs)?r.durationMs:void 0;t.push({key:`ngrx:${e}:${r.seq}`,layer:`ngrx`,pageId:e,at:r.timestamp,...i===void 0?{}:{ms:i},title:r.source===`event`?r.eventType??r.type:r.type,detail:[r.storeId,r.source===`event`?`event`:n?`${n} ${n===1?`change`:`changes`}`:`no change`,i===void 0?``:W4(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var Z4=16;function Q4(e){let t=[];for(let n of V4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of z4(n?.cycles)){if(!H4(r?.at))continue;let n=H4(r.ms)?r.ms:0;t.push({key:`cd:${e}:${r.id}`,layer:`cd`,pageId:e,at:r.at,ms:n,title:`Change detection cycle ${r.id}`,detail:[W4(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>Z4?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function $4(e){return z4(B4(e).events).flatMap((e,t)=>{if(!H4(e?.timestamp)||typeof e.formId!=`string`)return[];let n=GE(e.formId),r=[e.detail,e.origin,e.outcome].filter(Boolean).join(` · `);return[{key:`forms:${e.formId}:${e.seq??`i${t}`}`,layer:`forms`,pageId:n,at:e.timestamp,...H4(e.ms)?{ms:e.ms}:{},title:`${e.type} ${e.path||`form`}`,detail:r,...e.type===`submit`&&e.outcome===`invalid`?{tone:`warn`}:{},link:{tab:`forms`,id:e.formId,...n?{page:n}:{}}}]})}var e3={write:`set`,sample:`sampled`};function t3(e){let t=[],n=B4(B4(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,B4(e).graph]];for(let[e,n]of r){let r=B4(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(z4(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(B4(r.history)))for(let r of z4(n)){if(!H4(r?.at)||r.source===`initial`)continue;let n=a.get(e)??e;t.push({key:`signals:${i}:${e}:${r.epoch??r.at}`,layer:`signals`,pageId:i,at:r.at,title:`${n} ${e3[r.source??``]??`changed`}`,detail:G4(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var n3={router:K4,http:Y4,ngrx:X4,cd:Q4,forms:$4,signals:t3};function r3(e){let t=[];for(let n of I4){let r=e[n.id];r!=null&&t.push(...n3[n.id](r))}let n=new Map(I4.map((e,t)=>[e.id,t]));t.sort((e,t)=>e.at-t.at||n.get(e.layer)-n.get(t.layer)||(e.key<t.key?-1:+(e.key>t.key)));let r=new Set;for(let e of t){let t=e.key;for(let n=2;r.has(t);n++)t=`${e.key}#${n}`;e.key=t,r.add(t)}return t}function i3(e,t){let n=new Map,r=(e,t)=>{typeof e==`string`&&e&&(typeof t==`string`&&t&&!n.get(e)?n.set(e,t):n.has(e)||n.set(e,``))};for(let t of V4(e.http))r(t?.pageId,t?.title||t?.url);for(let t of V4(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of V4(e.ngrx))r(t?.pageId,t?.title||t?.url);for(let e of t)r(e.pageId,``);return[...n].map(([e,t])=>({pageId:e,label:t||e}))}function a3(e,t){let n=t.query.trim().toLowerCase();return e.filter(e=>t.layers.has(e.layer)&&(t.pageId===`all`||e.pageId===t.pageId)&&(!n||e.title.toLowerCase().includes(n)||e.detail.toLowerCase().includes(n)))}function o3(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function s3(e){if(!e.length)return null;let t=1/0,n=-1/0;for(let r of e)t=Math.min(t,r.at),n=Math.max(n,r.at+(r.ms??0));return n-t<20?{start:t-10,end:t+10}:{start:t,end:n}}function c3(e,t,n){let r=Math.max(20,(e.end-e.start)*t);if(r>=n.end-n.start)return null;let i=(e.start+e.end)/2;return u3({start:i-r/2,end:i+r/2},n)}function l3(e,t,n){let r=(e.end-e.start)*t;return u3({start:e.start+r,end:e.end+r},n)}function u3(e,t){let n=e.end-e.start;return e.start<t.start?{start:t.start,end:t.start+n}:e.end>t.end?{start:t.end-n,end:t.end}:e}function d3(e,t,n){let[r,i]=t<n?[t,n]:[n,t],a=e=>Math.min(1,Math.max(0,e)),o=e.end-e.start,s=e.start+a(r)*o,c=e.start+a(i)*o;return c-s<20?null:{start:s,end:c}}function f3(e,t,n){let r=Math.max(1,t.end-t.start),i=new Map;for(let a of e){if(a.at<t.start||a.at>t.end)continue;let e=Math.min(n-1,Math.floor((a.at-t.start)/r*n)),o=`${a.layer}:${e}`,s=i.get(o);s||(s={layer:a.layer,slot:e,count:0},i.set(o,s)),s.count++,(a.tone===`danger`||a.tone===`warn`&&s.tone!==`danger`)&&(s.tone=a.tone)}return[...i.values()]}function p3(e,t,n){let r=null;for(let i of e)i.layer===t&&(!r||Math.abs(i.at-n)<Math.abs(r.at-n))&&(r=i);return r}var m3=`pangular-timeline-hidden-layers`;function h3(){try{let e=JSON.parse(localStorage.getItem(m3)??`[]`);return Array.isArray(e)?e.filter(e=>I4.some(t=>t.id===e)):[]}catch{return[]}}function g3(e){try{localStorage.setItem(m3,JSON.stringify(e))}catch{}}function _3(e){let t=new Date(e),n=(e,t=2)=>String(e).padStart(t,`0`);return`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${n(t.getMilliseconds(),3)}`}function v3(e){if(e<1e3)return`${Math.round(e)} ms`;if(e<6e4)return`${Math.round(e/100)/10} s`;let t=Math.floor(e/6e4),n=Math.round(e%6e4/1e3);return n?`${t} min ${n} s`:`${t} min`}var y3=[`tracks`],b3=(e,t)=>t.id,x3=(e,t)=>t.layer+t.slot,S3=(e,t)=>t.key;function C3(e,t){e&1&&(L(0,`p`,3),J(1,`Loading the timeline…`),R())}function w3(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`p`),J(2,`Can't read the timeline from the devtools server.`),R(),L(3,`button`,5),U(`click`,function(){return T(e),E(G().retry())}),J(4,`Retry`),R()()}}function T3(e,t){if(e&1){let e=H();L(0,`app-select`,19),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function E3(e,t){if(e&1){let e=H();L(0,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleLayer(t.id))}),z(1,`span`,21),J(2),L(3,`span`,22),J(4),R()()}if(e&2){let e=t.$implicit,n=G(2);j(`aria-pressed`,!n.hidden().includes(e.id)),k(2),X(` `,e.label,` `),k(2),Y(n.layerCounts()[e.id])}}function D3(e,t){e&1&&(L(0,`div`,3)(1,`p`),J(2,`Nothing on the timeline yet.`),R(),L(3,`p`,23),J(4,` Use the app with the overlay loaded. Navigations, HTTP calls, NgRx actions and form events show up as they happen. Record change detection on the Components tab, and pick a component on the Signals tab to follow its signals. `),R()())}function O3(e,t){if(e&1){let e=H();L(0,`div`,3)(1,`p`),J(2),R(),L(3,`button`,5),U(`click`,function(){T(e),G();let t=d_(6);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}if(e&2){let e=G(2);k(2),X(`No event matches the filters`,e.range()?` in this range`:``,`.`)}}function k3(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.label)}}function A3(e,t){if(e&1&&(D(),z(0,`line`,31)),e&2){let e=t.$index,n=G(3);j(`x2`,n.chartWidth)(`y1`,e*n.laneHeight+n.laneHeight/2)(`y2`,e*n.laneHeight+n.laneHeight/2)}}function j3(e,t){if(e&1&&(D(),z(0,`rect`,32)),e&2){let e=t.$implicit,n=G(3);j(`data-tone`,e.tone??null)(`x`,e.slot*n.slotWidth)(`y`,n.laneIndex()[e.layer]*n.laneHeight+4)(`width`,n.slotWidth-1)(`height`,n.laneHeight-8)(`opacity`,n.binOpacity(e.count))}}function M3(e,t){if(e&1&&(D(),z(0,`rect`,33)),e&2){let e=t,n=G(3);j(`x`,e.x-2)(`y`,e.y+1)(`width`,n.slotWidth+3)(`height`,n.laneHeight-2)}}function N3(e,t){if(e&1&&z(0,`div`,44),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function P3(e,t){if(e&1&&(L(0,`p`,40),J(1),R()),e&2){let e=G(3);k(),Z(` Showing the newest `,e.listed().length,` of `,e.shown().length,` events. Zoom in or filter to see older ones. `)}}function F3(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function I3(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.pageLabel(e.pageId))}}function L3(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,45),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`dblclick`,function(){let t=T(e).$implicit;return E(G(3).openEvent(t))}),L(2,`time`,46),J(3),R(),L(4,`span`,47),J(5),R(),L(6,`span`,48),J(7),R(),M(8,F3,2,1,`span`,49),M(9,I3,2,1,`span`,50),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),q(`selected`,e.key===n.selectedKey()),j(`aria-current`,e.key===n.selectedKey()?`true`:null)(`data-key`,e.key),k(2),Y(n.clock(e.at)),k(),j(`data-tone`,e.tone??null),k(),Y(n.layerLabel(e.layer)),k(2),Y(e.title),k(),N(e.detail?8:-1),k(),N(n.showPage()?9:-1)}}function R3(e,t){if(e&1&&(L(0,`dt`),J(1,`Took`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(),t=G(3);k(3),Y(t.span(e.ms))}}function z3(e,t){if(e&1&&(L(0,`dt`),J(1,`Detail`),R(),L(2,`dd`,53),J(3),R()),e&2){let e=G();k(3),Y(e.detail)}}function B3(e,t){if(e&1){let e=H();L(0,`p`,51),J(1),R(),L(2,`dl`)(3,`dt`),J(4,`Layer`),R(),L(5,`dd`),J(6),R(),L(7,`dt`),J(8,`Time`),R(),L(9,`dd`),J(10),R(),M(11,R3,4,1),M(12,z3,4,1),L(13,`dt`),J(14,`Page`),R(),L(15,`dd`),J(16),R()(),L(17,`button`,52),U(`click`,function(){let t=T(e);return E(G(3).openEvent(t))}),J(18),R()}if(e&2){let e=t,n=G(3);k(),Y(e.title),k(5),Y(n.layerLabel(e.layer)),k(4),Y(n.clock(e.at)),k(),N(e.ms===void 0?-1:11),k(),N(e.detail?12:-1),k(4),Y(e.pageId?n.pageLabel(e.pageId):`Server, no page`),k(2),X(` Open in `,n.tabLabel(e.layer),` `)}}function V3(e,t){e&1&&(L(0,`p`,23),J(1,` Select an event in the list or on the chart to see it here. Double click a row to open it in its own tab. `),R())}function H3(e,t){if(e&1){let e=H();L(0,`section`,24)(1,`div`,25)(2,`h2`,26),J(3,`Time axis`),R(),L(4,`span`,23),J(5),R()(),L(6,`div`,27)(7,`ul`,28),P(8,k3,2,1,`li`,null,b3),R(),L(10,`div`,29,1),U(`pointerdown`,function(t){return T(e),E(G(2).onPointerDown(t))})(`pointermove`,function(t){return T(e),E(G(2).onPointerMove(t))})(`pointerup`,function(t){return T(e),E(G(2).onPointerUp(t))})(`pointercancel`,function(){return T(e),E(G(2).brush.set(null))}),D(),L(12,`svg`,30),P(13,A3,1,3,`:svg:line`,31,b3),P(15,j3,1,6,`:svg:rect`,32,x3),M(17,M3,1,4,`:svg:rect`,33),R(),M(18,N3,1,4,`div`,34),R()(),_s(),L(19,`div`,35)(20,`span`),J(21),R(),L(22,`span`),J(23),R()(),L(24,`p`,36),J(25,` Drag across the chart to look at a range, and click a mark to select the nearest event. The list below holds the same events. `),R()(),L(26,`div`,37)(27,`section`,38)(28,`h2`,39),J(29,`Events`),R(),M(30,P3,2,2,`p`,40),L(31,`ol`,41),P(32,L3,10,10,`li`,null,S3),R()(),L(34,`aside`,42)(35,`h2`,43),J(36,`Selected event`),R(),M(37,B3,19,7)(38,V3,2,0,`p`,23),R()()}if(e&2){let e,t,n,r=G(2);k(5),Y(r.viewText()),k(3),F(r.lanes()),k(2),K(`height`,r.lanes().length*r.laneHeight,`px`),j(`aria-label`,r.chartLabel()),k(2),j(`viewBox`,`0 0 `+r.chartWidth+` `+r.lanes().length*r.laneHeight),k(),F(r.lanes()),k(2),F(r.bins()),k(2),N((e=r.selectedMark())?17:-1,e),k(),N((t=r.brushBox())?18:-1,t),k(3),Y(r.clock(r.view().start)),k(2),Y(r.clock(r.view().end)),k(7),N(r.shown().length>r.listed().length?30:-1),k(2),F(r.listed()),k(5),N((n=r.selected())?37:38,n)}}function U3(e,t){if(e&1){let e=H();L(0,`div`,6)(1,`div`,7),D(),L(2,`svg`,8),z(3,`circle`,9)(4,`path`,10),R(),_s(),L(5,`input`,11,0),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),M(7,T3,1,2,`app-select`,12),L(8,`span`,13),J(9),R()(),L(10,`div`,14)(11,`div`,15),P(12,E3,5,3,`button`,16,b3),R(),L(14,`div`,17)(15,`button`,18),U(`click`,function(){return T(e),E(G().zoom(.5))}),J(16,` Zoom in `),R(),L(17,`button`,18),U(`click`,function(){return T(e),E(G().zoom(2))}),J(18,` Zoom out `),R(),L(19,`button`,18),U(`click`,function(){return T(e),E(G().pan(-1))}),J(20,` Earlier `),R(),L(21,`button`,18),U(`click`,function(){return T(e),E(G().pan(1))}),J(22,` Later `),R(),L(23,`button`,18),U(`click`,function(){return T(e),E(G().range.set(null))}),J(24,` Show all `),R()()(),M(25,D3,5,0,`div`,3)(26,O3,5,1,`div`,3)(27,H3,39,11)}if(e&2){let e=G();k(5),I(`value`,e.query()),k(2),N(e.pageOptions().length>2?7:-1),k(2),Y(e.countText()),k(3),F(e.layers()),k(3),I(`disabled`,!e.canZoomIn()),k(2),I(`disabled`,!e.range()),k(2),I(`disabled`,!e.canPan(-1)),k(2),I(`disabled`,!e.canPan(1)),k(2),I(`disabled`,!e.range()),k(2),N(e.events().length?e.shown().length?27:26:25)}}var W3=240,G3=1e3,K3=4,q3=class e{rpc=$(null);open=Rv();destroyRef=C(Ds);tracks=Jv(`tracks`);host=C(Il);hostPageId=LE();cleanups=[];loads=0;allPages=`all`;clock=_3;span=v3;laneHeight=24;chartWidth=G3;slotWidth=G3/W3;loading=O(!0);failed=O(!1);sources=O({});query=O(``);hidden=O(h3());range=O(null);selectedKey=O(null);brush=O(null);layers=Q(()=>R4(nD(this.rpc())));events=Q(()=>{let e=new Set(this.layers().map(e=>e.id));return r3(this.sources()).filter(t=>e.has(t.layer))});pages=Q(()=>i3(this.sources(),this.events()));pageId=Fv({source:()=>this.pages().map(e=>e.pageId),computation:(e,t)=>t&&(t.value===`all`||e.includes(t.value))?t.value:this.hostPageId&&e.includes(this.hostPageId)?this.hostPageId:`all`});pageOptions=Q(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.label,...e.label===e.pageId?{}:{hint:e.pageId}}))]);showPage=Q(()=>this.pageId()===`all`&&this.pages().length>1);matching=Q(()=>a3(this.events(),{layers:new Set(I4.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=Q(()=>{let e=Object.fromEntries(I4.map(e=>[e.id,0]));for(let t of o3(this.matching(),this.range()))e[t.layer]++;return e});visible=Q(()=>{let e=new Set(this.hidden());return this.matching().filter(t=>!e.has(t.layer))});lanes=Q(()=>{let e=new Set(this.hidden());return this.layers().filter(t=>!e.has(t.id))});laneIndex=Q(()=>Object.fromEntries(this.lanes().map((e,t)=>[e.id,t])));bounds=Q(()=>s3(this.visible()));view=Q(()=>this.range()??this.bounds());shown=Q(()=>o3(this.visible(),this.range()));listed=Q(()=>this.shown().slice(-200).reverse());bins=Q(()=>{let e=this.view();return e?f3(this.shown(),e,W3):[]});maxBin=Q(()=>this.bins().reduce((e,t)=>Math.max(e,t.count),1));selected=Q(()=>this.events().find(e=>e.key===this.selectedKey())??null);selectedMark=Q(()=>{let e=this.selected(),t=this.view(),n=e?this.laneIndex()[e.layer]:void 0;if(!e||!t||n===void 0||e.at<t.start||e.at>t.end)return null;let r=Math.max(1,t.end-t.start);return{x:Math.min(239,Math.floor((e.at-t.start)/r*W3))*this.slotWidth,y:n*this.laneHeight}});brushBox=Q(()=>{let e=this.brush();if(!e)return null;let t=Math.min(e.from,e.to),n=Math.max(e.from,e.to);return{left:t*100,width:(n-t)*100}});countText=Q(()=>{let e=this.events().length;return`${this.shown().length} of ${e} ${e===1?`event`:`events`}`});viewText=Q(()=>{let e=this.view();if(!e)return``;let t=v3(e.end-e.start);return this.range()?`Range of ${t}`:`All ${t}`});chartLabel=Q(()=>{let e=this.view();if(!e)return`Timeline`;let t=this.layerCounts(),n=this.lanes().map(e=>`${e.label} ${t[e.id]}`);return`Timeline from ${_3(e.start)} to ${_3(e.end)}: ${n.join(`, `)}. The Events list holds the same events.`});canZoomIn=Q(()=>{let e=this.view();return!!e&&e.end-e.start>40});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stop())}layerLabel(e){return L4[e].label}tabLabel(e){return L4[e].tabLabel}pageLabel(e){return e?this.pages().find(t=>t.pageId===e)?.label??e:`Server`}binOpacity(e){return Math.round((.55+.45*Math.min(1,Math.log2(e+1)/Math.log2(this.maxBin()+1)))*100)/100}toggleLayer(e){let t=this.hidden().includes(e)?this.hidden().filter(t=>t!==e):[...this.hidden(),e];this.hidden.set(t),g3(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),g3([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(c3(t,e,n))}canPan(e){let t=this.range(),n=this.bounds();return!t||!n?!1:e<0?t.start>n.start:t.end<n.end}pan(e){let t=this.range(),n=this.bounds();t&&n&&this.range.set(l3(t,e*.5,n))}select(e){this.selectedKey.set(e.key)}openEvent(e){this.open.emit(e.link)}share(e){let t=this.tracks()?.nativeElement.getBoundingClientRect();return!t||t.width<=0?0:Math.min(1,Math.max(0,(e.clientX-t.left)/t.width))}onPointerDown(e){if(e.pointerType===`mouse`&&e.button!==0)return;let t=this.share(e);this.brush.set({from:t,to:t,id:e.pointerId}),this.downX=e.clientX;try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.preventDefault()}onPointerMove(e){let t=this.brush();t&&t.id===e.pointerId&&this.brush.set({...t,to:this.share(e)})}onPointerUp(e){let t=this.brush(),n=this.view();if(this.brush.set(null),!t||t.id!==e.pointerId||!n)return;if(Math.abs(e.clientX-this.downX)<K3){this.pick(e,n);return}let r=d3(n,t.from,this.share(e));r&&this.range.set(r)}downX=0;pick(e,t){let n=this.tracks()?.nativeElement.getBoundingClientRect(),r=this.lanes();if(!n||!r.length)return;let i=r[Math.min(r.length-1,Math.max(0,Math.floor((e.clientY-n.top)/this.laneHeight)))],a=t.start+this.share(e)*(t.end-t.start),o=p3(this.shown(),i.id,a);o&&(this.selectedKey.set(o.key),queueMicrotask(()=>{this.host.nativeElement.querySelector(`button.row[data-key="${CSS.escape(o.key)}"]`)?.scrollIntoView?.({block:`nearest`})}))}retry(){let e=this.rpc();e&&this.load(e)}stop(){for(let e of this.cleanups.splice(0))e()}async load(e){this.stop();let t=++this.loads;this.loading.set(!0),this.failed.set(!1);let n=e.scope(`pangular`).rpc,r=await Promise.allSettled(I4.map(async e=>{let r=await n.sharedState(e.state);if(this.destroyRef.destroyed||t!==this.loads)return;let i=t=>this.sources.update(n=>({...n,[e.id]:t}));i(r.value()),this.cleanups.push(r.on(`updated`,i))}));this.destroyRef.destroyed||t!==this.loads||(this.failed.set(r.every(e=>e.status===`rejected`)),this.loading.set(!1))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-timeline`]],viewQuery:function(e,t){e&1&&l_(t.tracks,y3,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},outputs:{open:`open`},decls:5,vars:1,consts:[[`search`,``],[`tracks`,``],[1,`intro`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[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 events`,`placeholder`,`Filter by name, URL or detail`,`autocomplete`,`off`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[1,`controls`],[`role`,`group`,`aria-label`,`Layers`,1,`layers`],[`type`,`button`,1,`layer`],[`role`,`group`,`aria-label`,`Time range`,1,`zoom`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[`type`,`button`,1,`layer`,3,`click`],[`aria-hidden`,`true`,1,`check`],[1,`badge`],[1,`muted`],[`aria-labelledby`,`timeline-chart-heading`,1,`chart-card`],[1,`chart-head`],[`id`,`timeline-chart-heading`],[1,`chart`],[`aria-hidden`,`true`,1,`lane-labels`],[`role`,`img`,1,`tracks`,3,`pointerdown`,`pointermove`,`pointerup`,`pointercancel`],[`preserveAspectRatio`,`none`,`aria-hidden`,`true`],[`x1`,`0`,1,`lane-line`],[1,`mark`],[1,`selected-mark`],[1,`brush`,3,`left`,`width`],[`aria-hidden`,`true`,1,`axis`],[1,`hint`],[1,`split`],[`aria-labelledby`,`timeline-events-heading`,1,`events`],[`id`,`timeline-events-heading`],[1,`note`],[`appRovingList`,`button.row`,`aria-label`,`Events, newest first`,1,`rows`],[`aria-labelledby`,`timeline-detail-heading`,1,`detail-panel`],[`id`,`timeline-detail-heading`],[1,`brush`],[`type`,`button`,1,`row`,3,`click`,`dblclick`],[1,`when`],[1,`chip`],[1,`title`],[1,`detail`],[1,`page`],[1,`detail-title`],[`type`,`button`,1,`primary`,3,`click`],[1,`mono`]],template:function(e,t){e&1&&(L(0,`p`,2),J(1,` Navigations, HTTP calls, NgRx actions, change detection cycles, form events and signal changes from the live page on one time axis. Turn layers on and off, drag across the chart to look at a range, and open an event in its own tab. `),R(),M(2,C3,2,0,`p`,3)(3,w3,5,0,`div`,4)(4,U3,28,9)),e&2&&(k(2),N(t.loading()?2:t.failed()?3:4))},dependencies:[OO,Uz],styles:[`[_nghost-%COMP%] {
+}`]})},B4=[{id:`router`,label:`Router`,tab:`routes`,tabLabel:`Routes`,inspector:`router`,state:`router`},{id:`http`,label:`HTTP`,tab:`network`,tabLabel:`SSR & HTTP`,inspector:`http`,state:`http`},{id:`ngrx`,label:`NgRx`,tab:`store`,tabLabel:`Store`,inspector:`ngrx`,state:`ngrx-store`},{id:`cd`,label:`Change detection`,tab:`components`,tabLabel:`Components`,inspector:`components`,state:`change-detection`},{id:`forms`,label:`Forms`,tab:`forms`,tabLabel:`Forms`,inspector:`forms`,state:`forms`},{id:`signals`,label:`Signals`,tab:`signals`,tabLabel:`Signals`,inspector:`signals`,state:`signal-graph`}],V4=Object.fromEntries(B4.map(e=>[e.id,e]));function H4(e){return B4.filter(t=>e.inspectors[t.inspector])}function U4(e){return Array.isArray(e)?e:[]}function W4(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function G4(e){let t=W4(e).pages;return Array.isArray(t)?t:Object.values(W4(t))}function K4(e){return typeof e==`number`&&Number.isFinite(e)}function q4(e){try{let t=new URL(e,`http://x`);return e.startsWith(`/`)||t.host===`x`?`${t.pathname}${t.search}`:e.replace(/^[a-z]+:\/\/[^/]+/i,``)||e}catch{return e}}function J4(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function Y4(e){let t;try{t=typeof e==`string`?JSON.stringify(e):JSON.stringify(e)??``}catch{t=String(e)}return t.length>80?`${t.slice(0,79)}…`:t}function X4(e){let t=[];for(let n of G4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of U4(n?.navigations)){if(!K4(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=K4(r.endedAt)?Math.max(0,r.endedAt-r.startedAt):void 0,i=r.finalUrl&&r.finalUrl!==r.url?` to ${r.finalUrl}`:``;t.push({key:`router:${e}:${r.id}`,layer:`router`,pageId:e,at:r.startedAt,...n===void 0?{}:{ms:n},title:`Navigation to ${r.url}`,detail:[`${r.outcome}${i}`,r.trigger,n===void 0?``:J4(n)].filter(Boolean).join(` · `),...r.outcome===`failed`?{tone:`danger`}:r.outcome===`cancelled`||r.outcome===`redirected`?{tone:`warn`}:{},link:{tab:`routes`,...e?{page:e}:{}}})}}return t}function Z4(e){let t=e.status??0;if(e.error||t>=500||t===0&&!e.cancelled)return`danger`;if(t>=400||e.faulted||e.cancelled)return`warn`}function Q4(e,t){if(!K4(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=K4(e.durationMs)?e.durationMs:void 0,a=Z4(e);return{key:`http:${e.side===`server`?`server`:t}:${e.id??e.at}`,layer:`http`,pageId:t,at:e.at,...i===void 0?{}:{ms:i},title:`${e.method??`GET`} ${q4(e.url??``)}`,detail:[r,n,i===void 0?``:J4(i),e.cacheHit?`from cache`:``,e.mocked?`mocked`:e.faulted?`fault rule`:``].filter(Boolean).join(` · `),...a?{tone:a}:{},link:{tab:`network`,...t?{page:t}:{}}}}function $4(e){let t=[],n=G4(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of U4(e?.calls)){let e=Q4(r,n);e&&t.push(e)}}for(let r of U4(W4(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=Q4({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function e3(e){let t=[];for(let n of G4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of U4(n?.log)){if(!K4(r?.timestamp))continue;let n=U4(r.diff).length+(r.diffTruncated??0),i=K4(r.durationMs)?r.durationMs:void 0;t.push({key:`ngrx:${e}:${r.seq}`,layer:`ngrx`,pageId:e,at:r.timestamp,...i===void 0?{}:{ms:i},title:r.source===`event`?r.eventType??r.type:r.type,detail:[r.storeId,r.source===`event`?`event`:n?`${n} ${n===1?`change`:`changes`}`:`no change`,i===void 0?``:J4(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var t3=16;function n3(e){let t=[];for(let n of G4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of U4(n?.cycles)){if(!K4(r?.at))continue;let n=K4(r.ms)?r.ms:0;t.push({key:`cd:${e}:${r.id}`,layer:`cd`,pageId:e,at:r.at,ms:n,title:`Change detection cycle ${r.id}`,detail:[J4(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>t3?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function r3(e){return U4(W4(e).events).flatMap((e,t)=>{if(!K4(e?.timestamp)||typeof e.formId!=`string`)return[];let n=GE(e.formId),r=[e.detail,e.origin,e.outcome].filter(Boolean).join(` · `);return[{key:`forms:${e.formId}:${e.seq??`i${t}`}`,layer:`forms`,pageId:n,at:e.timestamp,...K4(e.ms)?{ms:e.ms}:{},title:`${e.type} ${e.path||`form`}`,detail:r,...e.type===`submit`&&e.outcome===`invalid`?{tone:`warn`}:{},link:{tab:`forms`,id:e.formId,...n?{page:n}:{}}}]})}var i3={write:`set`,sample:`sampled`};function a3(e){let t=[],n=W4(W4(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,W4(e).graph]];for(let[e,n]of r){let r=W4(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(U4(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(W4(r.history)))for(let r of U4(n)){if(!K4(r?.at)||r.source===`initial`)continue;let n=a.get(e)??e;t.push({key:`signals:${i}:${e}:${r.epoch??r.at}`,layer:`signals`,pageId:i,at:r.at,title:`${n} ${i3[r.source??``]??`changed`}`,detail:Y4(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var o3={router:X4,http:$4,ngrx:e3,cd:n3,forms:r3,signals:a3};function s3(e){let t=[];for(let n of B4){let r=e[n.id];r!=null&&t.push(...o3[n.id](r))}let n=new Map(B4.map((e,t)=>[e.id,t]));t.sort((e,t)=>e.at-t.at||n.get(e.layer)-n.get(t.layer)||(e.key<t.key?-1:+(e.key>t.key)));let r=new Set;for(let e of t){let t=e.key;for(let n=2;r.has(t);n++)t=`${e.key}#${n}`;e.key=t,r.add(t)}return t}function c3(e,t){let n=new Map,r=(e,t)=>{typeof e==`string`&&e&&(typeof t==`string`&&t&&!n.get(e)?n.set(e,t):n.has(e)||n.set(e,``))};for(let t of G4(e.http))r(t?.pageId,t?.title||t?.url);for(let t of G4(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of G4(e.ngrx))r(t?.pageId,t?.title||t?.url);for(let e of t)r(e.pageId,``);return[...n].map(([e,t])=>({pageId:e,label:t||e}))}function l3(e,t){let n=t.query.trim().toLowerCase();return e.filter(e=>t.layers.has(e.layer)&&(t.pageId===`all`||e.pageId===t.pageId)&&(!n||e.title.toLowerCase().includes(n)||e.detail.toLowerCase().includes(n)))}function u3(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function d3(e){if(!e.length)return null;let t=1/0,n=-1/0;for(let r of e)t=Math.min(t,r.at),n=Math.max(n,r.at+(r.ms??0));return n-t<20?{start:t-10,end:t+10}:{start:t,end:n}}function f3(e,t,n){let r=Math.max(20,(e.end-e.start)*t);if(r>=n.end-n.start)return null;let i=(e.start+e.end)/2;return m3({start:i-r/2,end:i+r/2},n)}function p3(e,t,n){let r=(e.end-e.start)*t;return m3({start:e.start+r,end:e.end+r},n)}function m3(e,t){let n=e.end-e.start;return e.start<t.start?{start:t.start,end:t.start+n}:e.end>t.end?{start:t.end-n,end:t.end}:e}function h3(e,t,n){let[r,i]=t<n?[t,n]:[n,t],a=e=>Math.min(1,Math.max(0,e)),o=e.end-e.start,s=e.start+a(r)*o,c=e.start+a(i)*o;return c-s<20?null:{start:s,end:c}}function g3(e,t,n){let r=Math.max(1,t.end-t.start),i=new Map;for(let a of e){if(a.at<t.start||a.at>t.end)continue;let e=Math.min(n-1,Math.floor((a.at-t.start)/r*n)),o=`${a.layer}:${e}`,s=i.get(o);s||(s={layer:a.layer,slot:e,count:0},i.set(o,s)),s.count++,(a.tone===`danger`||a.tone===`warn`&&s.tone!==`danger`)&&(s.tone=a.tone)}return[...i.values()]}function _3(e,t,n){let r=null;for(let i of e)i.layer===t&&(!r||Math.abs(i.at-n)<Math.abs(r.at-n))&&(r=i);return r}var v3=`pangular-timeline-hidden-layers`;function y3(){try{let e=JSON.parse(localStorage.getItem(v3)??`[]`);return Array.isArray(e)?e.filter(e=>B4.some(t=>t.id===e)):[]}catch{return[]}}function b3(e){try{localStorage.setItem(v3,JSON.stringify(e))}catch{}}function x3(e){let t=new Date(e),n=(e,t=2)=>String(e).padStart(t,`0`);return`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${n(t.getMilliseconds(),3)}`}function S3(e){if(e<1e3)return`${Math.round(e)} ms`;if(e<6e4)return`${Math.round(e/100)/10} s`;let t=Math.floor(e/6e4),n=Math.round(e%6e4/1e3);return n?`${t} min ${n} s`:`${t} min`}var C3=[`tracks`],w3=(e,t)=>t.id,T3=(e,t)=>t.layer+t.slot,E3=(e,t)=>t.key;function D3(e,t){e&1&&(L(0,`p`,3),J(1,`Loading the timeline…`),R())}function O3(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`p`),J(2,`Can't read the timeline from the devtools server.`),R(),L(3,`button`,5),U(`click`,function(){return T(e),E(G().retry())}),J(4,`Retry`),R()()}}function k3(e,t){if(e&1){let e=H();L(0,`app-select`,19),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function A3(e,t){if(e&1){let e=H();L(0,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleLayer(t.id))}),z(1,`span`,21),J(2),L(3,`span`,22),J(4),R()()}if(e&2){let e=t.$implicit,n=G(2);j(`aria-pressed`,!n.hidden().includes(e.id)),k(2),X(` `,e.label,` `),k(2),Y(n.layerCounts()[e.id])}}function j3(e,t){e&1&&(L(0,`div`,3)(1,`p`),J(2,`Nothing on the timeline yet.`),R(),L(3,`p`,23),J(4,` Use the app with the overlay loaded. Navigations, HTTP calls, NgRx actions and form events show up as they happen. Record change detection on the Components tab, and pick a component on the Signals tab to follow its signals. `),R()())}function M3(e,t){if(e&1){let e=H();L(0,`div`,3)(1,`p`),J(2),R(),L(3,`button`,5),U(`click`,function(){T(e),G();let t=d_(6);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}if(e&2){let e=G(2);k(2),X(`No event matches the filters`,e.range()?` in this range`:``,`.`)}}function N3(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.label)}}function P3(e,t){if(e&1&&(D(),z(0,`line`,31)),e&2){let e=t.$index,n=G(3);j(`x2`,n.chartWidth)(`y1`,e*n.laneHeight+n.laneHeight/2)(`y2`,e*n.laneHeight+n.laneHeight/2)}}function F3(e,t){if(e&1&&(D(),z(0,`rect`,32)),e&2){let e=t.$implicit,n=G(3);j(`data-tone`,e.tone??null)(`x`,e.slot*n.slotWidth)(`y`,n.laneIndex()[e.layer]*n.laneHeight+4)(`width`,n.slotWidth-1)(`height`,n.laneHeight-8)(`opacity`,n.binOpacity(e.count))}}function I3(e,t){if(e&1&&(D(),z(0,`rect`,33)),e&2){let e=t,n=G(3);j(`x`,e.x-2)(`y`,e.y+1)(`width`,n.slotWidth+3)(`height`,n.laneHeight-2)}}function L3(e,t){if(e&1&&z(0,`div`,44),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function R3(e,t){if(e&1&&(L(0,`p`,40),J(1),R()),e&2){let e=G(3);k(),Z(` Showing the newest `,e.listed().length,` of `,e.shown().length,` events. Zoom in or filter to see older ones. `)}}function z3(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function B3(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.pageLabel(e.pageId))}}function V3(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,45),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`dblclick`,function(){let t=T(e).$implicit;return E(G(3).openEvent(t))}),L(2,`time`,46),J(3),R(),L(4,`span`,47),J(5),R(),L(6,`span`,48),J(7),R(),M(8,z3,2,1,`span`,49),M(9,B3,2,1,`span`,50),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),q(`selected`,e.key===n.selectedKey()),j(`aria-current`,e.key===n.selectedKey()?`true`:null)(`data-key`,e.key),k(2),Y(n.clock(e.at)),k(),j(`data-tone`,e.tone??null),k(),Y(n.layerLabel(e.layer)),k(2),Y(e.title),k(),N(e.detail?8:-1),k(),N(n.showPage()?9:-1)}}function H3(e,t){if(e&1&&(L(0,`dt`),J(1,`Took`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(),t=G(3);k(3),Y(t.span(e.ms))}}function U3(e,t){if(e&1&&(L(0,`dt`),J(1,`Detail`),R(),L(2,`dd`,53),J(3),R()),e&2){let e=G();k(3),Y(e.detail)}}function W3(e,t){if(e&1){let e=H();L(0,`p`,51),J(1),R(),L(2,`dl`)(3,`dt`),J(4,`Layer`),R(),L(5,`dd`),J(6),R(),L(7,`dt`),J(8,`Time`),R(),L(9,`dd`),J(10),R(),M(11,H3,4,1),M(12,U3,4,1),L(13,`dt`),J(14,`Page`),R(),L(15,`dd`),J(16),R()(),L(17,`button`,52),U(`click`,function(){let t=T(e);return E(G(3).openEvent(t))}),J(18),R()}if(e&2){let e=t,n=G(3);k(),Y(e.title),k(5),Y(n.layerLabel(e.layer)),k(4),Y(n.clock(e.at)),k(),N(e.ms===void 0?-1:11),k(),N(e.detail?12:-1),k(4),Y(e.pageId?n.pageLabel(e.pageId):`Server, no page`),k(2),X(` Open in `,n.tabLabel(e.layer),` `)}}function G3(e,t){e&1&&(L(0,`p`,23),J(1,` Select an event in the list or on the chart to see it here. Double click a row to open it in its own tab. `),R())}function K3(e,t){if(e&1){let e=H();L(0,`section`,24)(1,`div`,25)(2,`h2`,26),J(3,`Time axis`),R(),L(4,`span`,23),J(5),R()(),L(6,`div`,27)(7,`ul`,28),P(8,N3,2,1,`li`,null,w3),R(),L(10,`div`,29,1),U(`pointerdown`,function(t){return T(e),E(G(2).onPointerDown(t))})(`pointermove`,function(t){return T(e),E(G(2).onPointerMove(t))})(`pointerup`,function(t){return T(e),E(G(2).onPointerUp(t))})(`pointercancel`,function(){return T(e),E(G(2).brush.set(null))}),D(),L(12,`svg`,30),P(13,P3,1,3,`:svg:line`,31,w3),P(15,F3,1,6,`:svg:rect`,32,T3),M(17,I3,1,4,`:svg:rect`,33),R(),M(18,L3,1,4,`div`,34),R()(),_s(),L(19,`div`,35)(20,`span`),J(21),R(),L(22,`span`),J(23),R()(),L(24,`p`,36),J(25,` Drag across the chart to look at a range, and click a mark to select the nearest event. The list below holds the same events. `),R()(),L(26,`div`,37)(27,`section`,38)(28,`h2`,39),J(29,`Events`),R(),M(30,R3,2,2,`p`,40),L(31,`ol`,41),P(32,V3,10,10,`li`,null,E3),R()(),L(34,`aside`,42)(35,`h2`,43),J(36,`Selected event`),R(),M(37,W3,19,7)(38,G3,2,0,`p`,23),R()()}if(e&2){let e,t,n,r=G(2);k(5),Y(r.viewText()),k(3),F(r.lanes()),k(2),K(`height`,r.lanes().length*r.laneHeight,`px`),j(`aria-label`,r.chartLabel()),k(2),j(`viewBox`,`0 0 `+r.chartWidth+` `+r.lanes().length*r.laneHeight),k(),F(r.lanes()),k(2),F(r.bins()),k(2),N((e=r.selectedMark())?17:-1,e),k(),N((t=r.brushBox())?18:-1,t),k(3),Y(r.clock(r.view().start)),k(2),Y(r.clock(r.view().end)),k(7),N(r.shown().length>r.listed().length?30:-1),k(2),F(r.listed()),k(5),N((n=r.selected())?37:38,n)}}function q3(e,t){if(e&1){let e=H();L(0,`div`,6)(1,`div`,7),D(),L(2,`svg`,8),z(3,`circle`,9)(4,`path`,10),R(),_s(),L(5,`input`,11,0),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),M(7,k3,1,2,`app-select`,12),L(8,`span`,13),J(9),R()(),L(10,`div`,14)(11,`div`,15),P(12,A3,5,3,`button`,16,w3),R(),L(14,`div`,17)(15,`button`,18),U(`click`,function(){return T(e),E(G().zoom(.5))}),J(16,` Zoom in `),R(),L(17,`button`,18),U(`click`,function(){return T(e),E(G().zoom(2))}),J(18,` Zoom out `),R(),L(19,`button`,18),U(`click`,function(){return T(e),E(G().pan(-1))}),J(20,` Earlier `),R(),L(21,`button`,18),U(`click`,function(){return T(e),E(G().pan(1))}),J(22,` Later `),R(),L(23,`button`,18),U(`click`,function(){return T(e),E(G().range.set(null))}),J(24,` Show all `),R()()(),M(25,j3,5,0,`div`,3)(26,M3,5,1,`div`,3)(27,K3,39,11)}if(e&2){let e=G();k(5),I(`value`,e.query()),k(2),N(e.pageOptions().length>2?7:-1),k(2),Y(e.countText()),k(3),F(e.layers()),k(3),I(`disabled`,!e.canZoomIn()),k(2),I(`disabled`,!e.range()),k(2),I(`disabled`,!e.canPan(-1)),k(2),I(`disabled`,!e.canPan(1)),k(2),I(`disabled`,!e.range()),k(2),N(e.events().length?e.shown().length?27:26:25)}}var J3=240,Y3=1e3,X3=4,Z3=class e{rpc=$(null);open=Rv();destroyRef=C(Ds);tracks=Jv(`tracks`);host=C(Il);hostPageId=LE();cleanups=[];loads=0;allPages=`all`;clock=x3;span=S3;laneHeight=24;chartWidth=Y3;slotWidth=Y3/J3;loading=O(!0);failed=O(!1);sources=O({});query=O(``);hidden=O(y3());range=O(null);selectedKey=O(null);brush=O(null);layers=Q(()=>H4(nD(this.rpc())));events=Q(()=>{let e=new Set(this.layers().map(e=>e.id));return s3(this.sources()).filter(t=>e.has(t.layer))});pages=Q(()=>c3(this.sources(),this.events()));pageId=Fv({source:()=>this.pages().map(e=>e.pageId),computation:(e,t)=>t&&(t.value===`all`||e.includes(t.value))?t.value:this.hostPageId&&e.includes(this.hostPageId)?this.hostPageId:`all`});pageOptions=Q(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.label,...e.label===e.pageId?{}:{hint:e.pageId}}))]);showPage=Q(()=>this.pageId()===`all`&&this.pages().length>1);matching=Q(()=>l3(this.events(),{layers:new Set(B4.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=Q(()=>{let e=Object.fromEntries(B4.map(e=>[e.id,0]));for(let t of u3(this.matching(),this.range()))e[t.layer]++;return e});visible=Q(()=>{let e=new Set(this.hidden());return this.matching().filter(t=>!e.has(t.layer))});lanes=Q(()=>{let e=new Set(this.hidden());return this.layers().filter(t=>!e.has(t.id))});laneIndex=Q(()=>Object.fromEntries(this.lanes().map((e,t)=>[e.id,t])));bounds=Q(()=>d3(this.visible()));view=Q(()=>this.range()??this.bounds());shown=Q(()=>u3(this.visible(),this.range()));listed=Q(()=>this.shown().slice(-200).reverse());bins=Q(()=>{let e=this.view();return e?g3(this.shown(),e,J3):[]});maxBin=Q(()=>this.bins().reduce((e,t)=>Math.max(e,t.count),1));selected=Q(()=>this.events().find(e=>e.key===this.selectedKey())??null);selectedMark=Q(()=>{let e=this.selected(),t=this.view(),n=e?this.laneIndex()[e.layer]:void 0;if(!e||!t||n===void 0||e.at<t.start||e.at>t.end)return null;let r=Math.max(1,t.end-t.start);return{x:Math.min(239,Math.floor((e.at-t.start)/r*J3))*this.slotWidth,y:n*this.laneHeight}});brushBox=Q(()=>{let e=this.brush();if(!e)return null;let t=Math.min(e.from,e.to),n=Math.max(e.from,e.to);return{left:t*100,width:(n-t)*100}});countText=Q(()=>{let e=this.events().length;return`${this.shown().length} of ${e} ${e===1?`event`:`events`}`});viewText=Q(()=>{let e=this.view();if(!e)return``;let t=S3(e.end-e.start);return this.range()?`Range of ${t}`:`All ${t}`});chartLabel=Q(()=>{let e=this.view();if(!e)return`Timeline`;let t=this.layerCounts(),n=this.lanes().map(e=>`${e.label} ${t[e.id]}`);return`Timeline from ${x3(e.start)} to ${x3(e.end)}: ${n.join(`, `)}. The Events list holds the same events.`});canZoomIn=Q(()=>{let e=this.view();return!!e&&e.end-e.start>40});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stop())}layerLabel(e){return V4[e].label}tabLabel(e){return V4[e].tabLabel}pageLabel(e){return e?this.pages().find(t=>t.pageId===e)?.label??e:`Server`}binOpacity(e){return Math.round((.55+.45*Math.min(1,Math.log2(e+1)/Math.log2(this.maxBin()+1)))*100)/100}toggleLayer(e){let t=this.hidden().includes(e)?this.hidden().filter(t=>t!==e):[...this.hidden(),e];this.hidden.set(t),b3(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),b3([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(f3(t,e,n))}canPan(e){let t=this.range(),n=this.bounds();return!t||!n?!1:e<0?t.start>n.start:t.end<n.end}pan(e){let t=this.range(),n=this.bounds();t&&n&&this.range.set(p3(t,e*.5,n))}select(e){this.selectedKey.set(e.key)}openEvent(e){this.open.emit(e.link)}share(e){let t=this.tracks()?.nativeElement.getBoundingClientRect();return!t||t.width<=0?0:Math.min(1,Math.max(0,(e.clientX-t.left)/t.width))}onPointerDown(e){if(e.pointerType===`mouse`&&e.button!==0)return;let t=this.share(e);this.brush.set({from:t,to:t,id:e.pointerId}),this.downX=e.clientX;try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.preventDefault()}onPointerMove(e){let t=this.brush();t&&t.id===e.pointerId&&this.brush.set({...t,to:this.share(e)})}onPointerUp(e){let t=this.brush(),n=this.view();if(this.brush.set(null),!t||t.id!==e.pointerId||!n)return;if(Math.abs(e.clientX-this.downX)<X3){this.pick(e,n);return}let r=h3(n,t.from,this.share(e));r&&this.range.set(r)}downX=0;pick(e,t){let n=this.tracks()?.nativeElement.getBoundingClientRect(),r=this.lanes();if(!n||!r.length)return;let i=r[Math.min(r.length-1,Math.max(0,Math.floor((e.clientY-n.top)/this.laneHeight)))],a=t.start+this.share(e)*(t.end-t.start),o=_3(this.shown(),i.id,a);o&&(this.selectedKey.set(o.key),queueMicrotask(()=>{this.host.nativeElement.querySelector(`button.row[data-key="${CSS.escape(o.key)}"]`)?.scrollIntoView?.({block:`nearest`})}))}retry(){let e=this.rpc();e&&this.load(e)}stop(){for(let e of this.cleanups.splice(0))e()}async load(e){this.stop();let t=++this.loads;this.loading.set(!0),this.failed.set(!1);let n=e.scope(`pangular`).rpc,r=await Promise.allSettled(B4.map(async e=>{let r=await n.sharedState(e.state);if(this.destroyRef.destroyed||t!==this.loads)return;let i=t=>this.sources.update(n=>({...n,[e.id]:t}));i(r.value()),this.cleanups.push(r.on(`updated`,i))}));this.destroyRef.destroyed||t!==this.loads||(this.failed.set(r.every(e=>e.status===`rejected`)),this.loading.set(!1))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-timeline`]],viewQuery:function(e,t){e&1&&l_(t.tracks,C3,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},outputs:{open:`open`},decls:5,vars:1,consts:[[`search`,``],[`tracks`,``],[1,`intro`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[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 events`,`placeholder`,`Filter by name, URL or detail`,`autocomplete`,`off`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[1,`controls`],[`role`,`group`,`aria-label`,`Layers`,1,`layers`],[`type`,`button`,1,`layer`],[`role`,`group`,`aria-label`,`Time range`,1,`zoom`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[`type`,`button`,1,`layer`,3,`click`],[`aria-hidden`,`true`,1,`check`],[1,`badge`],[1,`muted`],[`aria-labelledby`,`timeline-chart-heading`,1,`chart-card`],[1,`chart-head`],[`id`,`timeline-chart-heading`],[1,`chart`],[`aria-hidden`,`true`,1,`lane-labels`],[`role`,`img`,1,`tracks`,3,`pointerdown`,`pointermove`,`pointerup`,`pointercancel`],[`preserveAspectRatio`,`none`,`aria-hidden`,`true`],[`x1`,`0`,1,`lane-line`],[1,`mark`],[1,`selected-mark`],[1,`brush`,3,`left`,`width`],[`aria-hidden`,`true`,1,`axis`],[1,`hint`],[1,`split`],[`aria-labelledby`,`timeline-events-heading`,1,`events`],[`id`,`timeline-events-heading`],[1,`note`],[`appRovingList`,`button.row`,`aria-label`,`Events, newest first`,1,`rows`],[`aria-labelledby`,`timeline-detail-heading`,1,`detail-panel`],[`id`,`timeline-detail-heading`],[1,`brush`],[`type`,`button`,1,`row`,3,`click`,`dblclick`],[1,`when`],[1,`chip`],[1,`title`],[1,`detail`],[1,`page`],[1,`detail-title`],[`type`,`button`,1,`primary`,3,`click`],[1,`mono`]],template:function(e,t){e&1&&(L(0,`p`,2),J(1,` Navigations, HTTP calls, NgRx actions, change detection cycles, form events and signal changes from the live page on one time axis. Turn layers on and off, drag across the chart to look at a range, and open an event in its own tab. `),R(),M(2,D3,2,0,`p`,3)(3,O3,5,0,`div`,4)(4,q3,28,9)),e&2&&(k(2),N(t.loading()?2:t.failed()?3:4))},dependencies:[OO,qz],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -17142,7 +17142,7 @@ dd[_ngcontent-%COMP%] {
   .layer[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function J3(e){let t=e===`light`?`#ffffff`:`#0b0b0e`,n=e===`light`?`#92400e`:`#f5a524`;return`
+}`]})};function Q3(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;
   }
@@ -17233,7 +17233,7 @@ dd[_ngcontent-%COMP%] {
       transition: none;
     }
   }
-`}var Y3=new Map;function X3(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=Y3.get(e);t!==void 0&&(clearTimeout(t),Y3.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=J3(t);return}if(n>0&&e){let r=Y3.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{Y3.delete(e),X3(e,t,n-1)},100);Y3.set(e,i)}}var Z3=`pangular-pref`,Q3={order:[],hidden:[],pinned:[]};function $3(e){try{return localStorage.getItem(`${Z3}:${e}`)}catch{return null}}function e6(e,t){try{t===null?localStorage.removeItem(`${Z3}:${e}`):localStorage.setItem(`${Z3}:${e}`,t)}catch{}}function t6(){let e=$3(`theme`);return e===`light`||e===`dark`?e:`system`}function n6(e){e6(`theme`,e===`system`?null:e)}function r6(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 i6(){let e=$3(`tabs`);if(!e)return Q3;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return Q3;let n=t;return{order:r6(n.order),hidden:r6(n.hidden),pinned:r6(n.pinned)}}catch{return Q3}}function a6(e){e6(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function o6(){return $3(`passive`)===`true`}function s6(e){e6(`passive`,e?`true`:null)}function c6(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 l6(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return c6(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function u6(e,t,n,r){let i=c6(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 d6(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 f6(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:c6(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function p6(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function m6(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 h6=`pangular-inspector-`;function g6(e=window){try{let t=e.top??e;return t.name.startsWith(h6)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function _6(e=window){let t=g6(e);if(!t)return!1;let n;try{n=t.location.origin}catch{try{n=new URL(e.document.referrer).origin}catch{n=void 0}}if(!n||n===`null`)return!1;try{return t.postMessage({type:`pangular:popup-return`},n),!0}catch{return!1}}var v6=class e{current=O(`dark`);preference=O(t6());source=`dark`;sourceAttr=!1;constructor(){let e=C(Ds),t=x6(),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(b6(t),!0);else{let t=y6();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{}mc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of S6())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(b6(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),n6(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=Nl({token:e,factory:e.ɵfac})};function y6(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function b6(e){return e.classList.contains(`dark`)?`dark`:`light`}function x6(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function S6(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=C6(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function C6(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 w6=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function T6(){try{return window.parent===window?void 0:window.parent[w6]}catch{return}}function E6(e,t,n=50){let r=T6();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=E6(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(UT(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>UT(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function D6(){return!!T6()}async function O6(e){let t=T6();if(!t)return!1;try{return await t.docks.switchEntry(UT(e))}catch{return!1}}function k6(){let e=T6()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function A6(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function j6(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var M6=`pangular-tab`;function N6(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function P6(e){try{return sessionStorage.getItem(`${M6}:${e}`)}catch{return null}}function F6(e,t){try{sessionStorage.setItem(`${M6}:${e}`,t)}catch{}}function I6(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function L6(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 R6(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(I6(t,e)||L6(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var z6={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 B6(e,t){let n=z6[t];return e&&n[e]||null}var V6=(e,t)=>t.value,H6=(e,t)=>t.id;function U6(e,t){if(e&1){let e=H();L(0,`label`,23)(1,`input`,24),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`value`,e.value)(`checked`,n.theme()===e.value),k(2),Y(e.label),k(2),Y(e.hint)}}function W6(e,t){e&1&&(L(0,`span`,30),J(1,`Pinned`),R())}function G6(e,t){if(e&1){let e=H();L(0,`li`,27),U(`keydown`,function(t){let n=T(e).$implicit;return E(G().onRowKey(t,n.id))}),z(1,`app-tab-icon`,28),L(2,`span`,29),J(3),M(4,W6,2,0,`span`,30),R(),L(5,`button`,31),U(`click`,function(){let t=T(e).$implicit;return E(G().togglePinned(t.id))}),J(6,` Pin `),R(),L(7,`label`,32)(8,`input`,33),U(`change`,function(t){let n=T(e).$implicit;return E(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=T(e).$implicit;return E(G().move(t.id,-1))}),D(),L(13,`svg`,36),z(14,`path`,37),R()(),_s(),L(15,`button`,38),U(`click`,function(){let t=T(e).$implicit;return E(G().move(t.id,1))}),D(),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),k(),I(`name`,e.id),k(2),X(` `,e.label,` `),k(),N(n.isPinned(e.id)?4:-1),k(),j(`aria-pressed`,n.isPinned(e.id))(`aria-label`,`Pin `+e.label),k(3),I(`checked`,!n.isHidden(e.id)),j(`aria-label`,e.label+` shown in the tab bar`),k(4),I(`disabled`,!n.canMove(e.id,-1)),j(`aria-label`,`Move `+e.label+` up`),k(3),I(`disabled`,!n.canMove(e.id,1)),j(`aria-label`,`Move `+e.label+` down`)}}function K6(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&&(k(2),Y(t))}function q6(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 J6(e,t){e&1&&(L(0,`kbd`),J(1),R()),e&2&&(k(),Y(t))}function Y6(e,t){e&1&&J(0,` Off `)}var X6=[{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`}],Z6=class e{tabs=$([]);layout=Gv(Q3);theme=Gv(`system`);passive=Gv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);themes=X6;announcement=O(``);host=C(Il);injector=C(Ts);ids=Q(()=>this.tabs().map(e=>e.id));orderedTabs=Q(()=>{let e=new Map(this.tabs().map(e=>[e.id,e]));return c6(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=Q(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=c6(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 u6(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=u6(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=c6(this.ids(),n),i=this.label(e);this.say(`${i} moved to position ${r.indexOf(e)+1} of ${r.length}.`),Hd(()=>{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(f6(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(d6(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(Q3),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=A({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,U6,6,6,`label`,4,V6),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,G6,18,14,`li`,11,H6),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,K6,4,1)(37,q6,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,J6,2,1,`kbd`)(60,Y6,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;k(6),F(t.themes),k(6),I(`disabled`,t.isDefaultLayout()),k(14),F(t.orderedTabs()),k(6),I(`checked`,t.passive())(`disabled`,t.hotkey()===!1),k(4),N((e=t.hotkey())?36:37,e),k(18),Y(t.paletteShortcut()),k(5),N((n=t.hotkey())?59:60,n),k(5),Y(t.announcement())}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
+`}var $3=new Map;function e6(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=$3.get(e);t!==void 0&&(clearTimeout(t),$3.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=Q3(t);return}if(n>0&&e){let r=$3.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{$3.delete(e),e6(e,t,n-1)},100);$3.set(e,i)}}var t6=`pangular-pref`,n6={order:[],hidden:[],pinned:[]};function r6(e){try{return localStorage.getItem(`${t6}:${e}`)}catch{return null}}function i6(e,t){try{t===null?localStorage.removeItem(`${t6}:${e}`):localStorage.setItem(`${t6}:${e}`,t)}catch{}}function a6(){let e=r6(`theme`);return e===`light`||e===`dark`?e:`system`}function o6(e){i6(`theme`,e===`system`?null:e)}function s6(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 c6(){let e=r6(`tabs`);if(!e)return n6;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return n6;let n=t;return{order:s6(n.order),hidden:s6(n.hidden),pinned:s6(n.pinned)}}catch{return n6}}function l6(e){i6(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function u6(){return r6(`passive`)===`true`}function d6(e){i6(`passive`,e?`true`:null)}function f6(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 p6(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return f6(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function m6(e,t,n,r){let i=f6(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 h6(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 g6(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:f6(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function _6(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function v6(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 y6=`pangular-inspector-`;function b6(e=window){try{let t=e.top??e;return t.name.startsWith(y6)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function x6(e=window){let t=b6(e);if(!t)return!1;let n;try{n=t.location.origin}catch{try{n=new URL(e.document.referrer).origin}catch{n=void 0}}if(!n||n===`null`)return!1;try{return t.postMessage({type:`pangular:popup-return`},n),!0}catch{return!1}}var S6=class e{current=O(`dark`);preference=O(a6());source=`dark`;sourceAttr=!1;constructor(){let e=C(Ds),t=T6(),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(w6(t),!0);else{let t=C6();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{}mc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of E6())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(w6(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),o6(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=Nl({token:e,factory:e.ɵfac})};function C6(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function w6(e){return e.classList.contains(`dark`)?`dark`:`light`}function T6(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function E6(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=D6(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function D6(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 O6=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function k6(){try{return window.parent===window?void 0:window.parent[O6]}catch{return}}function A6(e,t,n=50){let r=k6();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=A6(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(UT(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>UT(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function j6(){return!!k6()}async function M6(e){let t=k6();if(!t)return!1;try{return await t.docks.switchEntry(UT(e))}catch{return!1}}function N6(){let e=k6()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function P6(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function F6(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var I6=`pangular-tab`;function L6(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function R6(e){try{return sessionStorage.getItem(`${I6}:${e}`)}catch{return null}}function z6(e,t){try{sessionStorage.setItem(`${I6}:${e}`,t)}catch{}}function B6(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function V6(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 H6(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(B6(t,e)||V6(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var U6={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 W6(e,t){let n=U6[t];return e&&n[e]||null}var G6=(e,t)=>t.value,K6=(e,t)=>t.id;function q6(e,t){if(e&1){let e=H();L(0,`label`,23)(1,`input`,24),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`value`,e.value)(`checked`,n.theme()===e.value),k(2),Y(e.label),k(2),Y(e.hint)}}function J6(e,t){e&1&&(L(0,`span`,30),J(1,`Pinned`),R())}function Y6(e,t){if(e&1){let e=H();L(0,`li`,27),U(`keydown`,function(t){let n=T(e).$implicit;return E(G().onRowKey(t,n.id))}),z(1,`app-tab-icon`,28),L(2,`span`,29),J(3),M(4,J6,2,0,`span`,30),R(),L(5,`button`,31),U(`click`,function(){let t=T(e).$implicit;return E(G().togglePinned(t.id))}),J(6,` Pin `),R(),L(7,`label`,32)(8,`input`,33),U(`change`,function(t){let n=T(e).$implicit;return E(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=T(e).$implicit;return E(G().move(t.id,-1))}),D(),L(13,`svg`,36),z(14,`path`,37),R()(),_s(),L(15,`button`,38),U(`click`,function(){let t=T(e).$implicit;return E(G().move(t.id,1))}),D(),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),k(),I(`name`,e.id),k(2),X(` `,e.label,` `),k(),N(n.isPinned(e.id)?4:-1),k(),j(`aria-pressed`,n.isPinned(e.id))(`aria-label`,`Pin `+e.label),k(3),I(`checked`,!n.isHidden(e.id)),j(`aria-label`,e.label+` shown in the tab bar`),k(4),I(`disabled`,!n.canMove(e.id,-1)),j(`aria-label`,`Move `+e.label+` up`),k(3),I(`disabled`,!n.canMove(e.id,1)),j(`aria-label`,`Move `+e.label+` down`)}}function X6(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&&(k(2),Y(t))}function Z6(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 Q6(e,t){e&1&&(L(0,`kbd`),J(1),R()),e&2&&(k(),Y(t))}function $6(e,t){e&1&&J(0,` Off `)}var e8=[{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`}],t8=class e{tabs=$([]);layout=Gv(n6);theme=Gv(`system`);passive=Gv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);themes=e8;announcement=O(``);host=C(Il);injector=C(Ts);ids=Q(()=>this.tabs().map(e=>e.id));orderedTabs=Q(()=>{let e=new Map(this.tabs().map(e=>[e.id,e]));return f6(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=Q(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=f6(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 m6(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=m6(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=f6(this.ids(),n),i=this.label(e);this.say(`${i} moved to position ${r.indexOf(e)+1} of ${r.length}.`),Hd(()=>{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(g6(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(h6(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(n6),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=A({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,q6,6,6,`label`,4,G6),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,Y6,18,14,`li`,11,K6),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,X6,4,1)(37,Z6,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,Q6,2,1,`kbd`)(60,$6,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;k(6),F(t.themes),k(6),I(`disabled`,t.isDefaultLayout()),k(14),F(t.orderedTabs()),k(6),I(`checked`,t.passive())(`disabled`,t.hotkey()===!1),k(4),N((e=t.hotkey())?36:37,e),k(18),Y(t.paletteShortcut()),k(5),N((n=t.hotkey())?59:60,n),k(5),Y(t.announcement())}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
   display: block;
   max-width: 760px;
 }
@@ -17493,7 +17493,7 @@ code[_ngcontent-%COMP%] {
   padding: 8px;
   border-top: 1px solid var(--%NS%border);
   color: var(--%NS%text);
-}`]})};function Q6(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 $6(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=Q6(e.title,n),i=Q6(`${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 e8=[`input`],t8=(e,t)=>t.id;function n8(e,t){if(e&1&&(B(0,`kbd`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.shortcut)}}function r8(e,t){if(e&1){let e=H();B(0,`li`,14),W(`pointermove`,function(){let t=T(e).$index;return E(G(2).active.set(t))})(`click`,function(){let t=T(e).$implicit;return E(G(2).run(t))}),B(1,`span`,15),J(2),V(),M(3,n8,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()),k(2),Y(e.title),k(),N(e.shortcut?3:-1),k(2),Y(e.group)}}function i8(e,t){if(e&1&&(B(0,`p`,11),J(1),V()),e&2){let e=G(2);k(),X(`No commands match “`,e.query().trim(),`”.`)}}function a8(e,t){if(e&1){let e=H();B(0,`div`,1),W(`pointerdown`,function(){return T(e),E(G().close())}),V(),B(1,`div`,2),W(`keydown`,function(t){return T(e),E(G().onKey(t))}),B(2,`h2`,3),J(3,`Command palette`),V(),B(4,`div`,4),D(),B(5,`svg`,5),Vg(6,`circle`,6)(7,`path`,7),V(),_s(),B(8,`input`,8,0),W(`input`,function(t){return T(e),E(G().query.set(t.target.value))}),V()(),B(10,`ul`,9),W(`pointerdown`,function(e){return e.preventDefault()}),P(11,r8,6,7,`li`,10,t8),V(),M(13,i8,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();k(),j(`aria-labelledby`,e.uid+`-title`),k(),j(`id`,e.uid+`-title`),k(6),qg(`value`,e.query()),j(`aria-controls`,e.uid+`-list`)(`aria-activedescendant`,e.activeId())(`aria-describedby`,e.uid+`-help`),k(2),qg(`hidden`,!e.results().length),j(`id`,e.uid+`-list`),k(),F(e.results()),k(2),N(e.results().length?-1:13),k(),j(`id`,e.uid+`-help`),k(13),Y(e.status())}}var o8=0,s8=class e{commands=$([]);open=Gv(!1);picked=Rv();uid=`cp${o8++}`;query=O(``);results=Q(()=>$6(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=C(Ts);returnFocus=null;constructor(){mc(()=>{this.open()&&Nv(()=>{let e=document.activeElement;this.returnFocus=e instanceof HTMLElement&&e!==document.body?e:null,this.query.set(``),Hd(()=>this.input()?.nativeElement.focus(),{injector:this.injector})})})}close(e){if(!this.open())return;this.open.set(!1);let t=this.returnFocus;this.returnFocus=null,Hd(()=>{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(){Hd(()=>{let e=this.activeId();e&&document.getElementById(e)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-command-palette`]],viewQuery:function(e,t){e&1&&l_(t.input,e8,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,a8,28,11),e&2&&N(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
+}`]})};function n8(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 r8(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=n8(e.title,n),i=n8(`${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 i8=[`input`],a8=(e,t)=>t.id;function o8(e,t){if(e&1&&(B(0,`kbd`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.shortcut)}}function s8(e,t){if(e&1){let e=H();B(0,`li`,14),W(`pointermove`,function(){let t=T(e).$index;return E(G(2).active.set(t))})(`click`,function(){let t=T(e).$implicit;return E(G(2).run(t))}),B(1,`span`,15),J(2),V(),M(3,o8,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()),k(2),Y(e.title),k(),N(e.shortcut?3:-1),k(2),Y(e.group)}}function c8(e,t){if(e&1&&(B(0,`p`,11),J(1),V()),e&2){let e=G(2);k(),X(`No commands match “`,e.query().trim(),`”.`)}}function l8(e,t){if(e&1){let e=H();B(0,`div`,1),W(`pointerdown`,function(){return T(e),E(G().close())}),V(),B(1,`div`,2),W(`keydown`,function(t){return T(e),E(G().onKey(t))}),B(2,`h2`,3),J(3,`Command palette`),V(),B(4,`div`,4),D(),B(5,`svg`,5),Vg(6,`circle`,6)(7,`path`,7),V(),_s(),B(8,`input`,8,0),W(`input`,function(t){return T(e),E(G().query.set(t.target.value))}),V()(),B(10,`ul`,9),W(`pointerdown`,function(e){return e.preventDefault()}),P(11,s8,6,7,`li`,10,a8),V(),M(13,c8,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();k(),j(`aria-labelledby`,e.uid+`-title`),k(),j(`id`,e.uid+`-title`),k(6),qg(`value`,e.query()),j(`aria-controls`,e.uid+`-list`)(`aria-activedescendant`,e.activeId())(`aria-describedby`,e.uid+`-help`),k(2),qg(`hidden`,!e.results().length),j(`id`,e.uid+`-list`),k(),F(e.results()),k(2),N(e.results().length?-1:13),k(),j(`id`,e.uid+`-help`),k(13),Y(e.status())}}var u8=0,d8=class e{commands=$([]);open=Gv(!1);picked=Rv();uid=`cp${u8++}`;query=O(``);results=Q(()=>r8(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=C(Ts);returnFocus=null;constructor(){mc(()=>{this.open()&&Nv(()=>{let e=document.activeElement;this.returnFocus=e instanceof HTMLElement&&e!==document.body?e:null,this.query.set(``),Hd(()=>this.input()?.nativeElement.focus(),{injector:this.injector})})})}close(e){if(!this.open())return;this.open.set(!1);let t=this.returnFocus;this.returnFocus=null,Hd(()=>{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(){Hd(()=>{let e=this.activeId();e&&document.getElementById(e)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-command-palette`]],viewQuery:function(e,t){e&1&&l_(t.input,i8,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,l8,28,11),e&2&&N(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
   position: fixed;
   inset: 0;
   z-index: 100;
@@ -17634,7 +17634,7 @@ kbd[_ngcontent-%COMP%] {
    .help[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},c8=[`nav`],l8=[`main`],u8=e=>[e],d8=(e,t)=>t.id;function f8(e,t){e&1&&(D(),L(0,`svg`,4),z(1,`path`,30),R())}function p8(e,t){e&1&&(D(),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 m8(e,t){e&1&&(D(),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 h8(e,t){e&1&&(D(),L(0,`svg`,6),z(1,`path`,46)(2,`path`,47)(3,`path`,48)(4,`path`,49),R())}function g8(e,t){e&1&&(D(),L(0,`svg`,7),z(1,`path`,50),R())}function _8(e,t){e&1&&(D(),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 v8(e,t){e&1&&(D(),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 y8(e,t){if(e&1){let e=H();L(0,`button`,81),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),I(`name`,e.id),k(2),Y(e.label)}}function b8(e,t){if(e&1&&(L(0,`div`,12),P(1,y8,4,6,`button`,80,d8),R()),e&2){let e=G();k(),F(e.tabs())}}function x8(e,t){if(e&1){let e=H();L(0,`a`,83),U(`click`,function(t){let n=T(e);return E(G().openFullPanel(t,n.tab))}),D(),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,Nu)}function S8(e,t){if(e&1){let e=H();L(0,`app-settings`,89),U(`layoutChange`,function(t){return T(e),E(G().setTabLayout(t))})(`themeChange`,function(t){return T(e),E(G().setTheme(t))})(`passiveChange`,function(t){return T(e),E(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 C8(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 T(e),E(G().retryConnection())}),J(4,`Retry now`),R()()}}function w8(e,t){e&1&&z(0,`app-coming-soon`,26),e&2&&I(`info`,t)}function T8(e,t){e&1&&(L(0,`p`,27),J(1,`Looking for an Angular Native app…`),R())}function E8(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&&(k(2),Y(t))}function D8(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,E8,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();k(5),N((e=t.turnOnSnippet())?5:-1,e),k(),I(`href`,t.inspectorsDocsUrl,Nu)}}function O8(e,t){if(e&1){let e=H();L(0,`app-dashboard`,97),U(`navigate`,function(t){return T(e),E(G(3).switchTab(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function k8(e,t){if(e&1){let e=H();L(0,`app-timeline`,98),U(`open`,function(t){return T(e),E(G(3).openLink(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function A8(e,t){if(e&1){let e=H();L(0,`app-component-tree`,99),U(`focusHandled`,function(){return T(e),E(G(3).componentFocus.set(null))})(`commandHandled`,function(){return T(e),E(G(3).componentCommand.set(null))})(`showForm`,function(t){return T(e),E(G(3).showForm(t))})(`showInjector`,function(t){return T(e),E(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 j8(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,100),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function M8(e,t){e&1&&z(0,`app-signal-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function N8(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,101),U(`focusHandled`,function(){return T(e),E(G(3).injectorFocus.set(null))})(`showComponent`,function(t){return T(e),E(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 P8(e,t){e&1&&z(0,`app-store-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function F8(e,t){e&1&&z(0,`app-network-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function I8(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,102),U(`focusHandled`,function(){return T(e),E(G(3).formFocus.set(null))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.formFocus())}}function L8(e,t){e&1&&z(0,`app-pipes-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function R8(e,t){e&1&&z(0,`app-analog-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function z8(e,t){e&1&&z(0,`app-capacitor-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function B8(e,t){if(e&1){let e=H();L(0,`app-errors-inspector`,103),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)(`canExplainInjection`,e.config().inspectors.injectors)}}function V8(e,t){if(e&1&&M(0,O8,1,1,`app-dashboard`,92)(1,k8,1,1,`app-timeline`,92)(2,A8,1,4,`app-component-tree`,93)(3,j8,1,1,`app-route-inspector`,92)(4,M8,1,1,`app-signal-inspector`,92)(5,N8,1,3,`app-di-inspector`,94)(6,P8,1,1,`app-store-inspector`,92)(7,F8,1,1,`app-network-inspector`,92)(8,I8,1,2,`app-forms-inspector`,95)(9,L8,1,1,`app-pipes-inspector`,92)(10,R8,1,1,`app-analog-inspector`,92)(11,z8,1,1,`app-capacitor-inspector`,92)(12,B8,1,3,`app-errors-inspector`,96),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`timeline`?1:e===`components`?2:e===`routes`?3:e===`signals`?4:e===`injectors`?5:e===`store`?6:e===`network`?7:e===`forms`?8:e===`pipes`?9:e===`analog`?10:e===`capacitor`?11:e===`errors`?12:-1)}}function H8(e,t){e&1&&P(0,V8,13,1,null,null,Ag),e&2&&F(hv(0,u8,G().scopeKey()))}var U8=`all`,W8=[U8,...HT],G8={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},K8={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},q8={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},J8={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},Y8={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/`}},X8={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/`}},Z8={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`}},Q8={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/`}},$8=[1e3,2e3,5e3,1e4];function e5(){let e=new URLSearchParams(location.search).get(`view`);return HT.find(t=>t===e)??null}ex(class e{analog=O(!1);allTabs=tE.map(({id:e,label:t})=>({id:e,label:t}));view=O(e5());viewAccent=Q(()=>B6(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?G8[e]:`Pangular Inspector`});mainLabel=Q(()=>this.tab()===`settings`?`Settings`:this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=O(!1);capacitorReporting=O(!1);capacitorKnown=O(!1);nativePageId=O(null);nativeKnown=O(!1);scopeKey=Q(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=Q(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?Z8:void 0;if(e===`nativescript`)return Y8;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?X8:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?Q8:void 0});config=Q(()=>nD(this.rpc()));tabEnabled=sD;inspectorsDocsUrl=oD;turnOnSnippet=Q(()=>{let e=aD(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=Q(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?K8[e]:void 0,n=this.allTabs.filter(e=>sD(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?J8[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`&&q8[t.id]))});tabLayout=O(i6());tabs=Q(()=>{let e=this.tab(),t=l6(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`:K8[e]??this.tab();return{tab:t,href:A6(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(K8[e]??J8[e]?.[0])||`dashboard`});rpc=O(null);openedDock=O(null);connected=O(!1);connectionFailed=O(!1);hiddenPages=O([]);pageId=LE();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=C(Ts);themeService=C(v6);navObserver;navFade=O({start:!1,end:!1});constructor(){C(cM).use(this.rpc),Hd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),dy(()=>{this.tab(),this.tabs(),Nv(()=>{this.revealActiveTab(),this.measureNav()})}),mc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Nv(()=>void HE(t,`hub-dock-seen`,UT(e.dock)))}),mc(()=>{let e=this.themeService.current();Nv(()=>{try{window.parent!==window&&X3(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=E6(W8,e=>{this.openedDock.set({dock:e}),e===U8?this.showFullPanel():this.showView(e)});let e=N6(location.hash,P6(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&N6(location.hash,P6(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&N6(location.hash,P6(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=WE(()=>this.rpc()),this.connect()}connecting=!1;retries=0;retryTimer;connect(){if(this.connecting||this.rpc())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=R6();BT(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&&sD(`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=$8[Math.min(this.retries++,$8.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;IE(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;IE(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??P6(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=N6(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){j6(e)&&D6()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),O6(U8))}paletteOpen=O(!1);paletteShortcut=p6()?`⌘K`:`Ctrl+K`;themePreference=Q(()=>this.themeService.preference());passive=O(o6());popupHotkey=Q(()=>{let e=this.config().popup.hotkey;return e!==!1&&eE(e,p6())});popup=m6();poppedOut=!!g6();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 lE(this.config()).filter(n=>n.id.startsWith(`tab:`)?e.has(n.id.slice(4)):n.id===`popout:return`?this.poppedOut:n.popupOnly?this.popup:n.id===`pick-component`||n.id.startsWith(`cd-`)?t:!0)});onGlobalKey(e){if(e.defaultPrevented)return;let t=p6(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&$T(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(){D6()&&k6()||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===`dock:reset-size`){this.postToPopup({type:`pangular:popup-dock-size`});return}if(e.startsWith(`dock:`)){this.postToPopup({type:`pangular:popup-dock`,mode:e.slice(5)});return}if(e===`popout`){this.postToPopup({type:`pangular:popup-popout`});return}if(e===`popout:return`){_6();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),a6(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),s6(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of S6())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(iE,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,``,oE(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=sE(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=O(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=q8[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),F6(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=vO(t,this.nativePageId());this.view()===`angular-native`&&IE(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=h1(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&sD(`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(){Hd(()=>{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 O6(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:UT(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&l_(t.nav,c8,5)(t.main,l8,5),e&2&&u_(2)},hostVars:4,hostBindings:function(e,t){e&1&&U(`message`,function(e){return t.inspectFromPanel(e)},Fu)(`keydown`,function(e){return t.onGlobalKey(e)},Iu),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`,`canExplainInjection`],[3,`navigate`,`rpc`],[3,`open`,`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`,`canExplainInjection`]],template:function(e,t){if(e&1){let e=H();L(0,`header`)(1,`h1`,2)(2,`span`,3),M(3,f8,2,0,`:svg:svg`,4)(4,p8,7,0,`:svg:svg`,4)(5,m8,11,0,`:svg:svg`,5)(6,h8,5,0,`:svg:svg`,6)(7,g8,2,0,`:svg:svg`,7)(8,_8,10,0,`:svg:svg`,8)(9,v8,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,b8,3,0,`div`,12),R(),M(15,x8,7,1,`a`,13),L(16,`span`,14)(17,`button`,15),U(`click`,function(){return t.openPalette()}),D(),L(18,`svg`,16),z(19,`path`,17),R()(),_s(),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,S8,1,6,`app-settings`,24)(31,C8,5,0,`div`,25)(32,w8,1,1,`app-coming-soon`,26)(33,T8,2,0,`p`,27)(34,D8,10,2,`p`,28)(35,H8,2,2),R(),L(36,`app-command-palette`,29),cv(`openChange`,function(n){return T(e),sv(t.paletteOpen,n)||(t.paletteOpen=n),E(n)}),U(`picked`,function(e){return t.runCommand(e)}),R()}if(e&2){let e,n;k(2),q(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),k(),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),k(7),q(`ng-text`,t.view()===`angular`),k(),Y(t.title()),k(),q(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),k(2),N(t.availableTabs().length>1?14:-1),k(),N((e=t.fullPanelLink())?15:-1,e),k(2),j(`aria-label`,`Command palette (`+t.paletteShortcut+`)`)(`title`,`Command palette (`+t.paletteShortcut+`)`),k(3),q(`active`,t.tab()===`settings`),j(`aria-pressed`,t.tab()===`settings`),k(2),q(`connected`,t.connected())(`failed`,t.connectionFailed()),k(3),X(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:`Connecting…`,` `),k(),j(`aria-label`,t.mainLabel()),k(3),Y(t.backgroundNote()),k(),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),k(6),I(`commands`,t.paletteCommands()),ov(`open`,t.paletteOpen)}},dependencies:[nO,sI,Bz,JV,AU,qG,fJ,NY,$Z,t1,K0,F4,q3,c1,SD,Z6,s8],styles:[`[_nghost-%COMP%] {
+}`]})},f8=[`nav`],p8=[`main`],m8=e=>[e],h8=(e,t)=>t.id;function g8(e,t){e&1&&(D(),L(0,`svg`,4),z(1,`path`,30),R())}function _8(e,t){e&1&&(D(),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 v8(e,t){e&1&&(D(),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 y8(e,t){e&1&&(D(),L(0,`svg`,6),z(1,`path`,46)(2,`path`,47)(3,`path`,48)(4,`path`,49),R())}function b8(e,t){e&1&&(D(),L(0,`svg`,7),z(1,`path`,50),R())}function x8(e,t){e&1&&(D(),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 S8(e,t){e&1&&(D(),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 C8(e,t){if(e&1){let e=H();L(0,`button`,81),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),I(`name`,e.id),k(2),Y(e.label)}}function w8(e,t){if(e&1&&(L(0,`div`,12),P(1,C8,4,6,`button`,80,h8),R()),e&2){let e=G();k(),F(e.tabs())}}function T8(e,t){if(e&1){let e=H();L(0,`a`,83),U(`click`,function(t){let n=T(e);return E(G().openFullPanel(t,n.tab))}),D(),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,Nu)}function E8(e,t){if(e&1){let e=H();L(0,`app-settings`,89),U(`layoutChange`,function(t){return T(e),E(G().setTabLayout(t))})(`themeChange`,function(t){return T(e),E(G().setTheme(t))})(`passiveChange`,function(t){return T(e),E(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 D8(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 T(e),E(G().retryConnection())}),J(4,`Retry now`),R()()}}function O8(e,t){e&1&&z(0,`app-coming-soon`,26),e&2&&I(`info`,t)}function k8(e,t){e&1&&(L(0,`p`,27),J(1,`Looking for an Angular Native app…`),R())}function A8(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&&(k(2),Y(t))}function j8(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,A8,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();k(5),N((e=t.turnOnSnippet())?5:-1,e),k(),I(`href`,t.inspectorsDocsUrl,Nu)}}function M8(e,t){if(e&1){let e=H();L(0,`app-dashboard`,97),U(`navigate`,function(t){return T(e),E(G(3).switchTab(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function N8(e,t){if(e&1){let e=H();L(0,`app-timeline`,98),U(`open`,function(t){return T(e),E(G(3).openLink(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function P8(e,t){if(e&1){let e=H();L(0,`app-component-tree`,99),U(`focusHandled`,function(){return T(e),E(G(3).componentFocus.set(null))})(`commandHandled`,function(){return T(e),E(G(3).componentCommand.set(null))})(`showForm`,function(t){return T(e),E(G(3).showForm(t))})(`showInjector`,function(t){return T(e),E(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 F8(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,100),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function I8(e,t){e&1&&z(0,`app-signal-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function L8(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,101),U(`focusHandled`,function(){return T(e),E(G(3).injectorFocus.set(null))})(`showComponent`,function(t){return T(e),E(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 R8(e,t){e&1&&z(0,`app-store-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function z8(e,t){e&1&&z(0,`app-network-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function B8(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,102),U(`focusHandled`,function(){return T(e),E(G(3).formFocus.set(null))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.formFocus())}}function V8(e,t){e&1&&z(0,`app-pipes-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function H8(e,t){e&1&&z(0,`app-analog-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function U8(e,t){e&1&&z(0,`app-capacitor-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function W8(e,t){if(e&1){let e=H();L(0,`app-errors-inspector`,103),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)(`canExplainInjection`,e.config().inspectors.injectors)}}function G8(e,t){if(e&1&&M(0,M8,1,1,`app-dashboard`,92)(1,N8,1,1,`app-timeline`,92)(2,P8,1,4,`app-component-tree`,93)(3,F8,1,1,`app-route-inspector`,92)(4,I8,1,1,`app-signal-inspector`,92)(5,L8,1,3,`app-di-inspector`,94)(6,R8,1,1,`app-store-inspector`,92)(7,z8,1,1,`app-network-inspector`,92)(8,B8,1,2,`app-forms-inspector`,95)(9,V8,1,1,`app-pipes-inspector`,92)(10,H8,1,1,`app-analog-inspector`,92)(11,U8,1,1,`app-capacitor-inspector`,92)(12,W8,1,3,`app-errors-inspector`,96),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`timeline`?1:e===`components`?2:e===`routes`?3:e===`signals`?4:e===`injectors`?5:e===`store`?6:e===`network`?7:e===`forms`?8:e===`pipes`?9:e===`analog`?10:e===`capacitor`?11:e===`errors`?12:-1)}}function K8(e,t){e&1&&P(0,G8,13,1,null,null,Ag),e&2&&F(hv(0,m8,G().scopeKey()))}var q8=`all`,J8=[q8,...HT],Y8={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},X8={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},Z8={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},Q8={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},$8={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/`}},e5={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/`}},t5={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`}},n5={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/`}},r5=[1e3,2e3,5e3,1e4];function i5(){let e=new URLSearchParams(location.search).get(`view`);return HT.find(t=>t===e)??null}ex(class e{analog=O(!1);allTabs=tE.map(({id:e,label:t})=>({id:e,label:t}));view=O(i5());viewAccent=Q(()=>W6(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?Y8[e]:`Pangular Inspector`});mainLabel=Q(()=>this.tab()===`settings`?`Settings`:this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=O(!1);capacitorReporting=O(!1);capacitorKnown=O(!1);nativePageId=O(null);nativeKnown=O(!1);scopeKey=Q(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=Q(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?t5:void 0;if(e===`nativescript`)return $8;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?e5:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?n5:void 0});config=Q(()=>nD(this.rpc()));tabEnabled=sD;inspectorsDocsUrl=oD;turnOnSnippet=Q(()=>{let e=aD(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=Q(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?X8[e]:void 0,n=this.allTabs.filter(e=>sD(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?Q8[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`&&Z8[t.id]))});tabLayout=O(c6());tabs=Q(()=>{let e=this.tab(),t=p6(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`:X8[e]??this.tab();return{tab:t,href:P6(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(X8[e]??Q8[e]?.[0])||`dashboard`});rpc=O(null);openedDock=O(null);connected=O(!1);connectionFailed=O(!1);hiddenPages=O([]);pageId=LE();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=C(Ts);themeService=C(S6);navObserver;navFade=O({start:!1,end:!1});constructor(){C(cM).use(this.rpc),Hd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),dy(()=>{this.tab(),this.tabs(),Nv(()=>{this.revealActiveTab(),this.measureNav()})}),mc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Nv(()=>void HE(t,`hub-dock-seen`,UT(e.dock)))}),mc(()=>{let e=this.themeService.current();Nv(()=>{try{window.parent!==window&&e6(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=A6(J8,e=>{this.openedDock.set({dock:e}),e===q8?this.showFullPanel():this.showView(e)});let e=L6(location.hash,R6(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&L6(location.hash,R6(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&L6(location.hash,R6(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=WE(()=>this.rpc()),this.connect()}connecting=!1;retries=0;retryTimer;connect(){if(this.connecting||this.rpc())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=H6();BT(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&&sD(`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=r5[Math.min(this.retries++,r5.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;IE(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;IE(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??R6(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=L6(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){F6(e)&&j6()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),M6(q8))}paletteOpen=O(!1);paletteShortcut=_6()?`⌘K`:`Ctrl+K`;themePreference=Q(()=>this.themeService.preference());passive=O(u6());popupHotkey=Q(()=>{let e=this.config().popup.hotkey;return e!==!1&&eE(e,_6())});popup=v6();poppedOut=!!b6();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 lE(this.config()).filter(n=>n.id.startsWith(`tab:`)?e.has(n.id.slice(4)):n.id===`popout:return`?this.poppedOut:n.popupOnly?this.popup:n.id===`pick-component`||n.id.startsWith(`cd-`)?t:!0)});onGlobalKey(e){if(e.defaultPrevented)return;let t=_6(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&$T(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(){j6()&&N6()||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===`dock:reset-size`){this.postToPopup({type:`pangular:popup-dock-size`});return}if(e.startsWith(`dock:`)){this.postToPopup({type:`pangular:popup-dock`,mode:e.slice(5)});return}if(e===`popout`){this.postToPopup({type:`pangular:popup-popout`});return}if(e===`popout:return`){x6();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),l6(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),d6(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of E6())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(iE,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,``,oE(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=sE(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=O(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=Z8[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),z6(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=vO(t,this.nativePageId());this.view()===`angular-native`&&IE(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=y1(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&sD(`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(){Hd(()=>{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 M6(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:UT(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&l_(t.nav,f8,5)(t.main,p8,5),e&2&&u_(2)},hostVars:4,hostBindings:function(e,t){e&1&&U(`message`,function(e){return t.inspectFromPanel(e)},Fu)(`keydown`,function(e){return t.onGlobalKey(e)},Iu),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`,`canExplainInjection`],[3,`navigate`,`rpc`],[3,`open`,`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`,`canExplainInjection`]],template:function(e,t){if(e&1){let e=H();L(0,`header`)(1,`h1`,2)(2,`span`,3),M(3,g8,2,0,`:svg:svg`,4)(4,_8,7,0,`:svg:svg`,4)(5,v8,11,0,`:svg:svg`,5)(6,y8,5,0,`:svg:svg`,6)(7,b8,2,0,`:svg:svg`,7)(8,x8,10,0,`:svg:svg`,8)(9,S8,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,w8,3,0,`div`,12),R(),M(15,T8,7,1,`a`,13),L(16,`span`,14)(17,`button`,15),U(`click`,function(){return t.openPalette()}),D(),L(18,`svg`,16),z(19,`path`,17),R()(),_s(),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,E8,1,6,`app-settings`,24)(31,D8,5,0,`div`,25)(32,O8,1,1,`app-coming-soon`,26)(33,k8,2,0,`p`,27)(34,j8,10,2,`p`,28)(35,K8,2,2),R(),L(36,`app-command-palette`,29),cv(`openChange`,function(n){return T(e),sv(t.paletteOpen,n)||(t.paletteOpen=n),E(n)}),U(`picked`,function(e){return t.runCommand(e)}),R()}if(e&2){let e,n;k(2),q(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),k(),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),k(7),q(`ng-text`,t.view()===`angular`),k(),Y(t.title()),k(),q(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),k(2),N(t.availableTabs().length>1?14:-1),k(),N((e=t.fullPanelLink())?15:-1,e),k(2),j(`aria-label`,`Command palette (`+t.paletteShortcut+`)`)(`title`,`Command palette (`+t.paletteShortcut+`)`),k(3),q(`active`,t.tab()===`settings`),j(`aria-pressed`,t.tab()===`settings`),k(2),q(`connected`,t.connected())(`failed`,t.connectionFailed()),k(3),X(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:`Connecting…`,` `),k(),j(`aria-label`,t.mainLabel()),k(3),Y(t.backgroundNote()),k(),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),k(6),I(`commands`,t.paletteCommands()),ov(`open`,t.paletteOpen)}},dependencies:[nO,dI,Wz,QV,PU,ZG,gJ,LY,rQ,a1,X0,z4,Z3,f1,SD,t8,d8],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;
diff --git a/extension/ui/index.html b/extension/ui/index.html
index 1243ab58..771b9015 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-CwGBIRVq.js"></script>
+    <script type="module" crossorigin src="./assets/index-DnKC6eFk.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BJvGA0C8.css">
   </head>
   <body>

From 0a2778473d32176d2ddce444b7d098eb260da1e5 Mon Sep 17 00:00:00 2001
From: erKam <erkamyaman35@gmail.com>
Date: Tue, 13 Oct 2026 05:06:40 +0000
Subject: [PATCH 7/9] fix(components): keep keyboard-focused tree rows below
 the toolbar

scrollIntoView with block nearest treats a row the sticky toolbar covers as visible, so arrow keys left the focused row under it. Measure and correct the scroll instead, and drop role=status from notes that never change.
---
 .../__tests__/component-tree-leaks.test.ts    | 21 ++++++++++++++++++-
 app/src/pages/component-tree.ts               | 10 ++++++++-
 app/src/pages/leaks-section.ts                |  4 ++--
 app/src/ui/sticky-clearance.ts                | 13 ++++++++++++
 4 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/app/src/__tests__/component-tree-leaks.test.ts b/app/src/__tests__/component-tree-leaks.test.ts
index f45d1219..ad1c486e 100644
--- a/app/src/__tests__/component-tree-leaks.test.ts
+++ b/app/src/__tests__/component-tree-leaks.test.ts
@@ -5,7 +5,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { ComponentTree } from '../pages/component-tree';
 import type { TreeNode } from '../pages/component-tree-state';
 import { LeaksSection } from '../pages/leaks-section';
-import { scrollParent, stickyClearance } from '../ui/sticky-clearance';
+import { keepBelowSticky, scrollParent, stickyClearance } from '../ui/sticky-clearance';
 
 const roots: TreeNode[] = [
   {
@@ -101,4 +101,23 @@ describe('component tree and the Leaks section', () => {
     expect(scrollParent(loose)).toBeNull();
     expect(stickyClearance(loose)).toBe(58);
   });
+
+  it('scrolls a row the sticky bar covers back below it, and leaves a clear row alone', () => {
+    const scroller = document.createElement('div');
+    scroller.style.overflowY = 'auto';
+    const bar = document.createElement('div');
+    const row = document.createElement('div');
+    scroller.append(bar, row);
+    document.body.append(scroller);
+    scroller.scrollTop = 400;
+    const rect = (top: number, bottom: number) => ({ top, bottom }) as DOMRect;
+    bar.getBoundingClientRect = () => rect(65, 117);
+    row.getBoundingClientRect = () => rect(92, 124);
+    keepBelowSticky(row, bar);
+    // 117 + 8 - 92: the row moves 33px down.
+    expect(scroller.scrollTop).toBe(367);
+    row.getBoundingClientRect = () => rect(130, 162);
+    keepBelowSticky(row, bar);
+    expect(scroller.scrollTop).toBe(367);
+  });
 });
diff --git a/app/src/pages/component-tree.ts b/app/src/pages/component-tree.ts
index 61581fd2..e3334c66 100644
--- a/app/src/pages/component-tree.ts
+++ b/app/src/pages/component-tree.ts
@@ -50,7 +50,7 @@ import { StoreGlobal } from '../ui/store-global';
 import { ForBlocksSection, type ForBlock } from './for-blocks-section';
 import { LeaksSection, type LeaksPage } from './leaks-section';
 import { VirtualWindow } from '../ui/virtual-window';
-import { stickyClearance } from '../ui/sticky-clearance';
+import { keepBelowSticky, stickyClearance } from '../ui/sticky-clearance';
 
 interface SourceComponent {
   selector: string;
@@ -2463,6 +2463,7 @@ export class ComponentTree {
         const row = document.querySelector<HTMLElement>(`.row[data-id="${CSS.escape(id)}"]`);
         this.clearToolbar();
         row?.scrollIntoView({ block: 'nearest' });
+        if (row) this.keepBelowToolbar(row);
         if (focus) row?.focus({ preventScroll: true });
       },
       { injector: this.injector },
@@ -2483,6 +2484,12 @@ export class ComponentTree {
     );
   }
 
+  /** Moves a row the sticky toolbar covers back below it. */
+  private keepBelowToolbar(row: HTMLElement) {
+    const toolbar = this.host.nativeElement.querySelector<HTMLElement>('.toolbar');
+    if (toolbar) keepBelowSticky(row, toolbar);
+  }
+
   toggle(id: string, event?: Event) {
     event?.stopPropagation();
     if (this.query()) return;
@@ -2625,6 +2632,7 @@ export class ComponentTree {
         this.clearToolbar();
         el?.focus({ preventScroll: true });
         el?.scrollIntoView({ block: 'nearest' });
+        if (el) this.keepBelowToolbar(el);
       };
       // A row outside the rendered window is brought in first.
       if (this.rowWindow.rendered(next)) queueMicrotask(focus);
diff --git a/app/src/pages/leaks-section.ts b/app/src/pages/leaks-section.ts
index 51c00f1e..b5b1403a 100644
--- a/app/src/pages/leaks-section.ts
+++ b/app/src/pages/leaks-section.ts
@@ -116,7 +116,7 @@ const plural = (n: number, one: string, many = `${one}s`) => `${n} ${n === 1 ? o
         @if (page.support.retention === 'dev-di-debug') {
           <p class="stats">{{ plural(page.navigations, 'navigation') }}</p>
           <h3 class="sub">Still retained</h3>
-          <p class="note" role="status">
+          <p class="note">
             In a development build, Angular's DI debug data keeps every destroyed component in
             memory, so Pangular can't tell a leak from that. Check retainers in the Chrome DevTools
             Memory panel: take a heap snapshot after a few navigations, search for the class and
@@ -125,7 +125,7 @@ const plural = (n: number, one: string, many = `${one}s`) => `${n} ${n === 1 ? o
           </p>
         } @else {
           @if (!page.support.retention) {
-            <p class="note" role="status">
+            <p class="note">
               This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry
               and the Angular debug API of a development build.
             </p>
diff --git a/app/src/ui/sticky-clearance.ts b/app/src/ui/sticky-clearance.ts
index 9a67de2b..cca41b3e 100644
--- a/app/src/ui/sticky-clearance.ts
+++ b/app/src/ui/sticky-clearance.ts
@@ -34,3 +34,16 @@ export function stickyClearance(sticky: HTMLElement, gap = 8): number {
   const top = px(view.getComputedStyle(sticky).top);
   return Math.max(0, Math.ceil(padding + top + sticky.offsetHeight + gap - scrollPadding));
 }
+
+/**
+ * Scrolls `item`'s scroller so the item sits at least `gap` pixels below the
+ * stuck `sticky` bar. `scrollIntoView({ block: 'nearest' })` treats an item
+ * the bar covers as already visible, so it is measured and corrected here.
+ */
+export function keepBelowSticky(item: HTMLElement, sticky: HTMLElement, gap = 8): void {
+  const scroller = scrollParent(item);
+  const overlap = sticky.getBoundingClientRect().bottom + gap - item.getBoundingClientRect().top;
+  if (overlap <= 0) return;
+  if (scroller) scroller.scrollTop -= overlap;
+  else item.ownerDocument.defaultView?.scrollBy(0, -overlap);
+}

From 162a1dd423d50a5194af01bf5df0b1a1e5444173 Mon Sep 17 00:00:00 2001
From: erKam <erkamyaman35@gmail.com>
Date: Tue, 13 Oct 2026 05:06:43 +0000
Subject: [PATCH 8/9] build(extension): rebuild the panel bundle

The panel picked up the tree scroll fix.
---
 ...=> browser-agent-rpc-BXhoSh1z-Cq6OpQlN.js} |  2 +-
 .../{index-DnKC6eFk.js => index-CyKw4x-n.js}  | 80 +++++++++----------
 extension/ui/index.html                       |  2 +-
 3 files changed, 42 insertions(+), 42 deletions(-)
 rename extension/ui/assets/{browser-agent-rpc-BXhoSh1z-B7bSM4Qv.js => browser-agent-rpc-BXhoSh1z-Cq6OpQlN.js} (93%)
 rename extension/ui/assets/{index-DnKC6eFk.js => index-CyKw4x-n.js} (86%)

diff --git a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-B7bSM4Qv.js b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-Cq6OpQlN.js
similarity index 93%
rename from extension/ui/assets/browser-agent-rpc-BXhoSh1z-B7bSM4Qv.js
rename to extension/ui/assets/browser-agent-rpc-BXhoSh1z-Cq6OpQlN.js
index 39a6da56..8dce9762 100644
--- a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-B7bSM4Qv.js
+++ b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-Cq6OpQlN.js
@@ -1 +1 @@
-import{t as e}from"./index-DnKC6eFk.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-CyKw4x-n.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-DnKC6eFk.js b/extension/ui/assets/index-CyKw4x-n.js
similarity index 86%
rename from extension/ui/assets/index-DnKC6eFk.js
rename to extension/ui/assets/index-CyKw4x-n.js
index e1abe0e3..e2800fd0 100644
--- a/extension/ui/assets/index-DnKC6eFk.js
+++ b/extension/ui/assets/index-CyKw4x-n.js
@@ -5,7 +5,7 @@
   `):``,this.name=`UnsubscriptionError`,this.errors=t}});function gr(e,t){if(e){var n=e.indexOf(t);0<=n&&e.splice(n,1)}}var _r=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=ur(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(pr(c))try{c()}catch(e){i=e instanceof hr?e.errors:[e]}var l=this._finalizers;if(l){this._finalizers=null;try{for(var u=ur(l),d=u.next();!d.done;d=u.next()){var f=d.value;try{br(f)}catch(e){i??=[],e instanceof hr?i=fr(fr([],dr(i)),dr(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 hr(i)}},e.prototype.add=function(t){if(t&&t!==this){if(this.closed)br(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)&&gr(t,e)},e.prototype.remove=function(t){var n=this._finalizers;n&&gr(n,t),t instanceof e&&t._removeParent(this)},e.EMPTY=(function(){var t=new e;return t.closed=!0,t})(),e}(),vr=_r.EMPTY;function yr(e){return e instanceof _r||e&&`closed`in e&&pr(e.remove)&&pr(e.add)&&pr(e.unsubscribe)}function br(e){pr(e)?e():e.unsubscribe()}var xr={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},Sr={setTimeout:function(e,t){var n=[...arguments].slice(2),r=Sr.delegate;return r?.setTimeout?r.setTimeout.apply(r,fr([e,t],dr(n))):setTimeout.apply(void 0,fr([e,t],dr(n)))},clearTimeout:function(e){return(Sr.delegate?.clearTimeout||clearTimeout)(e)},delegate:void 0};function Cr(e){Sr.setTimeout(function(){var t=xr.onUnhandledError;if(t)t(e);else throw e})}function wr(){}var Tr=(function(){return Or(`C`,void 0,void 0)})();function Er(e){return Or(`E`,void 0,e)}function Dr(e){return Or(`N`,e,void 0)}function Or(e,t,n){return{kind:e,value:t,error:n}}var kr=null;function Ar(e){if(xr.useDeprecatedSynchronousErrorHandling){var t=!kr;if(t&&(kr={errorThrown:!1,error:null}),e(),t){var n=kr,r=n.errorThrown,i=n.error;if(kr=null,r)throw i}}else e()}function jr(e){xr.useDeprecatedSynchronousErrorHandling&&kr&&(kr.errorThrown=!0,kr.error=e)}var Mr=function(e){lr(t,e);function t(t){var n=e.call(this)||this;return n.isStopped=!1,t?(n.destination=t,yr(t)&&t.add(n)):n.destination=Br,n}return t.create=function(e,t,n){return new Ir(e,t,n)},t.prototype.next=function(e){this.isStopped?zr(Dr(e),this):this._next(e)},t.prototype.error=function(e){this.isStopped?zr(Er(e),this):(this.isStopped=!0,this._error(e))},t.prototype.complete=function(){this.isStopped?zr(Tr,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}(_r),Nr=Function.prototype.bind;function Pr(e,t){return Nr.call(e,t)}var Fr=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){Lr(e)}},e.prototype.error=function(e){var t=this.partialObserver;if(t.error)try{t.error(e)}catch(e){Lr(e)}else Lr(e)},e.prototype.complete=function(){var e=this.partialObserver;if(e.complete)try{e.complete()}catch(e){Lr(e)}},e}(),Ir=function(e){lr(t,e);function t(t,n,r){var i=e.call(this)||this,a;if(pr(t)||!t)a={next:t??void 0,error:n??void 0,complete:r??void 0};else{var o;i&&xr.useDeprecatedNextContext?(o=Object.create(t),o.unsubscribe=function(){return i.unsubscribe()},a={next:t.next&&Pr(t.next,o),error:t.error&&Pr(t.error,o),complete:t.complete&&Pr(t.complete,o)}):a=t}return i.destination=new Fr(a),i}return t}(Mr);function Lr(e){xr.useDeprecatedSynchronousErrorHandling?jr(e):Cr(e)}function Rr(e){throw e}function zr(e,t){var n=xr.onStoppedNotification;n&&Sr.setTimeout(function(){return n(e,t)})}var Br={closed:!0,next:wr,error:Rr,complete:wr},Vr=(function(){return typeof Symbol==`function`&&Symbol.observable||`@@observable`})();function Hr(e){return e}function Ur(e){return e.length===0?Hr:e.length===1?e[0]:function(t){return e.reduce(function(e,t){return t(e)},t)}}var Wr=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=qr(e)?e:new Ir(e,t,n);return Ar(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=Gr(t),new t(function(t,r){var i=new Ir({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[Vr]=function(){return this},e.prototype.pipe=function(){return Ur([...arguments])(this)},e.prototype.toPromise=function(e){var t=this;return e=Gr(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 Gr(e){return e??xr.Promise??Promise}function Kr(e){return e&&pr(e.next)&&pr(e.error)&&pr(e.complete)}function qr(e){return e&&e instanceof Mr||Kr(e)&&yr(e)}function Jr(e){return pr(e?.lift)}function Yr(e){return function(t){if(Jr(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 Xr(e,t,n,r,i){return new Zr(e,t,n,r,i)}var Zr=function(e){lr(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}(Mr),Qr=mr(function(e){return function(){e(this),this.name=`ObjectUnsubscribedError`,this.message=`object unsubscribed`}}),$r=function(e){lr(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 ei(this,this);return t.operator=e,t},t.prototype._throwIfClosed=function(){if(this.closed)throw new Qr},t.prototype.next=function(e){var t=this;Ar(function(){var n,r;if(t._throwIfClosed(),!t.isStopped){t.currentObservers||=Array.from(t.observers);try{for(var i=ur(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;Ar(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;Ar(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?vr:(this.currentObservers=null,a.push(e),new _r(function(){t.currentObservers=null,gr(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 Wr;return e.source=this,e},t.create=function(e,t){return new ei(e,t)},t}(Wr),ei=function(e){lr(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)??vr},t}($r),ti=function(e){lr(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}($r);function ni(e,t){return Yr(function(n,r){var i=0;n.subscribe(Xr(r,function(n){r.next(e.call(t,n,i++))}))})}var ri=`https://angular.dev/best-practices/security#preventing-cross-site-scripting-xss`,ii=class extends Error{code;constructor(e,t){super(oi(e,t)),this.code=e}};function ai(e){return`NG0${Math.abs(e)}`}function oi(e,t){return`${ai(e)}${t?`: `+t:``}`}function si(e){for(let t in e)if(e[t]===si)return t;throw Error(``)}function ci(e){if(typeof e==`string`)return e;if(Array.isArray(e))return`[${e.map(ci).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 li(e,t){return e?t?`${e} ${t}`:e:t||``}var ui=si({__forward_ref__:si});function di(e){return e.__forward_ref__=di,e}function fi(e){return pi(e)?e():e}function pi(e){return typeof e==`function`&&Object.hasOwn(e,ui)&&e.__forward_ref__===di}function mi(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function hi(e){return gi(e,yi)}function gi(e,t){return Object.hasOwn(e,t)&&e[t]||null}function _i(e){return(e?.[yi]??null)||null}function vi(e){return e&&Object.hasOwn(e,bi)?e[bi]:null}var yi=si({ɵprov:si}),bi=si({ɵinj:si}),xi=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=mi({token:this,providedIn:t.providedIn||`root`,factory:t.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}};function Si(e){return e&&!!e.ɵproviders}var Ci=si({ɵcmp:si}),wi=si({ɵdir:si}),Ti=si({ɵpipe:si}),Ei=si({ɵfac:si}),Di=si({__NG_ELEMENT_ID__:si}),Oi=si({__NG_ENV_ID__:si});function ki(e){return Mi(e,`@Component`),e[Ci]||null}function Ai(e){return Mi(e,`@Directive`),e[wi]||null}function ji(e){return Mi(e,`@Pipe`),e[Ti]||null}function Mi(e,t){if(e==null)throw new ii(-919,!1)}function Ni(e){return typeof e==`string`?e:e==null?``:String(e)}var Pi=si({ngErrorCode:si}),Fi=si({ngErrorMessage:si}),Ii=si({ngTokenPath:si});function Li(e,t){return zi(``,-200,t)}function Ri(e,t){throw new ii(-201,!1)}function zi(e,t,n){let r=new ii(t,e);return r[Pi]=t,r[Fi]=e,n&&(r[Ii]=n),r}function Bi(e){return e[Pi]}var Vi;function Hi(){return Vi}function Ui(e){let t=Vi;return Vi=e,t}function Wi(e,t,n){let r=hi(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;Ri(e,``)}var Gi=globalThis,Ki={},qi=`__NG_DI_FLAG__`,Ji=class{injector;constructor(e){this.injector=e}retrieve(e,t){let n=Zi(t)||0;try{return this.injector.get(e,n&8?null:Ki,n)}catch(e){if(nr(e))return e;throw e}}};function Yi(e,t=0){let n=$n();if(n===void 0)throw new ii(-203,!1);if(n===null)return Wi(e,void 0,t);{let r=Qi(t),i=n.retrieve(e,r);if(nr(i)){if(r.optional)return null;throw i}return i}}function Xi(e,t=0){return(Hi()||Yi)(fi(e),t)}function C(e,t){return Xi(e,Zi(t))}function Zi(e){return e===void 0||typeof e==`number`?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function Qi(e){return{optional:!!(e&8),host:!!(e&1),self:!!(e&2),skipSelf:!!(e&4)}}function $i(e){let t=[];for(let n=0;n<e.length;n++){let r=fi(e[n]);if(Array.isArray(r)){if(r.length===0)throw new ii(900,!1);let e,n=0;for(let t=0;t<r.length;t++){let i=r[t],a=ea(i);typeof a==`number`?a===-1?e=i.token:n|=a:e=i}t.push(Xi(e,n))}else t.push(Xi(r))}return t}function ea(e){return e[qi]}function ta(e,t){return Object.hasOwn(e,Ei)?e[Ei]:null}function na(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 ra(e){return e.flat(1/0)}function ia(e,t){e.forEach(e=>Array.isArray(e)?ia(e,t):t(e))}function aa(e,t,n){t>=e.length?e.push(n):e.splice(t,0,n)}function oa(e,t){return t>=e.length-1?e.pop():e.splice(t,1)[0]}function sa(e,t){let n=[];for(let r=0;r<e;r++)n.push(t);return n}function ca(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 la(e,t,n){let r=da(e,t);return r>=0?e[r|1]=n:(r=~r,ca(e,r,t,n)),r}function ua(e,t){let n=da(e,t);if(n>=0)return e[n|1]}function da(e,t){return fa(e,t,1)}function fa(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 pa={},ma=[],ha=new xi(``),ga=new xi(``,-1),_a=new xi(``),va=class{get(e,t=Ki){if(t===Ki){let e=zi(``,-201);throw e.name=`ɵNotFound`,e}return t}};function ya(...e){return{ɵproviders:ba(!0,e),ɵfromNgModule:!0}}function ba(e,...t){let n=[],r=new Set,i,a=e=>{n.push(e)};return ia(t,e=>{let t=e;Sa(t,a,[],r)&&(i||=[],i.push(t))}),i!==void 0&&xa(i,a),n}function xa(e,t){for(let n=0;n<e.length;n++){let{ngModule:r,providers:i}=e[n];Ca(i,e=>{t(e,r)})}}function Sa(e,t,n,r){if(e=fi(e),!e)return!1;let i=null,a=vi(e),o=!a&&ki(e);if(!a&&!o){let t=e.ngModule;if(a=vi(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)Sa(i,t,n,r)}}else if(a){if(a.imports!=null&&!s){r.add(i);let e;try{ia(a.imports,i=>{Sa(i,t,n,r)&&(e||=[],e.push(i))})}finally{}e!==void 0&&xa(e,t)}if(!s){let e=ta(i)||(()=>new i);t({provide:i,useFactory:e,deps:ma},i),t({provide:_a,useValue:i,multi:!0},i),t({provide:ha,useValue:()=>Xi(i),multi:!0},i)}let o=a.providers;if(o!=null&&!s){let n=e;Ca(o,e=>{t(e,n)})}}else return!1;return i!==e&&e.providers!==void 0}function Ca(e,t){for(let n of e)Si(n)&&(n=n.ɵproviders),Array.isArray(n)?Ca(n,t):t(n)}var wa=si({provide:String,useValue:si});function Ta(e){return typeof e==`object`&&!!e&&wa in e}function Ea(e){return!!(e&&e.useExisting)}function Da(e){return!!(e&&e.useFactory)}function Oa(e){return typeof e==`function`}var ka=new xi(``),Aa={},ja={},Ma=void 0;function Na(){return Ma===void 0&&(Ma=new va),Ma}var Pa=class{},Fa=class extends Pa{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,Ga(e,e=>this.processProvider(e)),this.records.set(ga,Va(void 0,this)),r.has(`environment`)&&this.records.set(Pa,Va(void 0,this));let i=this.records.get(ka);i!=null&&typeof i.value==`string`&&this.scopes.add(i.value),this.injectorDefTypes=new Set(this.get(_a,ma,{self:!0}))}retrieve(e,t){let n=Zi(t)||0;try{return this.get(e,Ki,n)}catch(e){if(nr(e))return e;throw e}}destroy(){Ba(this),this._destroyed=!0;let e=pn(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(),pn(e)}}onDestroy(e){return Ba(this),this._onDestroyHooks.push(e),()=>this.removeOnDestroy(e)}runInContext(e){Ba(this);let t=er(this),n=Ui(void 0);try{return e()}finally{er(t),Ui(n)}}get(e,t=Ki,n){if(Ba(this),Object.hasOwn(e,Oi))return e[Oi](this);let r=Zi(n),i=er(this),a=Ui(void 0);try{if(!(r&4)){let t=this.records.get(e);if(t===void 0){let n=Wa(e)&&hi(e);t=n&&this.injectableDefInScope(n)?Va(Ia(e),Aa):null,this.records.set(e,t)}if(t!=null)return this.hydrate(e,t,r)}let n=r&2?Na():this.parent;return t=r&8&&t===Ki?null:t,n.get(e,t)}catch(e){let t=Bi(e);throw t===-200||t===-201?new ii(t,null):e}finally{Ui(a),er(i)}}resolveInjectorInitializers(){let e=pn(null),t=er(this),n=Ui(void 0);try{let e=this.get(ha,ma,{self:!0});for(let t of e)t()}finally{er(t),Ui(n),pn(e)}}toString(){return`R3Injector[...]`}processProvider(e){e=fi(e);let t=Oa(e)?e:fi(e&&e.provide),n=Ra(e);if(!Oa(e)&&e.multi===!0){let n=this.records.get(t);n||(n=Va(void 0,Aa,!0),n.factory=()=>$i(n.multi),this.records.set(t,n)),t=e,n.multi.push(e)}this.records.set(t,n)}hydrate(e,t,n){let r=pn(null);try{if(t.value===ja)throw Li(``);return t.value===Aa&&(t.value=ja,t.value=t.factory(void 0,n)),typeof t.value==`object`&&t.value&&Ua(t.value)&&this._ngOnDestroyHooks.add(t.value),t.value}finally{pn(r)}}injectableDefInScope(e){if(!e.providedIn)return!1;let t=fi(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 Ia(e){let t=hi(e),n=t===null?ta(e):t.factory;if(n!==null)return n;if(e instanceof xi)throw new ii(-204,!1);if(e instanceof Function)return La(e);throw new ii(-204,!1)}function La(e){if(e.length>0)throw new ii(-204,!1);let t=_i(e);return t===null?()=>new e:()=>t.factory(e)}function Ra(e){return Ta(e)?Va(void 0,e.useValue):Va(za(e),Aa)}function za(e,t,n){let r;if(Oa(e)){let t=fi(e);return ta(t)||Ia(t)}if(Ta(e))r=()=>fi(e.useValue);else if(Da(e))r=()=>e.useFactory(...$i(e.deps||[]));else if(Ea(e))r=(t,n)=>Xi(fi(e.useExisting),n!==void 0&&n&8?8:void 0);else{let t=fi(e&&(e.useClass||e.provide));if(Ha(e))r=()=>new t(...$i(e.deps));else return ta(t)||Ia(t)}return r}function Ba(e){if(e.destroyed)throw new ii(-205,!1)}function Va(e,t,n=!1){return{factory:e,value:t,multi:n?[]:void 0}}function Ha(e){return!!e.deps}function Ua(e){return typeof e==`object`&&!!e&&typeof e.ngOnDestroy==`function`}function Wa(e){return typeof e==`function`||typeof e==`object`&&e.ngMetadataName===`InjectionToken`}function Ga(e,t){for(let n of e)Array.isArray(n)?Ga(n,t):n&&Si(n)?Ga(n.ɵproviders,t):t(n)}function Ka(e,t){let n;e instanceof Fa?(Ba(e),n=e):n=new Ji(e);let r=er(n),i=Ui(void 0);try{return t()}finally{er(r),Ui(i)}}function qa(){return Hi()!==void 0||$n()!=null}var Ja=1;function Ya(e){return Array.isArray(e)&&typeof e[Ja]==`object`}function Xa(e){return Array.isArray(e)&&e[Ja]===!0}function Za(e){return!!(e.flags&4)}function Qa(e){return e.componentOffset>-1}function $a(e){return(e.flags&1)==1}function eo(e){return!!e.template}function to(e){return!!(e[2]&512)}function no(e){return(e[2]&256)==256}var ro=(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})(ro||{}),io=`math`;function ao(e){for(;Array.isArray(e);)e=e[0];return e}function oo(e,t){return ao(t[e])}function so(e,t){return ao(t[e.index])}function co(e,t){return e.data[t]}function lo(e,t){return e[t]}function uo(e,t,n,r){n>=e.data.length&&(e.data[n]=null,e.blueprint[n]=null),t[n]=r}function fo(e,t){let n=t[e];return Ya(n)?n:n[0]}function po(e){return(e[2]&128)==128}function mo(e){return Xa(e[3])}function ho(e,t){return t==null?null:e[t]}function go(e){e[17]=0}function _o(e){e[2]&1024||(e[2]|=1024,po(e)&&xo(e))}function vo(e,t){for(;e>0;)t=t[14],e--;return t}function yo(e){return!!(e[2]&9216||e[24]?.dirty)}function bo(e){e[10].changeDetectionScheduler?.notify(8),e[2]&64&&(e[2]|=1024),yo(e)&&xo(e)}function xo(e){e[10].changeDetectionScheduler?.notify(0);let t=wo(e);for(;t!==null&&!(t[2]&8192||(t[2]|=8192,!po(t)));)t=wo(t)}function So(e,t){if(no(e))throw new ii(911,!1);e[21]===null&&(e[21]=[]),e[21].push(t)}function Co(e,t){if(e[21]===null)return;let n=e[21].indexOf(t);n!==-1&&e[21].splice(n,1)}function wo(e){let t=e[3];return Xa(t)?t[3]:t}function To(e){return e[7]??=[]}function Eo(e){return e.cleanup??=[]}function Do(e,t,n,r){let i=To(t);i.push(n),e.firstCreatePass&&Eo(e).push(r,i.length-1)}var Oo={lFrame:ls(null),bindingsEnabled:!0,skipHydrationRootTNode:null},ko=!1;function Ao(){return Oo.lFrame.elementDepthCount}function jo(){Oo.lFrame.elementDepthCount++}function Mo(){Oo.lFrame.elementDepthCount--}function No(){return Oo.bindingsEnabled}function Po(){return Oo.skipHydrationRootTNode!==null}function Fo(e){return Oo.skipHydrationRootTNode===e}function Io(){Oo.skipHydrationRootTNode=null}function w(){return Oo.lFrame.lView}function Lo(){return Oo.lFrame.tView}function T(e){return Oo.lFrame.contextLView=e,e[8]}function E(e){return Oo.lFrame.contextLView=null,e}function Ro(){let e=zo();for(;e!==null&&e.type===64;)e=e.parent;return e}function zo(){return Oo.lFrame.currentTNode}function Bo(){let e=Oo.lFrame,t=e.currentTNode;return e.isParent?t:t.parent}function Vo(e,t){let n=Oo.lFrame;n.currentTNode=e,n.isParent=t}function Ho(){return Oo.lFrame.isParent}function Uo(){Oo.lFrame.isParent=!1}function Wo(){return Oo.lFrame.contextLView}function Go(){return ko}function Ko(e){let t=ko;return ko=e,t}function qo(){let e=Oo.lFrame,t=e.bindingRootIndex;return t===-1&&(t=e.bindingRootIndex=e.tView.bindingStartIndex),t}function Jo(){return Oo.lFrame.bindingIndex}function Yo(e){return Oo.lFrame.bindingIndex=e}function Xo(){return Oo.lFrame.bindingIndex++}function Zo(e){let t=Oo.lFrame,n=t.bindingIndex;return t.bindingIndex+=e,n}function Qo(){return Oo.lFrame.inI18n}function $o(e,t){let n=Oo.lFrame;n.bindingIndex=n.bindingRootIndex=e,ts(t)}function es(){return Oo.lFrame.currentDirectiveIndex}function ts(e){Oo.lFrame.currentDirectiveIndex=e}function ns(e){let t=Oo.lFrame.currentDirectiveIndex;return t===-1?null:e[t]}function rs(){return Oo.lFrame.currentQueryIndex}function is(e){Oo.lFrame.currentQueryIndex=e}function as(e){let t=e[1];return t.type===2?t.declTNode:t.type===1?e[5]:null}function os(e,t,n){if(n&4){let r=t,i=e;for(;r=r.parent,r===null&&!(n&1)&&(r=as(i),!(r===null||(i=i[14],r.type&10))););if(r===null)return!1;t=r,e=i}let r=Oo.lFrame=cs();return r.currentTNode=t,r.lView=e,!0}function ss(e){let t=cs(),n=e[1];Oo.lFrame=t,t.currentTNode=n.firstChild,t.lView=e,t.tView=n,t.contextLView=e,t.bindingIndex=n.bindingStartIndex,t.inI18n=!1}function cs(){let e=Oo.lFrame,t=e===null?null:e.child;return t===null?ls(e):t}function ls(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 us(){let e=Oo.lFrame;return Oo.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}var ds=us;function fs(){let e=us();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 ps(e){return(Oo.lFrame.contextLView=vo(e,Oo.lFrame.contextLView))[8]}function ms(){return Oo.lFrame.selectedIndex}function hs(e){Oo.lFrame.selectedIndex=e}function gs(){let e=Oo.lFrame;return co(e.tView,e.selectedIndex)}function D(){Oo.lFrame.currentNamespace=`svg`}function _s(){vs()}function vs(){Oo.lFrame.currentNamespace=null}function ys(){return Oo.lFrame.currentNamespace}var bs=!0;function xs(){return bs}function Ss(e){bs=e}function Cs(e,t=null,n=null,r){let i=ws(e,t,n,r);return i.resolveInjectorInitializers(),i}function ws(e,t=null,n=null,r,i=new Set){return new Fa([n||ma,ya(e)],t||Na(),null,i)}var Ts=class e{static THROW_IF_NOT_FOUND=Ki;static NULL=new va;static create(e,t){if(Array.isArray(e))return Cs({name:``},t,e,``);{let t=e.name??``;return Cs({name:t},e.parent,e.providers,t)}}static ɵprov=mi({token:e,providedIn:`any`,factory:()=>Xi(ga)});static __NG_ELEMENT_ID__=-1},Es=new xi(``),Ds=class{static __NG_ELEMENT_ID__=ks;static __NG_ENV_ID__=e=>e},Os=class extends Ds{_lView;constructor(e){super(),this._lView=e}get destroyed(){return no(this._lView)}onDestroy(e){let t=this._lView;return So(t,e),()=>Co(t,e)}};function ks(){return new Os(w())}var As=new xi(``),js=(()=>{class e{taskId=0;pendingTasks=new Set;destroyed=!1;pendingTask=new ti(!1);debugTaskTracker=C(As,{optional:!0});get hasPendingTasks(){return!this.destroyed&&this.pendingTask.value}get hasPendingTasksObservable(){return this.destroyed?new Wr(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=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Ms=class extends $r{__isAsync;destroyRef=void 0;pendingTasks=void 0;constructor(e=!1){super(),this.__isAsync=e,qa()&&(this.destroyRef=C(Ds,{optional:!0})??void 0,this.pendingTasks=C(js,{optional:!0})??void 0)}emit(e){let t=pn(null);try{super.next(e)}finally{pn(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 _r&&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 Ns(...e){}function Ps(e){let t,n;function r(){e=Ns;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 Fs(e){return queueMicrotask(()=>e()),()=>{e=Ns}}var Is=`isAngularZone`,Ls=`isAngularZone_ID`,Rs=0,zs=class e{hasPendingMacrotasks=!1;hasPendingMicrotasks=!1;isStable=!0;onUnstable=new Ms(!1);onMicrotaskEmpty=new Ms(!1);onStable=new Ms(!1);onError=new Ms(!1);constructor(e){let{enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:n=!1,shouldCoalesceRunChangeDetection:r=!1,scheduleInRootZone:i=!1}=e;if(typeof Zone>`u`)throw new ii(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,Us(a)}static isInAngularZone(){return typeof Zone<`u`&&Zone.current.get(Is)===!0}static assertInAngularZone(){if(!e.isInAngularZone())throw new ii(909,!1)}static assertNotInAngularZone(){if(e.isInAngularZone())throw new ii(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,Bs,Ns,Ns);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)}},Bs={};function Vs(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 Hs(e){if(e.isCheckStableRunning||e.callbackScheduled)return;e.callbackScheduled=!0;function t(){Ps(()=>{e.callbackScheduled=!1,Ws(e),e.isCheckStableRunning=!0,Vs(e),e.isCheckStableRunning=!1})}e.scheduleInRootZone?Zone.root.run(()=>{t()}):e._outer.run(()=>{t()}),Ws(e)}function Us(e){let t=()=>{Hs(e)},n=Rs++;e._inner=e._inner.fork({name:`angular`,properties:{[Is]:!0,[Ls]:n,[Ls+n]:!0},onInvokeTask:(n,r,i,a,o,s)=>{if(Js(s))return n.invokeTask(i,a,o,s);try{return Gs(e),n.invokeTask(i,a,o,s)}finally{(e.shouldCoalesceEventChangeDetection&&a.type===`eventTask`||e.shouldCoalesceRunChangeDetection)&&t(),Ks(e)}},onInvoke:(n,r,i,a,o,s,c)=>{try{return Gs(e),n.invoke(i,a,o,s,c)}finally{e.shouldCoalesceRunChangeDetection&&!e.callbackScheduled&&!Ys(s)&&t(),Ks(e)}},onHasTask:(t,n,r,i)=>{t.hasTask(r,i),n===r&&(i.change==`microTask`?(e._hasPendingMicrotasks=i.microTask,Ws(e),Vs(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 Ws(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&e.callbackScheduled===!0)}function Gs(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function Ks(e){e._nesting--,Vs(e)}var qs=class{hasPendingMicrotasks=!1;hasPendingMacrotasks=!1;isStable=!0;onUnstable=new Ms;onMicrotaskEmpty=new Ms;onStable=new Ms;onError=new Ms;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 Js(e){return Xs(e,`__ignore_ng_zone__`)}function Ys(e){return Xs(e,`__scheduler_tick__`)}function Xs(e,t){return!Array.isArray(e)||e.length!==1?!1:e[0]?.data?.[t]===!0}var Zs=class{_console=console;handleError(e){this._console.error(`ERROR`,e)}},Qs=new xi(``,{factory:()=>{let e=C(zs),t=C(Pa),n;return r=>{e.runOutsideAngular(()=>{t.destroyed&&!n?setTimeout(()=>{throw r}):(n??=t.get(Zs),n.handleError(r))})}}}),$s={provide:ha,useValue:()=>{C(Zs,{optional:!0})},multi:!0};function O(e,t){let[n,r,i]=Wn(e,t?.equal),a=n;return a[fn],a.set=r,a.update=i,a.asReadonly=ec.bind(a),a}function ec(){let e=this[fn];if(e.readonlyFn===void 0){let t=()=>this();t[fn]=e,e.readonlyFn=t}return e.readonlyFn}var tc=new xi(``,{factory:()=>nc}),nc=`ng`,rc=new xi(``),ic=new xi(``,{providedIn:`platform`,factory:()=>`unknown`}),ac=new xi(``,{factory:()=>C(Es).body?.querySelector(`[ngCspNonce]`)?.getAttribute(`ngCspNonce`)||null}),oc=(()=>{class e{view;node;constructor(e,t){this.view=e,this.node=t}static __NG_ELEMENT_ID__=sc}return e})();function sc(){return new oc(w(),Ro())}var cc=class{},lc=new xi(``,{factory:()=>!0}),uc=new xi(``),dc=(()=>{class e{static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new fc})}return e})(),fc=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}},pc=class{[fn];constructor(e){this[fn]=e}destroy(){this[fn].destroy()}};function mc(e,t){let n=t?.injector??C(Ts),r=t?.manualCleanup===!0?null:n.get(Ds),i,a=n.get(oc,null,{optional:!0}),o=n.get(cc);return a===null?i=yc(e,n.get(dc),o):(i=vc(a.view,o,e),r instanceof Os&&r._lView===a.view&&(r=null)),i.injector=n,r!==null&&(i.onDestroyFns=[r.onDestroy(()=>i.destroy())]),new pc(i)}var hc={...Xn,cleanupFns:void 0,zone:null,onDestroyFns:null,run(){let e=Ko(!1);try{Zn(this)}finally{Ko(e)}},cleanup(){if(!this.cleanupFns?.length)return;let e=pn(null);try{for(;this.cleanupFns.length;)this.cleanupFns.pop()()}finally{this.cleanupFns=[],pn(e)}}},gc={...hc,consumerMarkedDirty(){this.scheduler.schedule(this),this.notifier.notify(12)},destroy(){if(On(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.scheduler.remove(this)}},_c={...hc,consumerMarkedDirty(){this.view[2]|=8192,xo(this.view),this.notifier.notify(13)},destroy(){if(On(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.view[23]?.delete(this)}};function vc(e,t,n){let r=Object.create(_c);return r.view=e,r.zone=typeof Zone<`u`?Zone.current:null,r.notifier=t,r.fn=bc(r,n),e[23]??=new Set,e[23].add(r),r.consumerMarkedDirty(r),r}function yc(e,t,n){let r=Object.create(gc);return r.fn=bc(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 bc(e,t){return()=>{t(t=>(e.cleanupFns??=[]).push(t))}}function xc(e){return typeof e==`function`&&e[fn]!==void 0}function Sc(e){return xc(e)&&typeof e.set==`function`}var Cc=Symbol(`InputSignalNode#UNSET`),wc={...Jn,transformFn:void 0,applyValueToInputSignal(e,t){Kn(e,t)}};function Tc(e){return{toString:e}.toString()}var Ec=(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})(Ec||{}),Dc=class{previousValue;currentValue;firstChange;constructor(e,t,n){this.previousValue=e,this.currentValue=t,this.firstChange=n}isFirstChange(){return this.firstChange}};function Oc(e,t,n,r){t===null?e[n]=r:t.applyValueToInputSignal(t,r)}var kc=null,Ac=(()=>{kc=Mc;let e=()=>Mc;return e.ngInherit=!0,e})();function jc(){return kc}function Mc(e){return e.type.prototype.ngOnChanges&&(e.setInput=Pc),Nc}function Nc(){let e=Ic(this),t=e?.current;if(t){let n=e.previous;if(n===pa)e.previous=t;else for(let e in t)n[e]=t[e];e.current=null,this.ngOnChanges(t)}}function Pc(e,t,n,r,i){let a=this.declaredInputs[r],o=Ic(e)||Lc(e,{previous:pa,current:null}),s=o.current||={},c=o.previous,l=c[a];s[a]=new Dc(l&&l.currentValue,n,c===pa),Oc(e,t,i,n)}var Fc=`__ngSimpleChanges__`;function Ic(e){return Object.hasOwn(e,Fc)&&e[Fc]||null}function Lc(e,t){return e[Fc]=t}var Rc=[],zc=function(e,t=null,n){for(let r=0;r<Rc.length;r++){let i=Rc[r];i(e,t,n)}};function Bc(e,t,n){let{ngOnChanges:r,ngOnInit:i,ngDoCheck:a}=t.type.prototype;if(r){let r=jc()(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 Vc(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 Hc(e,t,n){Gc(e,t,3,n)}function Uc(e,t,n,r){(e[2]&3)===n&&Gc(e,t,n,r)}function Wc(e,t){let n=e[2];(n&3)===t&&(n&=16383,n+=1,e[2]=n)}function Gc(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)&&(qc(e,n,t,c),e[17]=(e[17]&4294901760)+c+2),c++}function Kc(e,t){zc(Ec.LifecycleHookStart,e,t);let n=pn(null);try{t.call(e)}finally{pn(n),zc(Ec.LifecycleHookEnd,e,t)}}function qc(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,Kc(o,a)):Kc(o,a)}var Jc=-1,Yc=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 Xc(e){return!!(e.flags&8)}function Zc(e){return!!(e.flags&16)}function Qc(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];el(a)?e.setProperty(t,a,o):e.setAttribute(t,a,o),r++}}return r}function $c(e){return e===3||e===4||e===6}function el(e){return e.charCodeAt(0)===64}function tl(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?nl(e,n,i,null,t[++r]):nl(e,n,i,null,null))}}}return e}function nl(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 rl(e){return e!==Jc}function il(e){return e&32767}function al(e){return e>>16}function ol(e,t){let n=al(e),r=t;for(;n>0;)r=r[14],n--;return r}var sl=!0;function cl(e){let t=sl;return sl=e,t}var ll=255,ul=5,dl=0,fl={};function pl(e,t,n){let r;typeof n==`string`?r=n.charCodeAt(0)||0:Object.hasOwn(n,Di)&&(r=n[Di]),r??=n[Di]=dl++;let i=r&ll,a=1<<i;t.data[e+(i>>ul)]|=a}function ml(e,t){let n=gl(e,t);if(n!==-1)return n;let r=t[1];r.firstCreatePass&&(e.injectorIndex=t.length,hl(r.data,e),hl(t,null),hl(r.blueprint,null));let i=_l(e,t),a=e.injectorIndex;if(rl(i)){let e=il(i),n=ol(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 hl(e,t){e.push(0,0,0,0,0,0,0,0,t)}function gl(e,t){return e.injectorIndex===-1||e.parent&&e.parent.injectorIndex===e.injectorIndex||t[e.injectorIndex+8]===null?-1:e.injectorIndex}function _l(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=Ml(i),r===null)return Jc;if(n++,i=i[14],r.injectorIndex!==-1)return r.injectorIndex|n<<16}return Jc}function vl(e,t,n){pl(e,t,n)}function yl(e,t,n){if(n&8||e!==void 0)return e;Ri(t,`NodeInjector`)}function bl(e,t,n,r){if(n&8&&r===void 0&&(r=null),!(n&3)){let i=e[9],a=Ui(void 0);try{return i?i.get(t,r,n&8):Wi(t,r,n&8)}finally{Ui(a)}}return yl(r,t,n)}function xl(e,t,n,r=0,i){if(e!==null){if(t[2]&2048&&!(r&2)){let i=jl(e,t,n,r,fl);if(i!==fl)return i}let i=Sl(e,t,n,r,fl);if(i!==fl)return i}return bl(t,n,r,i)}function Sl(e,t,n,r,i){let a=El(n);if(typeof a==`function`){if(!os(t,e,r))return r&1?yl(i,n,r):bl(t,n,r,i);try{let e;if(e=a(r),e==null&&!(r&8))Ri(n);else return e}finally{ds()}}else if(typeof a==`number`){let i=null,o=gl(e,t),s=Jc,c=r&1?t[15][5]:null;for((o===-1||r&4)&&(s=o===-1?_l(e,t):t[o+8],s===Jc||!Ol(r,!1)?o=-1:(i=t[1],o=il(s),t=ol(s,t)));o!==-1;){let e=t[1];if(Dl(a,o,e.data)){let e=Cl(o,t,n,i,r,c);if(e!==fl)return e}s=t[o+8],s!==Jc&&Ol(r,t[1].data[o+8]===c)&&Dl(a,o,t)?(i=e,o=il(s),t=ol(s,t)):o=-1}}return i}function Cl(e,t,n,r,i,a){let o=t[1],s=o.data[e+8],c=wl(s,o,n,r==null?Qa(s)&&sl:r!=o&&!!(s.type&3),i&1&&a===s);return c===null?fl:Tl(t,o,c,s,i)}function wl(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&&eo(e)&&e.type===n)return c}return null}function Tl(e,t,n,r,i){let a=e[n],o=t.data;if(a instanceof Yc){let s=a;if(s.resolving)throw Li(``);let c=cl(s.canSeeViewProviders);s.resolving=!0,o[n].type||o[n];let l=s.injectImpl?Ui(s.injectImpl):null;os(e,r,0);try{a=e[n]=s.factory(void 0,i,o,e,r),t.firstCreatePass&&n>=r.directiveStart&&Bc(n,o[n],t)}finally{l!==null&&Ui(l),cl(c),s.resolving=!1,ds()}}return a}function El(e){if(typeof e==`string`)return e.charCodeAt(0)||0;let t=Object.hasOwn(e,Di)?e[Di]:void 0;return typeof t==`number`?t>=0?t&ll:Al:t}function Dl(e,t,n){let r=1<<e;return!!(n[t+(e>>ul)]&r)}function Ol(e,t){return!(e&2)&&!(e&1&&t)}var kl=class{_tNode;_lView;constructor(e,t){this._tNode=e,this._lView=t}get(e,t,n){return xl(this._tNode,this._lView,e,Zi(n),t)}};function Al(){return new kl(Ro(),w())}function jl(e,t,n,r,i){let a=e,o=t;for(;a!==null&&o!==null&&o[2]&2048&&!to(o);){let e=Sl(a,o,n,r|2,fl);if(e!==fl)return e;r&=-5;let t=a.parent;if(!t){let e=o[20];if(e){let t=e.get(n,fl,r);if(t!==fl)return t}t=Ml(o),o=o[14]}a=t}return i}function Ml(e){let t=e[1],n=t.type;return n===2?t.declTNode:n===1?e[5]:null}function Nl(e){return{token:e.token,providedIn:e.autoProvided===!1?null:`root`,factory:e.factory,value:void 0}}function Pl(){return Fl(Ro(),w())}function Fl(e,t){return new Il(so(e,t))}var Il=(()=>{class e{nativeElement;constructor(e){this.nativeElement=e}static __NG_ELEMENT_ID__=Pl}return e})();function Ll(e){return e instanceof Il?e.nativeElement:e}function Rl(){return this._results[Symbol.iterator]()}var zl=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 $r}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=ra(e);(this._changesDetected=!na(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]=Rl};function Bl(e){return(e.flags&128)==128}var Vl=(function(e){return e[e.OnPush=0]=`OnPush`,e[e.Eager=1]=`Eager`,e[e.Default=1]=`Default`,e})(Vl||{}),Hl=new Map,Ul=0;function Wl(){return Ul++}function Gl(e){Hl.set(e[19],e)}function Kl(e){Hl.delete(e[19])}var ql=`__ngContext__`;function Jl(e,t){Ya(t)?(e[ql]=t[19],Gl(t)):e[ql]=t}function Yl(e){return Zl(e[12])}function Xl(e){return Zl(e[4])}function Zl(e){for(;e!==null&&!Xa(e);)e=e[4];return e}var Ql=void 0;function $l(e){Ql=e}function eu(){if(Ql!==void 0)return Ql;if(typeof document<`u`)return document;throw new ii(210,!1)}var tu=!1,nu=new xi(``,{factory:()=>tu}),ru=new WeakMap;function iu(e,t){if(typeof e!=`object`||!e)return;let n=ru.get(e);n||(n=new WeakSet,ru.set(e,n)),n.add(t)}function au(e){return(e.flags&32)==32}var ou=()=>null;function su(e,t,n=!1){return ou(e,t,n)}function cu(e,t){let n=e.contentQueries;if(n!==null){let r=pn(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];is(i),n.contentQueries(2,t[a],a)}}}finally{pn(r)}}}function lu(e,t,n){is(0);let r=pn(null);try{t(e,n)}finally{pn(r)}}function uu(e,t,n){if(Za(t)){let r=pn(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{pn(r)}}}var du=(function(e){return e[e.Emulated=0]=`Emulated`,e[e.None=2]=`None`,e[e.ShadowDom=3]=`ShadowDom`,e[e.ExperimentalIsolatedShadowDom=4]=`ExperimentalIsolatedShadowDom`,e})(du||{}),fu=class{changingThisBreaksApplicationSecurity;constructor(e){this.changingThisBreaksApplicationSecurity=e}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${ri})`}};function pu(e){return e instanceof fu?e.changingThisBreaksApplicationSecurity:e}function mu(e,t){let n=hu(e);if(n!=null&&n!==t){if(n===`ResourceURL`&&t===`URL`)return!0;throw Error(`Required a safe ${t}, got a ${n} (see ${ri})`)}return n===t}function hu(e){return e instanceof fu&&e.getTypeName()||null}var gu=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function _u(e){return e=String(e),e.match(gu)?e:`unsafe:`+e}var vu=/^>|^->|<!--|-->|--!>|<!-$/g,yu=/(<|>)/g,bu=`​$1​`;function xu(e){return e.replace(vu,e=>e.replace(yu,bu))}function Su(e,t){return e.createText(t)}function Cu(e,t,n){e.setValue(t,n)}function wu(e,t){return e.createComment(xu(t))}function Tu(e,t,n){return e.createElement(t,n)}function Eu(e,t,n,r,i){e.insertBefore(t,n,r,i)}function Du(e,t,n){e.appendChild(t,n)}function Ou(e,t,n,r,i){r===null?Du(e,t,n):Eu(e,t,n,r,i)}function ku(e,t,n,r){e.removeChild(null,t,n,r)}function Au(e,t,n){e.setAttribute(t,`style`,n)}function ju(e,t,n){n===``?e.removeAttribute(t,`class`):e.setAttribute(t,`class`,n)}function Mu(e,t,n){let{mergedAttrs:r,classes:i,styles:a}=n;r!==null&&Qc(e,t,r),i!==null&&ju(e,t,i),a!==null&&Au(e,t,a)}function Nu(e){let t=Pu();return t?t.sanitize(ro.URL,e)||``:mu(e,`URL`)?pu(e):_u(Ni(e))}function Pu(){let e=w();return e&&e[10].sanitizer}function Fu(e){return e.ownerDocument.defaultView}function Iu(e){return e.ownerDocument}function Lu(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 Ru=`ng-template`;function zu(e,t,n,r){let i=0;if(r){for(;i<t.length&&typeof t[i]==`string`;i+=2)if(t[i]===`class`&&Lu(t[i+1].toLowerCase(),n,0)!==-1)return!0}else if(Bu(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 Bu(e){return e.type===4&&e.value!==Ru}function Vu(e,t,n){return t===(e.type===4&&!n?Ru:e.value)}function Hu(e,t,n){let r=4,i=e.attrs,a=i===null?0:qu(i),o=!1;for(let s=0;s<t.length;s++){let c=t[s];if(typeof c==`number`){if(!o&&!Uu(r)&&!Uu(c))return!1;if(o&&Uu(c))continue;o=!1,r=c|r&1;continue}if(!o){if(r&4){if(r=2|r&1,c!==``&&!Vu(e,c,n)||c===``&&t.length===1){if(Uu(r))return!1;o=!0}}else if(r&8){if(i===null||!zu(e,i,c,n)){if(Uu(r))return!1;o=!0}}else{let l=t[++s],u=Wu(c,i,Bu(e),n);if(u===-1){if(Uu(r))return!1;o=!0;continue}if(l!==``){let e;if(e=u>a?``:i[u+1].toLowerCase(),r&2&&l!==e){if(Uu(r))return!1;o=!0}}}}}return Uu(r)||o}function Uu(e){return!(e&1)}function Wu(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 Ju(t,e)}function Gu(e,t,n=!1){for(let r=0;r<t.length;r++)if(Hu(e,t[r],n))return!0;return!1}function Ku(e){let t=e.attrs;if(t!=null){let e=t.indexOf(5);if(!(e&1))return t[e+1]}return null}function qu(e){for(let t=0;t<e.length;t++){let n=e[t];if($c(n))return t}return e.length}function Ju(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 Yu(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 Xu(e,t){return e?`:not(`+t.trim()+`)`:t}function Zu(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!==``&&!Uu(o)&&(t+=Xu(a,i),i=``),r=o,a||=!Uu(r);n++}return i!==``&&(t+=Xu(a,i)),t}function Qu(e){return e.map(Zu).join(`,`)}function $u(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(!Uu(i))break;i=a}r++}return n.length&&t.push(1,...n),t}var ed={},td=(function(e){return e[e.Important=1]=`Important`,e[e.DashCase=2]=`DashCase`,e})(td||{}),nd;function rd(e,t){return nd(e,t)}var id=new xi(``,{factory:()=>!1});function ad(e){if(!e)return 0;let t=e.toLowerCase().indexOf(`ms`)>-1?1:1e3;return parseFloat(e)*t}function od(e,t){return e.getPropertyValue(t).split(`,`).map(e=>e.trim())}function sd(e){let t=od(e,`transition-property`),n=od(e,`transition-duration`),r=od(e,`transition-delay`),i={propertyName:``,duration:0,animationName:void 0};for(let e=0;e<t.length;e++){let a=ad(r[e])+ad(n[e]);a>i.duration&&(i.propertyName=t[e],i.duration=a)}return i}function cd(e){let t=od(e,`animation-name`),n=od(e,`animation-delay`),r=od(e,`animation-duration`),i=od(e,`animation-iteration-count`),a={animationName:``,propertyName:void 0,duration:0};for(let e=0;e<t.length;e++){let o=ad(n[e])+ad(r[e]),s=i[e];o>a.duration&&s!==`infinite`&&(a.animationName=t[e],a.duration=o)}return a}function ld(e,t){return e!==void 0&&e.duration>t.duration}function ud(e){return(e.animationName!=null||e.propertyName!=null)&&e.duration>0}function dd(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 fd(e,t){let n=getComputedStyle(e),r=cd(n),i=sd(n),a=r.duration>i.duration?r:i;ld(t.get(e),a)||ud(a)&&t.set(e,a)}function pd(e,t,n){if(!n)return;let r=e.getAnimations();return r.length===0?fd(e,t):md(e,t,r)}function md(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=dd(e)??0,n,i;e.animationName?i=e.animationName:n=e.transitionProperty,t>=r.duration&&(r={animationName:i,propertyName:n,duration:t})}ld(t.get(e),r)||ud(r)&&t.set(e,r)}var hd=new Set,gd=!1,_d=1,vd=typeof document<`u`&&typeof document?.documentElement?.getAnimations==`function`;function yd(e){return e[9].get(id,gd)}function bd(e,t,n){let r=Sd.get(e);if(r){for(let e of t)r.classList.push(e);for(let e of n)r.cleanupFns.push(e)}else Sd.set(e,{classList:t,cleanupFns:n})}function xd(e){let t=Sd.get(e);if(t){for(let e of t.cleanupFns)e();Sd.delete(e)}Cd.delete(e)}var Sd=new WeakMap,Cd=new WeakMap,wd=new WeakMap;function Td(e){return e?e[14]??e:null}var Ed=new WeakSet;function Dd(e,t,n){let r=wd.get(e);if(!r||r.length===0)return;let i=t.parentNode,a=t.previousSibling,o=Td(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),Ed.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 Od(e,t,n){let r=Td(n),i=wd.get(e);i?i.some(e=>e.el===t)||i.push({el:t,declarationView:r}):wd.set(e,[{el:t,declarationView:r}])}function kd(e){let t=e[26]??={};return t.enter??=new Map}function Ad(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 jd(e){return e.composedPath?e.composedPath()[0]:e.target}function Md(e,t){let n=Cd.get(t);if(n===void 0)return!0;if(t!==jd(e))return!1;let r=e.animation;if(r){let e=dd(r);if(e!==void 0&&e+_d<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 Nd(e,t,n){let r=e.get(t.index)??{animateFns:[]};r.animateFns.push(n),e.set(t.index,r)}var Pd=(function(e){return e[e.CHANGE_DETECTION=0]=`CHANGE_DETECTION`,e[e.AFTER_NEXT_RENDER=1]=`AFTER_NEXT_RENDER`,e})(Pd||{}),Fd=new xi(``),Id=new Set;function Ld(e){Id.has(e)||(Id.add(e),performance?.mark?.(`mark_feature_usage`,{detail:{feature:e}}))}var Rd=(()=>{class e{impl=null;execute(){this.impl?.execute()}static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),zd=[0,1,2,3],Bd=(()=>{class e{ngZone=C(zs);scheduler=C(cc);errorHandler=C(Zs,{optional:!0});sequences=new Set;deferredRegistrations=new Set;executing=!1;constructor(){C(Fd,{optional:!0})}execute(){let e=this.sequences.size>0;e&&zc(Ec.AfterRenderHooksStart),this.executing=!0;for(let e of zd)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&&zc(Ec.AfterRenderHooksEnd)}register(e){let{view:t}=e;t===void 0?this.executing?this.deferredRegistrations.add(e):this.addSequence(e):((t[25]??=[]).push(e),xo(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(Pd.AFTER_NEXT_RENDER,e):e()}static ɵprov=mi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Vd=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 Hd(e,t){let n=t?.injector??C(Ts);return Ld(`NgAfterNextRender`),Wd(e,n,t,!0)}function Ud(e){return e instanceof Function?[void 0,void 0,e,void 0]:[e.earlyRead,e.write,e.mixedReadWrite,e.read]}function Wd(e,t,n,r){let i=t.get(Rd);i.impl??=t.get(Bd);let a=t.get(Fd,null,{optional:!0}),o=n?.manualCleanup===!0?null:t.get(Ds),s=t.get(oc,null,{optional:!0}),c=new Vd(i.impl,Ud(e),s?.view,r,o,a?.snapshot(null));return i.impl.register(c),c}var Gd=new xi(``,{factory:()=>{let e=C(Pa),t=new Set;return e.onDestroy(()=>t.clear()),{queue:t,isScheduled:!1,scheduler:null,injector:e}}});function Kd(e,t,n){let r=e.get(Gd);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 qd(e,t){let n=e.get(Gd);if(Array.isArray(t))for(let e of t)n.queue.delete(e);else n.queue.delete(t)}function Jd(e,t){let n=e.get(Gd);if(t.detachedLeaveAnimationFns){for(let e of t.detachedLeaveAnimationFns)n.queue.delete(e);t.detachedLeaveAnimationFns=void 0}}function Yd(e){let t=e.get(Gd);t.isScheduled||=(Hd(()=>{t.isScheduled=!1;for(let e of t.queue)e();t.queue.clear()},{injector:t.injector}),!0)}function Xd(e){let t=e.get(Gd);t.scheduler=Yd,t.scheduler(e)}function Zd(e,t){for(let[n,r]of t)Kd(e,r.animateFns)}function Qd(e,t,n,r){let i=e?.[26]?.enter;t!==null&&i&&i.has(n.index)&&Zd(r,i)}function $d(e,t,n,r){try{n.get(ga)}catch{return r(!1)}let i=e?.[26];i?.enter?.has(t.index)&&qd(n,i.enter.get(t.index).animateFns);let a=ef(e,t,i);if(a.size===0){let n=!1;if(e){let r=[];nf(e,t,r),n=r.length>0}if(!n)return r(!1)}e&&hd.add(e[19]),Kd(n,()=>tf(e,t,i||void 0,a,r),i||void 0)}function ef(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 tf(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&&nf(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),af(e,t.running,i)}else Promise.allSettled(a).then(()=>{e&&hd.delete(e[19]),i(!0)})}else e&&hd.delete(e[19]),i(!1)}function nf(e,t,n){if(t.type&12){let r=e[t.index];if(Xa(r))for(let e=10;e<r.length;e++){let t=r[e];t[1].type===2&&rf(t,n)}}let r=t.child;for(;r;)nf(e,r,n),r=r.next}function rf(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;)nf(e,r,t),r=r.next}function af(e,t,n){t.then(()=>{e[26]?.running===t&&(e[26].running=void 0,hd.delete(e[19])),n(!0)})}function of(e,t,n,r,i,a,o,s){if(i!=null){let c,l=!1;Xa(i)?c=i:Ya(i)&&(l=!0,i=i[0]);let u=ao(i);e===0&&r!==null?(Qd(s,r,a,n),o==null?Du(t,r,u):Eu(t,r,u,o||null,!0)):e===1&&r!==null?(Qd(s,r,a,n),Eu(t,r,u,o||null,!0),Dd(a,u,s)):e===2?(s?.[26]?.leave?.has(a.index)&&Od(a,u,s),Ed.delete(u),$d(s,a,n,e=>{if(Ed.has(u)){Ed.delete(u);return}ku(t,u,l,e)})):e===3&&(Ed.delete(u),$d(s,a,n,()=>{t.destroyNode(u)})),c!=null&&Af(t,e,n,c,a,r,o)}}function sf(e,t){lf(e,t),t[0]=null,t[5]=null}function cf(e,t,n,r,i,a){r[0]=i,r[5]=t,Ef(e,r,n,1,i,a)}function lf(e,t){t[10].changeDetectionScheduler?.notify(9),Ef(e,t,t[11],2,null,null)}function uf(e){let t=e[12];if(!t)return pf(e[1],e);for(;t;){let n=null;if(Ya(t))n=t[12];else{let e=t[10];e&&(n=e)}if(!n){for(;t&&!t[4]&&t!==e;)Ya(t)&&pf(t[1],t),t=t[3];t===null&&(t=e),Ya(t)&&pf(t[1],t),n=t&&t[4]}t=n}}function df(e,t){let n=e[9],r=n.indexOf(t);n.splice(r,1)}function ff(e,t){if(no(t))return;let n=t[11];n.destroyNode&&Ef(e,t,n,3,null,null),uf(t)}function pf(e,t){if(no(t))return;let n=pn(null);try{t[2]&=-129,t[2]|=256,t[24]&&On(t[24]),hf(e,t),mf(e,t),t[1].type===1&&t[11].destroy();let n=t[16];if(n!==null&&Xa(t[3])){n!==t[3]&&df(n,t);let r=t[18];r!==null&&r.detachView(e)}Kl(t)}finally{pn(n)}}function mf(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 hf(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 Yc)){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];zc(Ec.LifecycleHookStart,n,i);try{i.call(n)}finally{zc(Ec.LifecycleHookEnd,n,i)}}else{zc(Ec.LifecycleHookStart,r,t);try{t.call(r)}finally{zc(Ec.LifecycleHookEnd,r,t)}}}}}function gf(e,t,n){if(t===null)throw new ii(510,!1);return _f(e,t.parent,n)}function _f(e,t,n){let r=t;for(;r!==null&&r.type&168;)t=r,r=t.parent;if(r===null)return n[0];if(Qa(r)){let{encapsulation:t}=e.data[r.directiveStart+r.componentOffset];if(t===du.None||t===du.Emulated)return null}return so(r,n)}function vf(e,t,n){return bf(e,t,n)}function yf(e,t,n){return e.type&40?so(e,n):null}var bf=yf;function xf(e,t,n,r){let i=gf(e,r,t),a=t[11],o=vf(r.parent||t[5],r,t);if(i!=null){if(Array.isArray(n))for(let e=0;e<n.length;e++)Ou(a,i,n[e],o,!1);else Ou(a,i,n,o,!1)}}function Sf(e,t){if(t!==null){let n=t.type;if(n&3)return so(t,e);if(n&4)return wf(-1,e[t.index]);if(n&8){let n=t.child;if(n!==null)return Sf(e,n);{let n=e[t.index];return Xa(n)?wf(-1,n):ao(n)}}if(n&128)return Sf(e,t.next);if(n&32)return rd(t,e)()||ao(e[t.index]);{let n=Cf(e,t);return n===null?Sf(e,t.next):Array.isArray(n)?n[0]:Sf(wo(e[15]),n)}}return null}function Cf(e,t){if(t!==null){let n=e[15][5],r=t.projection;return n.projection[r]}return null}function wf(e,t){let n=10+e+1;if(n<t.length){let e=t[n],r=e[1].firstChild;if(r!==null)return Sf(e,r)}return t[7]}function Tf(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&&Jl(ao(c),r),n.flags|=2),!au(n)){if(l&8)Tf(e,t,n.child,r,i,a,!1),of(t,e,s,i,c,n,a,r);else if(l&32){let o=rd(n,r),l;for(;l=o();)of(t,e,s,i,l,n,a,r);of(t,e,s,i,c,n,a,r)}else l&16?kf(e,t,r,n,i,a):of(t,e,s,i,c,n,a,r)}n=o?n.projectionNext:n.next}}function Ef(e,t,n,r,i,a){e.type===3?Df(n,r,t,i,a):Tf(n,r,e.firstChild,t,i,a,!1)}function Df(e,t,n,r,i){let a=n[1].firstChild,o=a.next,s=ao(n[a.index]),c=ao(n[o.index]),l=o.index+1,u=n[l];if(t===1||t===0)r!==null&&(u&&u.hasChildNodes()?Eu(e,r,u,i,!0):(Eu(e,r,s,i,!0),Eu(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 Of(e,t,n){let r=t[11];kf(r,0,t,n,gf(e,n,t),vf(n.parent||t[5],n,t))}function kf(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];of(t,e,n[9],i,c,r,a,n)}else{let n=s,c=o[3];Bl(r)&&(n.flags|=128),Tf(e,t,n,c,i,a,!0)}}function Af(e,t,n,r,i,a,o){let s=r[7];if(s!==ao(r)&&of(t,e,n,a,s,i,o),!(r[2]&4))for(let n=10;n<r.length;n++){let i=r[n];Ef(i[1],i,e,t,a,s)}}function jf(e,t,n,r,i){if(t)i?e.addClass(n,r):e.removeClass(n,r);else{let t=r.indexOf(`-`)===-1?void 0:td.DashCase;i==null?e.removeStyle(n,r,t):(typeof i==`string`&&i.endsWith(`!important`)&&(i=i.slice(0,-10),t|=td.Important),e.setStyle(n,r,i,t))}}function Mf(e,t,n,r,i,a,o,s,c,l,u){let d=27+r,f=d+i,p=Nf(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 Nf(e,t){let n=[];for(let r=0;r<t;r++)n.push(r<e?null:ed);return n}function Pf(e){let t=e.tView;return t===null||t.incompleteFirstPass?e.tView=Mf(1,null,e.template,e.decls,e.vars,e.directiveDefs,e.pipeDefs,e.viewQuery,e.schemas,e.consts,e.id):t}function Ff(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),go(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]=Wl(),d[6]=u,d[20]=l,d[15]=t.type==2?e[15]:d,d}function If(e,t,n){let r=so(t,e),i=Pf(n),a=e[10].rendererFactory,o=zf(e,Ff(e,i,null,Lf(n),r,t,null,a.createRenderer(r,n),null,null,null));return e[t.index]=o}function Lf(e){let t=16;return e.signals?t=4096:e.onPush&&(t=64),t}function Rf(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 zf(e,t){return e[12]?e[13][4]=t:e[12]=t,e[13]=t,t}function k(e=1){Bf(Lo(),w(),ms()+e,!1)}function Bf(e,t,n,r){if(!r){if((t[2]&3)==3){let r=e.preOrderCheckHooks;r!==null&&Hc(t,r,n)}else{let r=e.preOrderHooks;r!==null&&Uc(t,r,0,n)}}hs(n)}var Vf=(function(e){return e[e.None=0]=`None`,e[e.SignalBased=1]=`SignalBased`,e[e.HasDecoratorInputTransform=2]=`HasDecoratorInputTransform`,e})(Vf||{});function Hf(e,t,n,r){let i=pn(null);try{let[i,a,o]=e.inputs[n],s=null;(a&Vf.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?Oc(t,s,i,r):e.setInput(t,s,r,n,i)}finally{pn(i)}}function Uf(e,t,n,r,i){let a=ms(),o=r&2;try{hs(-1),o&&t.length>27&&Bf(e,t,27,!1),zc(o?Ec.TemplateUpdateStart:Ec.TemplateCreateStart,i,n),n(r,i)}finally{hs(a),zc(o?Ec.TemplateUpdateEnd:Ec.TemplateCreateEnd,i,n)}}function Wf(e,t,n){Zf(e,t,n),(n.flags&64)==64&&Qf(e,t,n)}function Gf(e,t,n=so){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 Kf(e,t,n,r){let i=r.get(nu,tu)||n===du.ShadowDom||n===du.ExperimentalIsolatedShadowDom;return e.selectRootElement(t,i)}function qf(e){return e===`class`?`className`:e===`for`?`htmlFor`:e===`formaction`?`formAction`:e===`innerHtml`?`innerHTML`:e===`readonly`?`readOnly`:e===`tabindex`?`tabIndex`:e}function Jf(e,t,n,r,i,a){let o=t[1];if(sp(e,o,t,n,r)){Qa(e)&&Xf(t,e.index);return}e.type&3&&(n=qf(n)),Yf(e,t,n,r,i,a)}function Yf(e,t,n,r,i,a){if(e.type&3){let o=so(e,t);r=a==null?r:a(r,e.value||``,n),i.setProperty(o,n,r)}else e.type&12}function Xf(e,t){let n=fo(t,e);n[2]&16||(n[2]|=64)}function Zf(e,t,n){let r=n.directiveStart,i=n.directiveEnd;Qa(n)&&If(t,n,e.data[r+n.componentOffset]),e.firstCreatePass||ml(n,t);let a=n.initialInputs;for(let o=r;o<i;o++){let i=e.data[o],s=Tl(t,e,o,n);if(Jl(s,t),a!==null&&rp(t,o-r,s,i,n,a),eo(i)){let r=fo(n.index,t);r[8]=Tl(t,e,o,n)}}}function Qf(e,t,n){let r=n.directiveStart,i=n.directiveEnd,a=n.index,o=es();try{hs(a);for(let n=r;n<i;n++){let r=e.data[n],i=t[n];ts(n),(r.hostBindings!==null||r.hostVars!==0||r.hostAttrs!==null)&&$f(r,i)}}finally{hs(-1),ts(o)}}function $f(e,t){e.hostBindings!==null&&e.hostBindings(1,t)}function ep(e,t){let n=e.directiveRegistry,r=null;if(n)for(let e=0;e<n.length;e++){let i=n[e];Gu(t,i.selectors,!1)&&(r??=[],eo(i)?r.unshift(i):r.push(i))}return r}function tp(e,t,n,r,i,a){let o=so(e,t);np(t[11],o,a,e.value,n,r,i)}function np(e,t,n,r,i,a,o){if(a==null)o?.(a,r||``,i),e.removeAttribute(t,i,n);else{let s=o==null?Ni(a):o(a,r||``,i);e.setAttribute(t,i,s,n)}}function rp(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];Hf(r,n,t,i)}}function ip(e,t,n,r,i){let a=27+n,o=t[1],s=i(o,t,e,r,n);t[a]=s,Vo(e,!0);let c=e.type===2;return c?(Mu(t[11],s,e),(Ao()===0||$a(e))&&Jl(s,t),jo()):Jl(s,t),xs()&&(!c||!au(e))&&xf(o,t,s,e),e}function ap(e){let t=e;return Ho()?Uo():(t=t.parent,Vo(t,!1)),t}function op(e,t){let n=e[9];if(!n)return;let r;try{r=n.get(Qs,null)}catch{r=null}r?.(t)}function sp(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];Hf(c,n[r],a,i),s=!0}if(a)for(let e of a){let a=n[e],o=t.data[e];Hf(o,a,r,i),s=!0}return s}function cp(e,t){let n=fo(t,e),r=n[1];lp(r,n);let i=n[0];i!==null&&n[6]===null&&(n[6]=su(i,n[9])),zc(Ec.ComponentStart);try{up(r,n,n[8])}finally{zc(Ec.ComponentEnd,n[8])}}function lp(e,t){for(let n=t.length;n<e.blueprint.length;n++)t.push(e.blueprint[n])}function up(e,t,n){ss(t);try{let r=e.viewQuery;r!==null&&lu(1,r,n);let i=e.template;i!==null&&Uf(e,t,i,1,n),e.firstCreatePass&&=!1,t[18]?.finishViewCreation(e),e.staticContentQueries&&cu(e,t),e.staticViewQueries&&lu(2,e.viewQuery,n);let a=e.components;a!==null&&dp(t,a)}catch(t){throw e.firstCreatePass&&=(e.incompleteFirstPass=!0,!1),t}finally{t[2]&=-5,fs()}}function dp(e,t){for(let n=0;n<t.length;n++)cp(e,t[n])}function fp(e,t,n,r){let i=pn(null);try{let i=t.tView,a=Ff(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)),up(i,a,n),a}finally{pn(i)}}function pp(e,t){return!t||t.firstChild===null||Bl(e)}function mp(e,t,n,r,i=!1){if(e.type===3){let n=e.firstChild,i=n.next,a=ao(t[n.index]),o=ao(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(Xa(a)){let e=a[7];e!==a[0]&&r.push(ao(a)),a[2]&4||hp(a,r),r.push(e)}else r.push(ao(a))}let o=n.type;if(o&8)mp(e,t,n.child,r);else if(o&32){let e=rd(n,t),i;for(;i=e();)r.push(i)}else if(o&16){let e=Cf(t,n);if(Array.isArray(e))r.push(...e);else{let n=wo(t[15]);mp(n[1],n,e,r,!0)}}n=i?n.projectionNext:n.next}return r}function hp(e,t){for(let n=10;n<e.length;n++){let r=e[n],i=r[1].firstChild;i!==null&&mp(r[1],r,i,t)}}function gp(e){if(e[25]!==null){for(let t of e[25])t.impl.addSequence(t);e[25].length=0}}var _p=[];function vp(e){return e[24]??yp(e)}function yp(e){let t=_p.pop()??Object.create(xp);return t.lView=e,t}function bp(e){e.lView[24]!==e&&(e.lView=null,_p.push(e))}var xp={...hn,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{xo(e.lView)},consumerOnSignalRead(){this.lView[24]=this}};function Sp(e){let t=e[24]??Object.create(Cp);return t.lView=e,t}var Cp={...hn,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{let t=wo(e.lView);for(;t&&!wp(t[1]);)t=wo(t);t&&_o(t)},consumerOnSignalRead(){this.lView[24]=this}};function wp(e){return e.type!==2}function Tp(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 Ep=100;function Dp(e,t=0){let n=e[10].rendererFactory;n.begin?.();try{Op(e,t)}finally{n.end?.()}}function Op(e,t){let n=Go();try{Ko(!0),Pp(e,t);let n=0;for(;yo(e);){if(n===Ep)throw new ii(103,!1);n++,Pp(e,1)}}finally{Ko(n)}}function kp(e,t,n,r){if(no(t))return;let i=t[2];ss(t);let a=!0,o=null,s=null;wp(e)?(s=vp(t),o=Cn(s)):mn()===null?(a=!1,s=Sp(t),o=Cn(s)):t[24]&&=(On(t[24]),null);try{go(t),Yo(e.bindingStartIndex),n!==null&&Uf(e,t,n,2,r);let a=(i&3)==3;if(a){let n=e.preOrderCheckHooks;n!==null&&Hc(t,n,null)}else{let n=e.preOrderHooks;n!==null&&Uc(t,n,0,null),Wc(t,0)}if(jp(t),Tp(t),Ap(t,0),e.contentQueries!==null&&cu(e,t),a){let n=e.contentCheckHooks;n!==null&&Hc(t,n)}else{let n=e.contentHooks;n!==null&&Uc(t,n,1),Wc(t,1)}Ip(e,t);let o=e.components;o!==null&&Fp(t,o,0);let s=e.viewQuery;if(s!==null&&lu(2,s,r),a){let n=e.viewCheckHooks;n!==null&&Hc(t,n)}else{let n=e.viewHooks;n!==null&&Uc(t,n,2),Wc(t,2)}if(e.firstUpdatePass===!0&&(e.firstUpdatePass=!1),t[22]){for(let e of t[22])e();t[22]=null}gp(t),t[2]&=-73}catch(e){throw xo(t),e}finally{s!==null&&(Tn(s,o),a&&bp(s)),fs()}}function Ap(e,t){for(let n=Yl(e);n!==null;n=Xl(n))for(let e=10;e<n.length;e++){let r=n[e];Np(r,t)}}function jp(e){for(let t=Yl(e);t!==null;t=Xl(t)){if(!(t[2]&2))continue;let e=t[9];for(let t=0;t<e.length;t++){let n=e[t];_o(n)}}}function Mp(e,t,n){zc(Ec.ComponentStart);let r=fo(t,e);try{Np(r,n)}finally{zc(Ec.ComponentEnd,r[8])}}function Np(e,t){po(e)&&Pp(e,t)}function Pp(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&&Dn(i)),a||=!1,i&&(i.dirty=!1),e[2]&=-9217,a)kp(n,e,n.template,e[8]);else if(r&8192){let t=pn(null);try{Tp(e),Ap(e,1);let t=n.components;t!==null&&Fp(e,t,1),gp(e)}finally{pn(t)}}}function Fp(e,t,n){for(let r=0;r<t.length;r++)Mp(e,t[r],n)}function Ip(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)hs(~r);else{let i=r,a=n[++e],o=n[++e];$o(a,i);let s=t[i];zc(Ec.HostBindingsUpdateStart,s);try{o(2,s)}finally{zc(Ec.HostBindingsUpdateEnd,s)}}}}finally{hs(-1)}}function Lp(e,t){let n=Go()?64:1088;for(e[10].changeDetectionScheduler?.notify(t);e;){e[2]|=n;let t=wo(e);if(to(e)&&!t)return e;e=t}return null}function Rp(e,t,n,r){return[e,!0,0,t,null,r,null,n,null,null]}function zp(e,t){let n=10+t;if(n<e.length)return e[n]}function Bp(e,t,n,r=!0){let i=t[1];if(Up(i,t,e,n),r){let r=wf(n,e),a=t[11],o=a.parentNode(e[7]);o!==null&&cf(i,e[5],a,t,o,r)}let a=t[6];a!==null&&a.firstChild!==null&&(a.firstChild=null)}function Vp(e,t){let n=Hp(e,t);return n!==void 0&&ff(n[1],n),n}function Hp(e,t){if(e.length<=10)return;let n=10+t,r=e[n];if(r){let i=r[16];i!==null&&i!==e&&df(i,r),t>0&&(e[n-1][4]=r[4]);let a=oa(e,10+t);sf(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 Up(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],aa(n,10+r,t)):(n.push(t),t[4]=null),t[3]=n;let o=t[16];o!==null&&n!==o&&Wp(o,t);let s=t[18];s!==null&&s.insertView(e),bo(t),t[2]|=128}function Wp(e,t){let n=e[9],r=t[3];if(Ya(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 Gp=class{_lView;_cdRefInjectingView;_appRef=null;_attachedToViewContainer=!1;exhaustive;get rootNodes(){let e=this._lView,t=e[1];return mp(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 no(this._lView)}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){let e=this._lView[3];if(Xa(e)){let t=e[8],n=t?t.indexOf(this):-1;n>-1&&(Hp(e,n),oa(t,n))}this._attachedToViewContainer=!1}ff(this._lView[1],this._lView)}onDestroy(e){So(this._lView,e)}markForCheck(){Lp(this._cdRefInjectingView||this._lView,4)}detach(){this._lView[2]&=-129}reattach(){bo(this._lView),this._lView[2]|=128}detectChanges(){this._lView[2]|=1024,Dp(this._lView)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new ii(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null;let e=to(this._lView),t=this._lView[16];t!==null&&!e&&df(t,this._lView),lf(this._lView[1],this._lView)}attachToAppRef(e){if(this._attachedToViewContainer)throw new ii(902,!1);this._appRef=e;let t=to(this._lView),n=this._lView[16];n!==null&&!t&&Wp(n,this._lView),bo(this._lView)}},Kp=(()=>{class e{_declarationLView;_declarationTContainer;elementRef;static __NG_ELEMENT_ID__=qp;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 Gp(fp(this._declarationLView,this._declarationTContainer,e,{embeddedViewInjector:t,dehydratedView:n}))}}return e})();function qp(){return Jp(Ro(),w())}function Jp(e,t){return e.type&4?new Kp(t,e,Fl(e,t)):null}function Yp(e,t,n,r,i){let a=e.data[t];if(a===null)a=Xp(e,t,n,r,i),Qo()&&(a.flags|=32);else if(a.type&64){a.type=n,a.value=r,a.attrs=i;let e=Bo();a.injectorIndex=e===null?-1:e.injectorIndex}return Vo(a,!0),a}function Xp(e,t,n,r,i){let a=zo(),o=Ho(),s=o?a:a&&a.parent,c=e.data[t]=Qp(e,s,n,t,r,i);return Zp(e,c,a,o),c}function Zp(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 Qp(e,t,n,r,i,a){let o=t?t.injectorIndex:-1,s=0;return Po()&&(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:ys(),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 $p(e){let t=e[6]??[],n=e[3][11],r=[];for(let e of t)e.data.di===void 0?em(e,n):r.push(e);e[6]=r}function em(e,t){let n=0,r=e.firstChild;if(r){let i=e.data.r;for(;n<i;){let e=r.nextSibling;ku(t,r,!1),r=e,n++}}}var tm=()=>null,nm=()=>null;function rm(e,t){return tm(e,t)}function im(e,t,n){return nm(e,t,n)}var am=class{},om=class{},sm=(()=>{class e{static ɵprov=mi({token:e,providedIn:`root`,factory:()=>null})}return e})();function cm(e){return e.debugInfo?.className||e.type.name||null}var lm={},um=class{injector;parentInjector;constructor(e,t){this.injector=e,this.parentInjector=t}get(e,t,n){let r=this.injector.get(e,lm,n);return r!==lm||t===lm?r:this.parentInjector.get(e,t,n)}};function dm(e,t,n){return e[t]=n}function fm(e,t){return e[t]}function pm(e,t,n){if(n===ed)return!1;let r=e[t];return!Object.is(r,n)&&(e[t]=n,!0)}function mm(e,t,n,r){let i=pm(e,t,n);return pm(e,t+1,r)||i}function hm(e,t,n,r,i){let a=mm(e,t,n,r);return pm(e,t+2,i)||a}function gm(e,t,n,r,i,a){let o=mm(e,t,n,r);return mm(e,t+2,i,a)||o}function _m(e,t,n){return function r(i){let a=r.__ngNativeEl__;a!==void 0&&iu(i,a),Lp(Qa(e)?fo(e.index,t):t,5);let o=t[8],s=vm(t,o,n,i),c=r.__ngNextListenerFn__;for(;c;)s=vm(t,o,c,i)&&s,c=c.__ngNextListenerFn__;return s}}function vm(e,t,n,r){let i=pn(null);try{return zc(Ec.OutputStart,t,n),n(r)!==!1}catch(t){return op(e,t),!1}finally{zc(Ec.OutputEnd,t,n),pn(i)}}function ym(e,t,n,r,i,a,o,s){let c=$a(e),l=!1,u=null;if(!r&&c&&(u=xm(t,n,a,e.index)),u!==null){let e=u.__ngLastListenerFn__||u;e.__ngNextListenerFn__=o,u.__ngLastListenerFn__=o,l=!0}else{let o=so(e,n),c=r?r(o):o;r||(s.__ngNativeEl__=o);let l=i.listen(c,a,s);bm(a)||Sm(r?t=>r(ao(t[e.index])):e.index,t,n,a,s,l,!1)}return l}function bm(e){return e.startsWith(`animation`)||e.startsWith(`transition`)}function xm(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 Sm(e,t,n,r,i,a,o){let s=t.firstCreatePass?Eo(t):null,c=To(n),l=c.length;c.push(i,a),s&&s.push(r,e,l,(l+1)*(o?-1:1))}function Cm(e,t,n,r,i,a){let o=t[n],s=t[1],c=o[s.data[n].outputs[r]].subscribe(a);Sm(e.index,s,t,i,a,c,!0)}var wm=Symbol(`BINDING`),Tm=new xi(``);function Em(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=li(i,n);else if(a==2){let i=n,a=t[++e];r=li(r,i+`: `+a+`;`)}}n?e.styles=r:e.stylesWithoutHost=r,n?e.classes=i:e.classesWithoutHost=i}function Dm(e,t=0){let n=w();return n===null?Xi(e,t):xl(Ro(),n,fi(e),t)}function Om(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}jm(e,t,n,r,a,i,s)}a!==null&&r!==null&&km(n,r,a)}function km(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 ii(-301,!1);r.push(t[e],i)}}function Am(e,t,n){t.componentOffset=n,(e.components??=[]).push(t.index)}function jm(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&&eo(a)&&(c=a,Am(e,n,i)),vl(ml(n,t),e,a.type)}Vm(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=Rf(e,t,s,null);s>0&&(n.directiveToIndex=new Map);for(let c=0;c<s;c++){let s=r[c];if(n.mergedAttrs=tl(n.mergedAttrs,s.hostAttrs),Lm(e,n,t,d,s),Bm(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++}Mm(e,n,a)}function Mm(e,t,n){for(let r=t.directiveStart;r<t.directiveEnd;r++){let i=e.data[r];if(n===null||!n.has(i))Nm(0,t,i,r),Nm(1,t,i,r),Im(t,r,!1);else{let e=n.get(i);Pm(0,t,e,r),Pm(1,t,e,r),Im(t,r,!0)}}}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 i;i=e===0?t.inputs??={}:t.outputs??={},i[n]??=[],i[n].push(r),Fm(t,n)}}function Pm(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),Fm(t,a)}}function Fm(e,t){t===`class`?e.flags|=8:t===`style`&&(e.flags|=16)}function Im(e,t,n){let{attrs:r,inputs:i,hostDirectiveInputs:a}=e;if(r===null||!n&&i===null||n&&a===null||Bu(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 Lm(e,t,n,r,i){e.data[r]=i;let a=new Yc(i.factory||=ta(i.type,!0),eo(i),Dm,null);e.blueprint[r]=a,n[r]=a,Rm(e,t,r,Rf(e,n,i.hostVars,ed),i)}function Rm(e,t,n,r,i){let a=i.hostBindings;if(a){let i=e.hostBindingOpCodes;i===null&&(i=e.hostBindingOpCodes=[]);let o=~t.index;zm(i)!=o&&i.push(o),i.push(n,r,a)}}function zm(e){let t=e.length;for(;t>0;){let n=e[--t];if(typeof n==`number`&&n<0)return n}return 0}function Bm(e,t,n){if(n){if(t.exportAs)for(let r=0;r<t.exportAs.length;r++)n[t.exportAs[r]]=e;eo(t)&&(n[``]=e)}}function Vm(e,t,n){e.flags|=1,e.directiveStart=t,e.directiveEnd=t+n,e.providerIndexes=t}function Hm(e,t,n,r,i,a,o,s){let c=t[1],l=c.consts,u=Yp(c,e,n,r,ho(l,o));return a&&Om(c,t,u,ho(l,s),i),u.mergedAttrs=tl(u.mergedAttrs,u.attrs),u.attrs!==null&&Em(u,u.attrs,!1),u.mergedAttrs!==null&&Em(u,u.mergedAttrs,!0),c.queries!==null&&c.queries.elementStart(c,u),u}function Um(e,t){Vc(e,t),Za(t)&&e.queries.elementEnd(t)}function Wm(e,t,n,r,i,a){let o=t.consts,s=Yp(t,e,n,r,ho(o,i));if(s.mergedAttrs=tl(s.mergedAttrs,s.attrs),a!=null){let e=ho(o,a);s.localNames=[];for(let t=0;t<e.length;t+=2)s.localNames.push(e[t],-1)}return s.attrs!==null&&Em(s,s.attrs,!1),s.mergedAttrs!==null&&Em(s,s.mergedAttrs,!0),t.queries!==null&&t.queries.elementStart(t,s),s}var Gm=typeof ShadowRoot<`u`,Km=typeof Document<`u`;function qm(e){return Object.keys(e).map(t=>{let[n,r,i]=e[t],a={propName:n,templateName:t,isSignal:(r&Vf.SignalBased)!==0};return i&&(a.transform=i),a})}function Jm(e){return Object.keys(e).map(t=>({propName:e[t],templateName:t}))}function Ym(e,t,n){let r=t instanceof Pa?t:t?.injector;return r&&e.getStandaloneInjector!==null&&(r=e.getStandaloneInjector(r)||r),r?new um(n,r):n}function Xm(e){let t=e.get(om,null);if(t===null)throw new ii(407,!1);return{rendererFactory:t,sanitizer:e.get(sm,null),changeDetectionScheduler:e.get(cc,null),ngReflect:!1,tracingService:e.get(Fd,null,{optional:!0})}}function Zm(e,t,n){let r=$m(e);return Tu(t,r,r===`svg`?`svg`:r===`math`?io:n)}function Qm(e){if((e&&`localName`in e&&typeof e.localName==`string`?e.localName:e?.tagName)?.toLowerCase()===`script`)throw new ii(905,!1)}function $m(e){return(e.selectors[0][0]||`div`).toLowerCase()}var eh=class{componentDef;ngModule;selector;componentType;ngContentSelectors;isBoundToModule;cachedInputs=null;cachedOutputs=null;get inputs(){return this.cachedInputs??=qm(this.componentDef.inputs),this.cachedInputs}get outputs(){return this.cachedOutputs??=Jm(this.componentDef.outputs),this.cachedOutputs}constructor(e,t){this.componentDef=e,this.ngModule=t,this.componentType=e.type,this.selector=Qu(e.selectors),this.ngContentSelectors=e.ngContentSelectors??[],this.isBoundToModule=!!t}create(e,t,n,r,i,a,o){zc(Ec.DynamicComponentStart);let s=pn(null);try{let s=this.componentDef,c=Ym(s,r||this.ngModule,e),l=Xm(c),u=l.tracingService;return u&&u.componentCreate?u.componentCreate(cm(s),()=>this.createComponentRef(l,c,t,n,i,a,o)):this.createComponentRef(l,c,t,n,i,a,o)}finally{pn(s)}}createComponentRef(e,t,n,r,i,a,o){let s=this.componentDef,c=th(r,s,a,i),l=e.rendererFactory.createRenderer(null,s),u=r?Kf(l,r,s.encapsulation,t):Zm(s,l,o??null);Qm(u);let d=t.get(Tm,null),f=nh(u,()=>t.get(Es,null)??eu());d&&d.addHost(f);let p=a?.some(ih)||i?.some(e=>typeof e!=`function`&&e.bindings.some(ih)),m=Ff(null,c,null,512|Lf(s),null,null,e,l,t,null,su(u,t,!0));d&&Gm&&f instanceof ShadowRoot&&So(m,()=>{d.removeHost(f)}),m[27]=u,ss(m);let h=null;try{let e=Hm(27,m,2,`#host`,()=>c.directiveRegistry,!0,0);Mu(l,u,e),Jl(u,m),Wf(c,m,e),uu(c,e,m),Um(c,e),n!==void 0&&oh(e,this.ngContentSelectors,n),h=fo(e.index,m),m[8]=h[8],up(c,m,null)}catch(e){throw h!==null&&Kl(h),Kl(m),e}finally{zc(Ec.DynamicComponentEnd),fs()}return new ah(this.componentType,m,!!p)}};function th(e,t,n,r){let i=e?[`ng-version`,`22.1.7`]:$u(t.selectors[0]),a=null,o=null,s=0;if(n)for(let e of n)s+=e[wm].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[wm].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=Ai(typeof e==`function`?e:e.type);c.push(t)}return Mf(0,null,rh(a,o),1,s,c,null,null,null,[i],null)}function nh(e,t){let n=e.getRootNode?.();return Km&&n instanceof Document?n.head:n&&Gm&&n instanceof ShadowRoot?n:t().head}function rh(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 ih(e){let t=e[wm].kind;return t===`input`||t===`twoWay`}var ah=class extends am{_rootLView;_hasInputBindings;instance;hostView;changeDetectorRef;componentType;location;previousInputValues=null;_tNode;constructor(e,t,n){super(),this._rootLView=t,this._hasInputBindings=n,this._tNode=co(t[1],27),this.location=Fl(this._tNode,t),this.instance=fo(this._tNode.index,t)[8],this.hostView=this.changeDetectorRef=new Gp(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;sp(n,r[1],r,e,t),this.previousInputValues.set(e,t),Lp(fo(n.index,r),1)}get injector(){return new kl(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(e){this.hostView.onDestroy(e)}};function oh(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 sh=(()=>{class e{static __NG_ELEMENT_ID__=ch}return e})();function ch(){return fh(Ro(),w())}var lh=class e extends sh{_lContainer;_hostTNode;_hostLView;constructor(e,t,n){super(),this._lContainer=e,this._hostTNode=t,this._hostLView=n}get element(){return Fl(this._hostTNode,this._hostLView)}get injector(){return new kl(this._hostTNode,this._hostLView)}get parentInjector(){let e=_l(this._hostTNode,this._hostLView);if(rl(e)){let t=ol(e,this._hostLView),n=il(e),r=t[1].data[n+8];return new kl(r,t)}return new kl(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(e){let t=uh(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=rm(this._lContainer,e.ssrId),o=e.createEmbeddedViewImpl(t||{},i,a);return this.insertImpl(o,r,pp(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 eh(ki(e)),u=n||this.parentInjector;if(!i&&l.ngModule==null){let e=this.parentInjector.get(Pa,null);e&&(i=e)}let d=ki(l.componentType??{}),f=rm(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,pp(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(mo(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 Bp(o,i,a,r),t.attachToViewContainerRef(),aa(dh(o),a,t),t}move(e,t){return this.insert(e,t)}indexOf(e){let t=uh(this._lContainer);return t===null?-1:t.indexOf(e)}remove(e){let t=this._adjustIndex(e,-1),n=Hp(this._lContainer,t);n&&(oa(dh(this._lContainer),t),ff(n[1],n))}detach(e){let t=this._adjustIndex(e,-1),n=Hp(this._lContainer,t);return n&&oa(dh(this._lContainer),t)!=null?new Gp(n):null}_adjustIndex(e,t=0){return e??this.length+t}};function uh(e){return e[8]}function dh(e){return e[8]||=[]}function fh(e,t){let n,r=t[e.index];return Xa(r)?n=r:(n=Rp(r,t,null,e),t[e.index]=n,zf(t,n)),mh(n,t,e,r),new lh(n,e,t)}function ph(e,t){let n=e[11],r=n.createComment(``),i=so(t,e);return Eu(n,n.parentNode(i),r,n.nextSibling(i),!1),r}var mh=_h,hh=()=>!1;function gh(e,t,n){return hh(e,t,n)}function _h(e,t,n,r){if(e[7])return;let i;i=n.type&8?ao(r):ph(t,n),e[7]=i}var vh=class e{queryList;matches=null;constructor(e){this.queryList=e}clone(){return new e(this.queryList)}setDirty(){this.queryList.setDirty()}},yh=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++)Ph(e,t).matches!==null&&this.queries[t].setDirty()}},bh=class{flags;read;predicate;constructor(e,t,n=null){this.flags=t,this.read=n,this.predicate=typeof e==`string`?Mh(e):e}},xh=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)}},Sh=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,Ch(t,i)),this.matchTNodeWithReadOption(e,t,wl(t,e,i,!1,!1))}else n===Kp?t.type&4&&this.matchTNodeWithReadOption(e,t,-1):this.matchTNodeWithReadOption(e,t,wl(t,e,n,!1,!1))}matchTNodeWithReadOption(e,t,n){if(n!==null){let r=this.metadata.read;if(r!==null){if(r===Il||r===sh||r===Kp&&t.type&4)this.addMatch(t.index,-2);else{let n=wl(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 Ch(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 wh(e,t){return e.type&11?Fl(e,t):e.type&4?Jp(e,t):null}function Th(e,t,n,r){return n===-1?wh(t,e):n===-2?Eh(e,t,r):Tl(e,e[1],n,t)}function Eh(e,t,n){if(n===Il)return Fl(t,e);if(n===Kp)return Jp(t,e);if(n===sh)return fh(t,e)}function Dh(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(Th(t,s,a[e+1],n.metadata.read))}}i.matches=o}return i.matches}function Oh(e,t,n,r){let i=e.queries.getByIndex(n),a=i.matches;if(a!==null){let o=Dh(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]&&Oh(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];Oh(n[1],n,i,r)}}}}}return r}function kh(e,t){return e[18].queries[t].queryList}function Ah(e,t,n){let r=new zl((n&4)==4);return Do(e,t,r,r.destroy),(t[18]??=new yh).queries.push(new vh(r))-1}function jh(e,t,n){let r=Lo();return r.firstCreatePass&&(Nh(r,new bh(e,t,n),-1),(t&2)==2&&(r.staticViewQueries=!0)),Ah(r,w(),t)}function Mh(e){return e.split(`,`).map(e=>e.trim())}function Nh(e,t,n){e.queries===null&&(e.queries=new xh),e.queries.track(new Sh(t,n))}function Ph(e,t){return e.queries.getByIndex(t)}function Fh(e,t){let n=e[1],r=Ph(n,t);return r.crossesNgTemplate?Oh(n,e,t,[]):Dh(n,e,r,t)}function Ih(e,t,n){let r,i=Pn(()=>{r._dirtyCounter();let n=Bh(r,e);if(t&&n===void 0)throw new ii(-951,!1);return n});return r=i[fn],r._dirtyCounter=O(0),r._flatValue=void 0,i}function Lh(e){return Ih(!0,!1,e)}function Rh(e){return Ih(!0,!0,e)}function zh(e,t){let n=e[fn];n._lView=w(),n._queryIndex=t,n._queryList=kh(n._lView,t),n._queryList.onDirty(()=>n._dirtyCounter.update(e=>e+1))}function Bh(e,t){let n=e._lView,r=e._queryIndex;if(n===void 0||r===void 0||n[2]&4)return t?void 0:ma;let i=kh(n,r),a=Fh(n,r);return i.reset(a,Ll),t?i.first:i._changesDetected||e._flatValue===void 0?e._flatValue=i.toArray():e._flatValue}function Vh(e){return!!e&&typeof e.then==`function`}function Hh(e){return!!e&&typeof e.subscribe==`function`}var Uh=class{},Wh=class extends Uh{injector;instance=null;constructor(e){super();let t=new Fa([...e.providers,{provide:Uh,useValue:this}],e.parent||Na(),e.debugName,new Set([`environment`]));this.injector=t,e.runEnvironmentInitializers&&t.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(e){this.injector.onDestroy(e)}};function Gh(e,t,n=null){return new Wh({providers:e,parent:t,debugName:n,runEnvironmentInitializers:!0}).injector}var Kh=(()=>{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=ba(!1,e.type),n=t.length>0?Gh([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=mi({token:e,providedIn:`environment`,factory:()=>new e(Xi(Pa))})}return e})();function A(e){return Tc(()=>{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!==Vl.Eager,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&e.dependencies||null,getStandaloneInjector:t.standalone?e=>e.get(Kh).getOrCreateStandaloneInjector(n):null,getExternalStyles:null,signals:e.signals??!1,data:e.data||{},encapsulation:e.encapsulation||du.Emulated,styles:e.styles||ma,_:null,schemas:e.schemas||null,tView:null,id:``};t.standalone&&Ld(`NgStandalone`),$h(n);let r=e.dependencies;return n.directiveDefs=eg(r,qh),n.pipeDefs=eg(r,ji),n.id=tg(n),n})}function qh(e){return ki(e)||Ai(e)}function Jh(e,t){if(e==null)return pa;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=Vf.None,c=null),n[a]=[r,s,c],t[a]=o}return n}function Yh(e){if(e==null)return pa;let t={};for(let n in e)Object.hasOwn(e,n)&&(t[e[n]]=n);return t}function Xh(e){return Tc(()=>{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||pa,exportAs:e.exportAs||null,standalone:e.standalone??!0,signals:e.signals===!0,selectors:e.selectors||ma,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 xi(``),rg=(()=>{class e{resolve;reject;initialized=!1;done=!1;donePromise=new Promise((e,t)=>{this.resolve=e,this.reject=t});appInits=C(ng,{optional:!0})??[];injector=C(Ts);constructor(){}runInitializers(){if(this.initialized)return;let e=[];for(let t of this.appInits){let n=Ka(this.injector,t);if(Vh(n))e.push(n);else if(Hh(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=Nl({token:e,factory:e.ɵfac})}return e})();function ig(e,t,n,r,i,a,o,s){if(n.firstCreatePass){e.mergedAttrs=tl(e.mergedAttrs,e.attrs);let t=e.tView=Mf(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),Vo(e,!1);let c=cg(n,t,e,r);xs()&&xf(n,t,c,e),Jl(c,t);let l=Rp(c,t,c,e);t[r+27]=l,zf(t,l),gh(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=Yp(t,d,4,o||null,s||null),No()&&Om(t,e,f,ho(t.consts,l),ep),Vc(t,f)):f=t.data[d],ig(f,e,t,n,r,i,a,c),$a(f)&&Wf(t,e,f),l!=null&&Gf(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=Yp(t,d,4,o||null,s||null),l!=null){let e=ho(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&&Gf(e,f,u),f}function sg(e,t,n,r,i,a,o,s){let c=w(),l=Lo();return ag(c,l,e,t,n,r,i,ho(l.consts,a),void 0,o,s),sg}var cg=lg;function lg(e,t,n,r){return Ss(!0),t[11].createComment(``)}var ug=new xi(``),dg=new xi(``);function fg(){Hn(()=>{throw new ii(600,``)})}var pg=10,mg=(()=>{class e{_runningTick=!1;_destroyed=!1;_destroyListeners=[];_views=[];internalErrorHandler=C(Qs);afterRenderManager=C(Rd);zonelessEnabled=C(lc);rootEffectScheduler=C(dc);dirtyFlags=0;tracingSnapshot=null;allTestViews=new Set;autoDetectTestViews=new Set;includeAllTestViews=!1;afterTick=new $r;get allViews(){return[...(this.includeAllTestViews?this.allTestViews:this.autoDetectTestViews).keys(),...this._views]}get destroyed(){return this._destroyed}componentTypes=[];components=[];internalPendingTask=C(js);get isStable(){return this.internalPendingTask.hasPendingTasksObservable.pipe(ni(e=>!e))}constructor(){C(Fd,{optional:!0})}whenStable(){let e;return new Promise(t=>{e=this.isStable.subscribe({next:e=>{e&&t()}})}).finally(()=>{e.unsubscribe()})}_injector=C(Pa);_rendererFactory=null;get injector(){return this._injector}bootstrap(e,t){return this.bootstrapImpl(e,t)}bootstrapImpl(e,t,n=Ts.NULL){return this._injector.get(zs).run(()=>{if(zc(Ec.BootstrapComponentStart),!this._injector.get(rg).done)throw new ii(405,``);let r=ki(e),i=this._injector.get(Uh),a=new eh(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),zc(Ec.BootstrapComponentEnd,u),u})}tick(){this.zonelessEnabled||(this.dirtyFlags|=1),this._tick()}_tick(){zc(Ec.ChangeDetectionStart),this.tracingSnapshot===null?this.tickImpl():this.tracingSnapshot.run(Pd.CHANGE_DETECTION,this.tickImpl)}tickImpl=()=>{if(this._runningTick)throw zc(Ec.ChangeDetectionEnd),new ii(101,!1);let e=pn(null);try{this._runningTick=!0,this.synchronize()}finally{this._runningTick=!1,this.tracingSnapshot?.dispose(),this.tracingSnapshot=null,pn(e),this.afterTick.next(),zc(Ec.ChangeDetectionEnd)}};synchronize(){this._rendererFactory===null&&!this._injector.destroyed&&(this._rendererFactory=this._injector.get(om,null,{optional:!0}));let e=0;for(;this.dirtyFlags!==0&&e++<pg;){zc(Ec.ChangeDetectionSyncStart);try{this.synchronizeOnce()}finally{zc(Ec.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||yo(n))&&(Dp(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})=>yo(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 ii(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=Nl({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=w();return pm(i,Xo(),t)&&(Lo(),tp(gs(),i,e,t,n,r)),j}function _g(e){if(Ld(`NgAnimateEnter`),!vd)return _g;let t=w();if(yd(t))return _g;let n=Ro(),r=t[9].get(zs);return Nd(kd(t),n,()=>vg(t,n,e,r)),Xd(t[9]),Zd(t[9],kd(t)),_g}function vg(e,t,n,r){let i=so(t,e),a=e[11],o=Ad(n),s=[],c=!1,l=e=>{if(jd(e)!==i)return;let t=e instanceof AnimationEvent?`animationend`:`transitionend`;r.runOutsideAngular(()=>{a.listen(i,t,u)})},u=e=>{jd(e)===i&&(Md(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))}),bd(i,o,s);for(let e of o)a.addClass(i,e);r.runOutsideAngular(()=>{requestAnimationFrame(()=>{if(!c&&(pd(i,Cd,vd),!Cd.has(i))){for(let e of o)a.removeClass(i,e);xd(i)}})})}}function yg(e,t,n){let r=Sd.get(t);if(jd(e)===t&&r&&Md(e,t)){e.stopPropagation();for(let e of r.classList)n.removeClass(t,e);xd(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)){pn(r);let c=t.length-1;for(pn(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){pn(r);let c=t[Symbol.iterator]();pn(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){Ld(`NgControlFlow`);let c=w(),l=Lo();return og(c,l,e,t,n,r,i,ho(l.consts,a),256,o,s),Dg}function Dg(e,t,n,r,i,a,o,s){Ld(`NgControlFlow`);let c=w(),l=Lo();return og(c,l,e,t,n,r,i,ho(l.consts,a),512,o,s),Dg}function N(e,t){Ld(`NgControlFlow`);let n=w(),r=Xo(),i=n[r]===ed?-1:n[r],a=i===-1?void 0:Ng(n,27+i);if(pm(n,r,e)){let r=pn(null);try{if(a!==void 0&&Vp(a,0),e!==-1){let r=27+e,i=Ng(n,r),a=Rg(n[1],r),o=im(i,a,n);Bp(i,fp(n,a,t,{dehydratedView:o}),0,pp(a,o))}}finally{pn(r)}}else if(a!==void 0){let e=zp(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){Ld(`NgControlFlow`);let p=w(),m=Lo(),h=c!==void 0,g=w(),_=new jg(h,s?o.bind(g[15][8]):o);g[27+e]=_,og(p,m,e+1,t,n,r,i,ho(m.consts,a),256),h&&og(p,m,e+2,c,l,u,d,ho(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,Bp(this.lContainer,t,e,pp(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=rm(this.lContainer,this.templateTNode.tView.ssrId);return fp(this.hostLView,this.templateTNode,new Og(this.lContainer,t,e),{dehydratedView:n})}destroy(e){ff(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=pn(null),n=ms();try{let r=w(),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=Xo(),t=c.length===0;if(pm(r,e,t)){let e=n+2,a=Ng(r,e);if(t){let t=Rg(i,e),n=im(a,t,r);Bp(a,fp(r,t,void 0,{dehydratedView:n}),0,pp(t,n))}else i.firstUpdatePass&&$p(a),Vp(a,0)}}}finally{pn(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];Jd(e,r),hd.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 Hp(e,t)}function Lg(e,t){return zp(e,t)}function Rg(e,t){return co(e,t)}function I(e,t,n){let r=w();return pm(r,Xo(),t)&&(Lo(),Jf(gs(),r,e,t,r[11],n)),I}function zg(e,t,n,r,i){sp(t,e,n,i?`class`:`style`,r)}function L(e,t,n,r){let i=w(),a=i[1],o=e+27,s=a.firstCreatePass?Hm(o,i,2,t,ep,No(),n,r):a.data[o];if(Qa(s)){let n=i[10].tracingService;if(n&&n.componentCreate){let o=a.data[s.directiveStart+s.componentOffset];return n.componentCreate(cm(o),()=>(Bg(e,t,i,s,r),L))}}return Bg(e,t,i,s,r),L}function Bg(e,t,n,r,i){if(ip(r,n,e,t,Hg),$a(r)){let e=n[1];Wf(e,n,r),uu(e,r,n)}i!=null&&Gf(n,r)}function R(){let e=Lo(),t=ap(Ro());return e.firstCreatePass&&Um(e,t),Fo(t)&&Io(),Mo(),t.classesWithoutHost!=null&&Xc(t)&&zg(e,t,w(),t.classesWithoutHost,!0),t.stylesWithoutHost!=null&&Zc(t)&&zg(e,t,w(),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=w(),a=i[1],o=e+27,s=a.firstCreatePass?Wm(o,a,2,t,n,r):a.data[o];return ip(s,i,e,t,Hg),r!=null&&Gf(i,s),B}function V(){return Fo(ap(Ro()))&&Io(),Mo(),V}function Vg(e,t,n,r){return B(e,t,n,r),V(),Vg}var Hg=(e,t,n,r,i)=>(Ss(!0),Tu(t[11],r,ys()));function Ug(e,t,n){let r=w(),i=r[1],a=e+27,o=i.firstCreatePass?Hm(a,r,8,`ng-container`,ep,No(),t,n):i.data[a];if(ip(o,r,e,`ng-container`,Kg),$a(o)){let e=r[1];Wf(e,r,o),uu(e,o,r)}return n!=null&&Gf(r,o),Ug}function Wg(){let e=Lo(),t=ap(Ro());return e.firstCreatePass&&Um(e,t),Wg}function Gg(e,t,n){return Ug(e,t,n),Wg(),Gg}var Kg=(e,t,n,r,i)=>(Ss(!0),wu(t[11],``));function H(){return w()}function qg(e,t,n){let r=w();return pm(r,Xo(),t)&&(Lo(),Yf(gs(),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 ii(701,!1)}function $g(e){if(!(e in Zg)){let t=Gi.ng&&Gi.ng.common&&Gi.ng.common.locales&&Gi.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=w(),i=Lo(),a=Ro();return i_(i,r,r[11],a,e,t,n),U}function W(e,t,n){let r=w(),i=Lo(),a=Ro();return(a.type&3||n)&&ym(a,i,r,n,r[11],e,t,_m(a,r,t)),W}function i_(e,t,n,r,i,a,o){let s=!0,c=null;if((r.type&3||o)&&(c??=_m(r,t,a),ym(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??=_m(r,t,a),Cm(r,t,o,s,i,c)}if(e&&e.length)for(let n of e)c??=_m(r,t,a),Cm(r,t,n,i,i,c)}}function G(e=1){return ps(e)}function a_(e,t){let n=null,r=Ku(e);for(let i=0;i<t.length;i++){let a=t[i];if(a===`*`){n=i;continue}if(r===null?Gu(e,a,!0):Yu(r,a))return i}return n}function o_(e){let t=w()[15][5];if(!t.projection){let n=t.projection=sa(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=w(),s=Lo(),c=r?e+1:null;c!==null&&og(o,s,c,r,i,a,null,n);let l=Yp(s,27+e,16,null,n||null);l.projection===null&&(l.projection=t),Uo();let u=!o[6]||Po();o[15][5].projection[l.projection]===null&&c!==null?c_(o,s,c):u&&!au(l)&&Of(s,o,l)}function c_(e,t,n){let r=27+n,i=t.data[r],a=e[r],o=rm(a,i.tView.ssrId);Bp(a,fp(e,i,void 0,{dehydratedView:o}),0,pp(i,o))}function l_(e,t,n,r){return zh(e,jh(t,n,r)),l_}function u_(e=1){is(rs()+e)}function d_(e){return lo(Wo(),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||da(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`&&da(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`?da(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))la(e,E_(t),!0)}function P_(e,t,n,r){let i=w(),a=Lo(),o=Zo(2);if(a.firstUpdatePass&&L_(a,e,o,r),t!==ed&&pm(i,o,t)){let s=a.data[ms()];q_(a,s,i,i[11],e,i[o+1]=X_(t,n),r,o)}}function F_(e,t,n,r){let i=Lo(),a=Zo(2);i.firstUpdatePass&&L_(i,null,a,r);let o=w();if(n!==ed&&pm(o,a,n)){let s=i.data[ms()];if(Z_(s,r)&&!I_(i,a)){let e=r?s.classesWithoutHost:s.stylesWithoutHost;e!==null&&(n=li(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[ms()],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=ns(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]),la(e,o,n?!0:t[++a]))}return e===void 0?null:e}function W_(e,t,n){if(n==null||n===``)return ma;let r=[],i=pu(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(` `)&&la(e,r,n)}function K_(e,t,n,r,i,a,o,s){i===ed&&(i=ma);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)),jf(r,o,oo(ms(),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===ed&&(u=l?ma:void 0);let d=l?ua(u,r):c===r?u:void 0;if(a&&!Y_(d)&&(d=ua(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=ua(e,r))}return s}function Y_(e){return e!==void 0}function X_(e,t){return e==null||e===``||(typeof t==`string`?e=pu(e)+t:typeof e==`object`&&(e=ci(pu(e)))),e}function Z_(e,t){return!!(e.flags&(t?8:16))}function J(e,t=``){let n=w(),r=Lo(),i=e+27,a=r.firstCreatePass?Yp(r,i,1,t,null):r.data[i],o=Q_(r,n,a,t);n[i]=o,xs()&&xf(r,n,o,a),Vo(a,!1)}var Q_=(e,t,n,r)=>(Ss(!0),Su(t[11],r));function $_(e,t,n,r=``){return pm(e,Xo(),n)?t+Ni(n)+r:ed}function ev(e,t,n,r,i,a=``){let o=mm(e,Jo(),n,i);return Zo(2),o?t+Ni(n)+r+Ni(i)+a:ed}function tv(e,t,n,r,i,a,o,s=``){let c=hm(e,Jo(),n,i,o);return Zo(3),c?t+Ni(n)+r+Ni(i)+a+Ni(o)+s:ed}function nv(e,t,n,r,i,a,o,s,c,l=``){let u=gm(e,Jo(),n,i,o,c);return Zo(4),u?t+Ni(n)+r+Ni(i)+a+Ni(o)+s+Ni(c)+l:ed}function Y(e){return X(``,e),Y}function X(e,t,n){let r=w(),i=$_(r,e,t,n);return i!==ed&&av(r,ms(),i),X}function Z(e,t,n,r,i){let a=w(),o=ev(a,e,t,n,r,i);return o!==ed&&av(a,ms(),o),Z}function rv(e,t,n,r,i,a,o){let s=w(),c=tv(s,e,t,n,r,i,a,o);return c!==ed&&av(s,ms(),c),rv}function iv(e,t,n,r,i,a,o,s,c){let l=w(),u=nv(l,e,t,n,r,i,a,o,s,c);return u!==ed&&av(l,ms(),u),iv}function av(e,t,n){let r=oo(t,e);Cu(e[11],r,n)}function ov(e,t,n){Sc(t)&&(t=t());let r=w();return pm(r,Xo(),t)&&(Lo(),Jf(gs(),r,e,t,r[11],n)),ov}function sv(e,t){let n=Sc(e);return n&&e.set(t),n}function cv(e,t){let n=w(),r=Lo(),i=Ro();return i_(r,n,n[11],i,e,t),cv}var lv={};function uv(e){Ld(`NgLet`);let t=Lo(),n=w(),r=e+27;return Vo(Yp(t,r,128,null,null),!1),uo(t,n,r,lv),uv}function dv(e){return uo(Lo(),w(),ms(),e),e}function fv(e){let t=lo(Wo(),27+e);if(t===lv)throw new ii(314,!1);return t}function pv(e,t,n=``){return $_(w(),e,t,n)}function mv(e,t){let n=qo()+e,r=w();return r[n]===ed?dm(r,n,t()):fm(r,n)}function hv(e,t,n){return vv(w(),qo(),e,t,n)}function gv(e,t,n,r,i){return bv(w(),qo(),e,t,n,r,i)}function _v(e,t){let n=e[t];return n===ed?void 0:n}function vv(e,t,n,r,i,a){let o=t+n;return pm(e,o,i)?dm(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 mm(e,s,i,a)?dm(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 hm(e,c,i,a,o)?dm(e,c+3,s?r.call(s,i,a,o):r(i,a,o)):_v(e,c+3)}function xv(e,t){let n=Lo(),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=ta(r.type,!0)),o=Ui(Dm);try{let e=cl(!1),t=a();return cl(e),uo(n,w(),i,t),t}finally{Ui(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=w(),a=lo(i,r);return Tv(i,r)?vv(i,qo(),t,a.transform,n,a):a.transform(n)}function wv(e,t,n,r){let i=e+27,a=w(),o=lo(a,i);return Tv(a,i)?yv(a,qo(),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 Jp(e,t)}var Dv=(()=>{class e{applicationErrorHandler=C(Qs);appRef=C(mg);taskService=C(js);ngZone=C(zs);zonelessEnabled=C(lc);tracing=C(Fd,{optional:!0});zoneIsDefined=typeof Zone<`u`&&!!Zone.root.run;schedulerTickApplyArgs=[{data:{__scheduler_tick__:!0}}];subscriptions=new _r;angularZoneId=this.zoneIsDefined?this.ngZone._inner?.get(Ls):null;scheduleInRootZone=!this.zonelessEnabled&&this.zoneIsDefined&&(C(uc,{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?Fs:Ps;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=Nl({token:e,factory:e.ɵfac})}return e})();function Ov(){return[{provide:cc,useExisting:Dv},{provide:zs,useClass:qs},{provide:lc,useValue:!0}]}function kv(){return typeof $localize<`u`&&$localize.locale||`en-US`}var Av=new xi(``,{factory:()=>C(Av,{optional:!0,skipSelf:!0})||kv()}),jv=class{destroyed=!1;listeners=null;errorHandler=C(Zs,{optional:!0});isEmitting=!1;hasNullListeners=!1;destroyRef=C(Ds);constructor(){this.destroyRef.onDestroy(()=>{this.destroyed=!0,this.listeners=null})}subscribe(e){if(this.destroyed)throw new ii(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(oi(953,!1));return}if(this.listeners===null)return;this.isEmitting=!0;let t=pn(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)),pn(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 Pn(e,t?.equal)}function Nv(e){return sr(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(rr(e,Pv,t?.equal),t?.debugName,t?.set):Iv(rr(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=>ir(r,e);i.set=e=>n(e,t),i.update=r=>n(r(Nv(e)),t)}else i.set=e=>ir(r,e),i.update=e=>ar(r,e);return i.asReadonly=ec.bind(e),i}function Lv(e,t){let n=Object.create(wc);n.value=e,n.transformFn=t?.transform;function r(){if(gn(n),n.value===Cc)throw new ii(-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(Cc,e)}var $=(zv.required=Bv,zv);function Vv(e,t){let n=Object.create(wc),r=new jv;n.value=e;function i(){return gn(n),Hv(n.value),n.value}return i[fn]=n,i.asReadonly=ec.bind(i),i.set=e=>{n.equal(n.value,e)||(Kn(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===Cc)throw new ii(952,!1)}function Uv(e,t){return Vv(e,t)}function Wv(e){return Vv(Cc,e)}var Gv=(Uv.required=Wv,Uv);function Kv(e,t){return Lh(t)}function qv(e,t){return Rh(t)}var Jv=(Kv.required=qv,Kv),Yv=new xi(``),Xv=new xi(``);function Zv(e){return!e.moduleRef}function Qv(e){let t=Zv(e)?e.r3Injector:e.moduleRef.injector,n=t.get(zs);return n.run(()=>{Zv(e)?e.r3Injector.resolveInjectorInitializers():e.moduleRef.resolveInjectorInitializers();let r=t.get(Qs),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(js),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 Vh(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 Ts.create({name:t,providers:[{provide:ka,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(rc,null);Ka(e,()=>{t?.forEach(e=>e())})}function ay(e){let{rootComponent:t,appProviders:n,platformProviders:r,platformRef:i}=e;zc(Ec.BootstrapApplicationStart);try{let e=i?.injector??ry(r);return Qv({r3Injector:new Wh({providers:[Ov(),$s,...n||[]],parent:e,debugName:``,runEnvironmentInitializers:!1}).injector,platformInjector:e,rootComponent:t})}catch(e){return Promise.reject(e)}finally{zc(Ec.BootstrapApplicationEnd)}}function oy(e){return typeof e==`boolean`?e:e!=null&&e!==`false`}var sy=Symbol(`NOT_SET`),cy=new Set,ly={...Jn,kind:`afterRenderEffectPhase`,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,value:sy,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!==sy&&!Dn(this)))return this.signal;try{for(let e of this.cleanup??cy)e()}finally{this.cleanup?.clear()}let t=[];e!==void 0&&t.push(e),t.push(this.registerCleanupFn);let n=Cn(this),r;try{r=this.userFn.apply(null,t)}finally{Tn(this,n)}return(this.value===sy||!this.equal(this.value,r))&&(this.value=r,this.version++),this.signal}},uy=class extends Vd{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(Ds),a),this.scheduler=r;for(let e of zd){let n=t[e];if(n===void 0)continue;let r=Object.create(ly);r.sequence=this,r.phase=e,r.userFn=n,r.dirty=!0,r.signal=()=>(gn(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??cy)t()}finally{On(e)}}};function dy(e,t){let n=t?.injector??C(Ts),r=n.get(cc),i=n.get(Rd),a=n.get(Fd,null,{optional:!0});i.impl??=n.get(Bd);let o=e;typeof o==`function`&&(o={mixedReadWrite:e});let s=n.get(oc,null,{optional:!0}),c=new uy(i.impl,[o.earlyRead,o.write,o.mixedReadWrite,o.read],s?.view,r,n,a?.snapshot(null));return i.impl.register(c),c}var fy=null;function py(){return fy}function my(e){fy??=e}var hy=class{},gy=(function(e){return e[e.Format=0]=`Format`,e[e.Standalone=1]=`Standalone`,e})(gy||{}),_y=(function(e){return e[e.Narrow=0]=`Narrow`,e[e.Abbreviated=1]=`Abbreviated`,e[e.Wide=2]=`Wide`,e[e.Short=3]=`Short`,e})(_y||{}),vy=(function(e){return e[e.Short=0]=`Short`,e[e.Medium=1]=`Medium`,e[e.Long=2]=`Long`,e[e.Full=3]=`Full`,e})(vy||{}),yy={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 by(e){return Qg(e)[e_.LocaleId]}function xy(e,t,n){let r=Qg(e);return My(My([r[e_.DayPeriodsFormat],r[e_.DayPeriodsStandalone]],t),n)}function Sy(e,t,n){let r=Qg(e);return My(My([r[e_.DaysFormat],r[e_.DaysStandalone]],t),n)}function Cy(e,t,n){let r=Qg(e);return My(My([r[e_.MonthsFormat],r[e_.MonthsStandalone]],t),n)}function wy(e,t){let n=Qg(e)[e_.Eras];return My(n,t)}function Ty(e,t){return My(Qg(e)[e_.DateFormat],t)}function Ey(e,t){return My(Qg(e)[e_.TimeFormat],t)}function Dy(e,t){let n=Qg(e)[e_.DateTimeFormat];return My(n,t)}function Oy(e,t){let n=Qg(e),r=n[e_.NumberSymbols][t];if(r===void 0){if(t===yy.CurrencyDecimal)return n[e_.NumberSymbols][yy.Decimal];if(t===yy.CurrencyGroup)return n[e_.NumberSymbols][yy.Group]}return r}function ky(e){if(!e[e_.ExtraData])throw new ii(2303,!1)}function Ay(e){let t=Qg(e);return ky(t),(t[e_.ExtraData][2]||[]).map(e=>typeof e==`string`?Ny(e):[Ny(e[0]),Ny(e[1])])}function jy(e,t,n){let r=Qg(e);return ky(r),My(My([r[e_.ExtraData][0],r[e_.ExtraData][1]],t)||[],n)||[]}function My(e,t){for(let n=t;n>-1;n--)if(e[n]!==void 0)return e[n];throw new ii(2304,!1)}function Ny(e){let[t,n]=e.split(`:`);return{hours:+t,minutes:+n}}var Py=/^(\d{4,})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,Fy=Object.create(null),Iy=/((?:[^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]*)/,Ly=256;function Ry(e,t,n,r){let i=sb(e);zy(t),t=Vy(n,t)||t;let a=[],o;for(;t;)if(o=Iy.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=ib(r,s),i=ob(i,r));let c=``;return a.forEach(e=>{let t=rb(e);c+=t?t(i,n,s):e===`''`?`'`:e.replace(/(^'|'$)/g,``).replace(/''/g,`'`)}),c}function zy(e){if(e.length>Ly)throw new ii(2300,!1)}function By(e,t,n){let r=new Date(0);return r.setFullYear(e,t,n),r.setHours(0,0,0),r}function Vy(e,t){let n=by(e);if(Fy[n]??=Object.create(null),Fy[n][t])return Fy[n][t];let r=``;switch(t){case`shortDate`:r=Ty(e,vy.Short);break;case`mediumDate`:r=Ty(e,vy.Medium);break;case`longDate`:r=Ty(e,vy.Long);break;case`fullDate`:r=Ty(e,vy.Full);break;case`shortTime`:r=Ey(e,vy.Short);break;case`mediumTime`:r=Ey(e,vy.Medium);break;case`longTime`:r=Ey(e,vy.Long);break;case`fullTime`:r=Ey(e,vy.Full);break;case`short`:let t=Vy(e,`shortTime`),n=Vy(e,`shortDate`);r=Hy(Dy(e,vy.Short),[t,n]);break;case`medium`:let i=Vy(e,`mediumTime`),a=Vy(e,`mediumDate`);r=Hy(Dy(e,vy.Medium),[i,a]);break;case`long`:let o=Vy(e,`longTime`),s=Vy(e,`longDate`);r=Hy(Dy(e,vy.Long),[o,s]);break;case`full`:let c=Vy(e,`fullTime`),l=Vy(e,`fullDate`);r=Hy(Dy(e,vy.Full),[c,l])}return r&&(Fy[n][t]=r),r}function Hy(e,t){return t&&(e=e.replace(/\{([^}]+)}/g,function(e,n){return Object.hasOwn(t,n)?t[n]:e})),e}function Uy(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 Wy(e,t){return Uy(e,3).substring(0,t)}function Gy(e,t,n=0,r=!1,i=!1){return function(a,o){let s=Ky(e,a);if((n>0||s>-n)&&(s+=n),e===3)s===0&&n===-12&&(s=12);else if(e===6)return Wy(s,t);let c=Oy(o,yy.MinusSign);return Uy(s,t,c,r,i)}}function Ky(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 ii(2301,!1)}}function qy(e,t,n=gy.Format,r=!1){return function(i,a){return Jy(i,a,e,t,n,r)}}function Jy(e,t,n,r,i,a){switch(n){case 2:return Cy(t,i,r)[e.getMonth()];case 1:return Sy(t,i,r)[e.getDay()];case 0:let n=e.getHours(),o=e.getMinutes();if(a){let e=Ay(t),a=jy(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 xy(t,i,r)[n<12?0:1];case 3:return wy(t,r)[e.getFullYear()<=0?0:1];default:throw new ii(2302,!1)}}function Yy(e){return function(t,n,r){let i=-1*r,a=Oy(n,yy.MinusSign),o=i>0?Math.floor(i/60):Math.ceil(i/60);switch(e){case 0:return(i>=0?`+`:``)+Uy(o,2,a)+Uy(Math.abs(i%60),2,a);case 1:return`GMT`+(i>=0?`+`:``)+Uy(o,1,a);case 2:return`GMT`+(i>=0?`+`:``)+Uy(o,2,a)+`:`+Uy(Math.abs(i%60),2,a);case 3:return r===0?`Z`:(i>=0?`+`:``)+Uy(o,2,a)+`:`+Uy(Math.abs(i%60),2,a);default:throw new ii(2310,!1)}}}var Xy=0,Zy=4;function Qy(e){let t=By(e,Xy,1).getDay();return By(e,0,1+(t<=Zy?Zy:11)-t)}function $y(e){let t=e.getDay(),n=t===0?-3:Zy-t;return By(e.getFullYear(),e.getMonth(),e.getDate()+n)}function eb(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=$y(n),t=Qy(e.getFullYear()),r=e.getTime()-t.getTime();i=1+Math.round(r/6048e5)}return Uy(i,e,Oy(r,yy.MinusSign))}}function tb(e,t=!1){return function(n,r){return Uy($y(n).getFullYear(),e,Oy(r,yy.MinusSign),t)}}var nb=Object.create(null);function rb(e){if(nb[e])return nb[e];let t;switch(e){case`G`:case`GG`:case`GGG`:t=qy(3,_y.Abbreviated);break;case`GGGG`:t=qy(3,_y.Wide);break;case`GGGGG`:t=qy(3,_y.Narrow);break;case`y`:t=Gy(0,1,0,!1,!0);break;case`yy`:t=Gy(0,2,0,!0,!0);break;case`yyy`:t=Gy(0,3,0,!1,!0);break;case`yyyy`:t=Gy(0,4,0,!1,!0);break;case`Y`:t=tb(1);break;case`YY`:t=tb(2,!0);break;case`YYY`:t=tb(3);break;case`YYYY`:t=tb(4);break;case`M`:case`L`:t=Gy(1,1,1);break;case`MM`:case`LL`:t=Gy(1,2,1);break;case`MMM`:t=qy(2,_y.Abbreviated);break;case`MMMM`:t=qy(2,_y.Wide);break;case`MMMMM`:t=qy(2,_y.Narrow);break;case`LLL`:t=qy(2,_y.Abbreviated,gy.Standalone);break;case`LLLL`:t=qy(2,_y.Wide,gy.Standalone);break;case`LLLLL`:t=qy(2,_y.Narrow,gy.Standalone);break;case`w`:t=eb(1);break;case`ww`:t=eb(2);break;case`W`:t=eb(1,!0);break;case`d`:t=Gy(2,1);break;case`dd`:t=Gy(2,2);break;case`c`:case`cc`:t=Gy(7,1);break;case`ccc`:t=qy(1,_y.Abbreviated,gy.Standalone);break;case`cccc`:t=qy(1,_y.Wide,gy.Standalone);break;case`ccccc`:t=qy(1,_y.Narrow,gy.Standalone);break;case`cccccc`:t=qy(1,_y.Short,gy.Standalone);break;case`E`:case`EE`:case`EEE`:t=qy(1,_y.Abbreviated);break;case`EEEE`:t=qy(1,_y.Wide);break;case`EEEEE`:t=qy(1,_y.Narrow);break;case`EEEEEE`:t=qy(1,_y.Short);break;case`a`:case`aa`:case`aaa`:t=qy(0,_y.Abbreviated);break;case`aaaa`:t=qy(0,_y.Wide);break;case`aaaaa`:t=qy(0,_y.Narrow);break;case`b`:case`bb`:case`bbb`:t=qy(0,_y.Abbreviated,gy.Standalone,!0);break;case`bbbb`:t=qy(0,_y.Wide,gy.Standalone,!0);break;case`bbbbb`:t=qy(0,_y.Narrow,gy.Standalone,!0);break;case`B`:case`BB`:case`BBB`:t=qy(0,_y.Abbreviated,gy.Format,!0);break;case`BBBB`:t=qy(0,_y.Wide,gy.Format,!0);break;case`BBBBB`:t=qy(0,_y.Narrow,gy.Format,!0);break;case`h`:t=Gy(3,1,-12);break;case`hh`:t=Gy(3,2,-12);break;case`H`:t=Gy(3,1);break;case`HH`:t=Gy(3,2);break;case`m`:t=Gy(4,1);break;case`mm`:t=Gy(4,2);break;case`s`:t=Gy(5,1);break;case`ss`:t=Gy(5,2);break;case`S`:t=Gy(6,1);break;case`SS`:t=Gy(6,2);break;case`SSS`:t=Gy(6,3);break;case`Z`:case`ZZ`:case`ZZZ`:t=Yy(0);break;case`ZZZZZ`:t=Yy(3);break;case`O`:case`OO`:case`OOO`:case`z`:case`zz`:case`zzz`:t=Yy(1);break;case`OOOO`:case`ZZZZ`:case`zzzz`:t=Yy(2);break;default:return null}return nb[e]=t,t}function ib(e,t){e=e.replace(/:/g,``);let n=Date.parse(`Jan 01, 1970 00:00:00 `+e)/6e4;return isNaN(n)?t:n}function ab(e,t){return e=new Date(e.getTime()),e.setMinutes(e.getMinutes()+t),e}function ob(e,t,n){let r=e.getTimezoneOffset();return ab(e,-1*(ib(t,r)-r))}function sb(e){if(lb(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 By(t,n-1,r)}let t=parseFloat(e);if(!isNaN(e-t))return new Date(t);let n;if(n=e.match(Py))return cb(n)}let t=new Date(e);if(!lb(t))throw new ii(2311,!1);return t}function cb(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 lb(e){return e instanceof Date&&!isNaN(e.valueOf())}var ub=(()=>{class e{_viewContainerRef;_viewRef=null;ngTemplateOutletContext=null;ngTemplateOutlet=null;ngTemplateOutletInjector=null;injector=C(Ts);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)(Dm(sh))};static ɵdir=Xh({type:e,selectors:[[``,`ngTemplateOutlet`,``]],inputs:{ngTemplateOutletContext:`ngTemplateOutletContext`,ngTemplateOutlet:`ngTemplateOutlet`,ngTemplateOutletInjector:`ngTemplateOutletInjector`},features:[Ac]})}return e})();function db(e,t){return new ii(2100,!1)}var fb=`mediumDate`,pb=new xi(``),mb=new xi(``),hb=(()=>{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??fb,a=r??this.defaultOptions?.timezone??this.defaultTimezone??void 0;return Ry(t,e,i||this.locale,a)}catch(t){throw db(e,t.message)}}static ɵfac=function(t){return new(t||e)(Dm(Av,16),Dm(pb,24),Dm(mb,24))};static ɵpipe=Zh({name:`date`,type:e,pure:!0})}return e})(),gb=(()=>{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 _b(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 vb=`browser`,yb=class{_doc;constructor(e){this._doc=e}manager},bb=(()=>{class e extends yb{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)(Xi(Es))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),xb=new xi(``),Sb=(()=>{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 bb));this._plugins=n.slice().reverse();let r=e.find(e=>e instanceof bb);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 ii(-5101,!1);return this._eventNameToPlugin.set(e,t),t}static ɵfac=function(t){return new(t||e)(Xi(xb),Xi(zs))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),Cb=`ng-app-id`;function wb(e){for(let t of e)t.remove()}function Tb(e,t){let n=t.createElement(`style`);return n.textContent=e,n}function Eb(e,t,n,r){let i=e.head?.querySelectorAll(`style[${Cb}="${t}"],link[${Cb}="${t}"]`);if(!i||i.length===0)return!1;for(let e of i)e.removeAttribute(Cb),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 Db(e,t){let n=t.createElement(`link`);return n.setAttribute(`rel`,`stylesheet`),n.setAttribute(`href`,e),n}var Ob=(()=>{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,Eb(e,t,this.inline,this.external)&&this.hosts.add(e.head)}addStyles(e,t){for(let t of e)this.addUsage(t,this.inline,Tb);t?.forEach(e=>this.addUsage(e,this.external,Db))}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&&(wb(n.elements),t.delete(e)))}ngOnDestroy(){for(let[,{elements:e}]of[...this.inline,...this.external])wb(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,Tb(t,this.doc)));for(let[t,{elements:n}]of this.external)n.push(this.addElement(e,Db(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)(Xi(Es),Xi(tc),Xi(ac,8),Xi(ic))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),kb={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`},Ab=/%COMP%/g,jb=`%COMP%`,Mb=`_nghost-${jb}`,Nb=`_ngcontent-${jb}`,Pb=!0,Fb=new xi(``,{factory:()=>Pb}),Ib=new xi(``);function Lb(e){return Nb.replace(Ab,e)}function Rb(e){return Mb.replace(Ab,e)}function zb(e,t){return t.map(t=>t.replace(Ab,e))}var Bb=(()=>{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 Vb(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 Gb?n.applyToHost(e):n instanceof Wb&&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 du.Emulated:r=new Gb(o,s,t,this.appId,c,i,a,l,this.cssVarNamespace);break;case du.ShadowDom:return new Ub(o,e,t,i,a,this.nonce,l,this.cssVarNamespace,s);case du.ExperimentalIsolatedShadowDom:return new Ub(o,e,t,i,a,this.nonce,l,this.cssVarNamespace);default:r=new Wb(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)(Xi(Sb),Xi(Tm),Xi(tc),Xi(Fb),Xi(Es),Xi(zs),Xi(ac),Xi(Fd,8),Xi(Ib,8))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})(),Vb=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(kb[t]||t,e):this.doc.createElement(e)}createComment(e){return this.doc.createComment(e)}createText(e){return this.doc.createTextNode(e)}appendChild(e,t){(Hb(e)?e.content:e).appendChild(t)}insertBefore(e,t,n){if(e){let r=Hb(e)?e.content:e;if(n!=null&&n.parentNode!==r)throw new ii(-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 ii(-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=kb[r];i?e.setAttributeNS(i,t,n):e.setAttribute(t,n)}else e.setAttribute(t,n)}removeAttribute(e,t,n){if(n){let r=kb[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&(td.DashCase|td.Important)?e.style.setProperty(t,n,r&td.Important?`important`:``):e.style[t]=n}removeStyle(e,t,n){let r=t.startsWith(`--`);r&&(t=t.replace(`%NS%`,this.cssVarNamespace)),r||n&td.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=py().getGlobalEventTarget(this.doc,e),!e))throw new ii(-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 Hb(e){return e.tagName===`TEMPLATE`&&e.content!==void 0}var Ub=class extends Vb{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=zb(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=Db(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)}},Wb=class extends Vb{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?zb(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&&hd.size===0&&this.sharedStylesHost.removeStyles(this.styles,this.styleUrls)}},Gb=class extends Wb{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=Lb(l),this.hostAttr=Rb(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}},Kb=class e extends hy{supportsDOMEvents=!0;static makeCurrent(){my(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=Jb();return t==null?null:Yb(t)}resetBaseElement(){qb=null}getUserAgent(){return window.navigator.userAgent}getCookie(e){return _b(document.cookie,e)}},qb=null;function Jb(){return qb||=document.head.querySelector(`base`),qb?qb.getAttribute(`href`):null}function Yb(e){return new URL(e,document.baseURI).pathname}var Xb=[`alt`,`control`,`meta`,`shift`],Zb={"\b":`Backspace`,"	":`Tab`,"":`Delete`,"\x1B":`Escape`,Del:`Delete`,Esc:`Escape`,Left:`ArrowLeft`,Right:`ArrowRight`,Up:`ArrowUp`,Down:`ArrowDown`,Menu:`ContextMenu`,Scroll:`ScrollLock`,Win:`OS`},Qb={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey},$b=(()=>{class e extends yb{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(()=>py().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.`),Xb.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=Zb[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`),Xb.forEach(t=>{if(t!==n){let n=Qb[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)(Xi(Es))};static ɵprov=mi({token:e,factory:e.ɵfac})}return e})();async function ex(e,t,n){return ay({rootComponent:e,...tx(t,n)})}function tx(e,t){return{platformRef:t?.platformRef,appProviders:[...ox,...e?.providers??[]],platformProviders:ax}}function nx(){Kb.makeCurrent()}function rx(){return new Zs}function ix(){return $l(document),document}var ax=[{provide:ic,useValue:vb},{provide:rc,useValue:nx,multi:!0},{provide:Es,useFactory:ix}],ox=[{provide:ka,useValue:`root`},{provide:Zs,useFactory:rx},{provide:xb,useClass:bb,multi:!0},{provide:xb,useClass:$b,multi:!0},Bb,{provide:Tm,useClass:Ob},{provide:Ob,useExisting:Tm},Sb,{provide:om,useExisting:Bb},[]];function sx(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 cx={blue:sx(34,39),cyan:sx(36,39),gray:sx(90,39),green:sx(32,39),red:sx(31,39),yellow:sx(33,39),bold:sx(1,22),dim:sx(2,22),reset:sx(0,0),underline:sx(4,24)};function lx(e,...t){return typeof e==`function`?e(...t):e}var ux=Error.captureStackTrace,dx=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,ux?.(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 fx(e,t){return typeof e==`string`?`${e}/${t.toLowerCase()}`:e?.(t)}function px(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||fx(r,i),s=(e={},n={})=>{let r=new dx({code:i,why:lx(a.why,e),fix:lx(a.fix,e),docs:o,cause:e.cause,sources:e.sources,data:lx(a.data,e)},s);for(let e of t)e(r,n);return r};n[i]=s}return n}function mx(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 hx={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`}},gx=mx(cx);function _x(e,{method:t=`warn`}={}){console[t](gx(e))}function vx(e){return px({...e,reporters:[_x,...e.reporters??[]]})}function yx(){let e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}var bx=Math.random.bind(Math),xx=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function Sx(e=21){let t=``,n=e;for(;n--;)t+=xx[bx()*64|0];return t}var Cx=6e4,wx=e=>e,Tx=wx,{clearTimeout:Ex,setTimeout:Dx}=globalThis;function Ox(e,t){let{post:n,on:r,off:i=()=>{},eventNames:a=[],serialize:o=wx,deserialize:s=Tx,resolver:c,bind:l=`rpc`,timeout:u=Cx,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}=yx(),_=Sx();s.i=_;let ee;async function te(n=s){return u>=0&&(ee=Dx(()=>{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{Ex(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&&(Ex(r.timeoutId),n?r.reject(n):r.resolve(t)),p.delete(e)}}return m=r(ne),h}function kx(e,t){return t.safety?t.safety:e===`static`||e===`query`||e==null?`read`:`action`}var Ax=Object.freeze({type:`object`,additionalProperties:!0});function jx(e){let t=e[`~standard`];if(t.jsonSchema)try{return t.jsonSchema.input({target:`draft-2020-12`})}catch{return Ax}return Ax}function Mx(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]=jx(e[r]),n.push(i)}return{type:`object`,properties:t,required:n,additionalProperties:!1}}function Nx(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 Px(e,t){return Nx(e,t)??[e]}function Fx(e){return typeof e==`string`?`'${e}'`:new zx().serialize(e)}var Ix=` _-,;:!?.'"()[]{}@*/\\&#%\`^+<=>|~$0123456789abcdefghijklmnopqrstuvwxyz`,Lx=(function(){let e=new Uint8Array(128);for(let t=0;t<69;t++)e[Ix.charCodeAt(t)]=t+1;for(let t=65;t<=90;t++)e[t]=e[t+32];return e})();function Rx(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&&Lx[n]?Lx[n]:n+128,s=a<128&&Lx[a]?Lx[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 zx=(function(){class e{#e=new Map;compare(e,t){let n=typeof e,r=typeof t;return n===`string`&&r===`string`?Rx(e,t):n===`number`&&r===`number`?e-t:Rx(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(Rx),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})(),Bx=[1779033703,-1150833019,1013904242,-1521486534,1359893119,-1694144372,528734635,1541459225],Vx=[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],Hx=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_`,Ux=[],Wx=class{_data=new Gx;_hash=new Gx([...Bx]);_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)Ux[n]=e[t+n]|0;else{let e=Ux[n-15],t=(e<<25|e>>>7)^(e<<14|e>>>18)^e>>>3,r=Ux[n-2],i=(r<<15|r>>>17)^(r<<13|r>>>19)^r>>>10;Ux[n]=t+Ux[n-7]+i+Ux[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+Vx[n]+Ux[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=Gx.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 Gx(t,i)}},Gx=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(Hx.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 Kx(e){return new Wx().finalize(e).toBase64()}function qx(e){return Kx(Fx(e))}function Jx(e){return qx(e)}function Yx(){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 Xx=/^[\w+.-]{2,}:\/\//;function Zx(e){return e.endsWith(`/`)?e:`${e}/`}function Qx(e){return(e.endsWith(`/`)?e.slice(0,-1):e)||`/`}function $x(e,...t){let n=e;for(let e of t)e&&e!==`/`&&(n=n?Zx(n)+e.replace(/^\.?\//,``):e);return n}function eS(e,t){if(!t||t===`/`||Xx.test(e))return e;let n=Qx(t);return e.startsWith(n)?e:$x(n,e)}function tS(e,t){let n=e.match(Xx);return t+(n?e.slice(n[0].length):e)}var nS=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function rS(e=21){let t=``,n=e;for(;n--;)t+=nS[Math.random()*64|0];return t}var iS=Symbol.for(`immer-nothing`),aS=Symbol.for(`immer-draftable`),oS=Symbol.for(`immer-state`),sS=[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 cS(e,...t){{let n=sS[e],r=MS(n)?n.apply(null,t):n;throw Error(`[Immer] ${r}`)}}var lS=Object,uS=lS.getPrototypeOf,dS=`constructor`,fS=`prototype`,pS=`configurable`,mS=`enumerable`,hS=`writable`,gS=`value`,_S=e=>!!e&&!!e[oS];function vS(e){return e?xS(e)||OS(e)||!!e[aS]||!!e[dS]?.[aS]||kS(e)||AS(e):!1}var yS=lS[fS][dS].toString(),bS=new WeakMap;function xS(e){if(!e||!jS(e))return!1;let t=uS(e);if(t===null||t===lS[fS])return!0;let n=lS.hasOwnProperty.call(t,dS)&&t[dS];if(n===Object)return!0;if(!MS(n))return!1;let r=bS.get(n);return r===void 0&&(r=Function.toString.call(n),bS.set(n,r)),r===yS}function SS(e,t,n=!0){CS(e)===0?(n?Reflect.ownKeys(e):lS.keys(e)).forEach(n=>{t(n,e[n],e)}):e.forEach((n,r)=>t(r,n,e))}function CS(e){let t=e[oS];return t?t.type_:OS(e)?1:kS(e)?2:AS(e)?3:0}var wS=(e,t,n=CS(e))=>n===2?e.has(t):lS[fS].hasOwnProperty.call(e,t),TS=(e,t,n=CS(e))=>n===2?e.get(t):e[t],ES=(e,t,n,r=CS(e))=>{r===2?e.set(t,n):r===3?e.add(n):e[t]=n};function DS(e,t){return e===t?e!==0||1/e==1/t:e!==e&&t!==t}var OS=Array.isArray,kS=e=>e instanceof Map,AS=e=>e instanceof Set,jS=e=>typeof e==`object`,MS=e=>typeof e==`function`,NS=e=>typeof e==`boolean`;function PS(e){let t=+e;return Number.isInteger(t)&&String(t)===e}var FS=e=>jS(e)?e?.[oS]:null,IS=e=>e.copy_||e.base_,LS=e=>e.modified_?e.copy_:e.base_;function RS(e,t){if(kS(e))return new Map(e);if(AS(e))return new Set(e);if(OS(e))return Array[fS].slice.call(e);let n=xS(e);if(t===!0||t===`class_only`&&!n){let t=lS.getOwnPropertyDescriptors(e);delete t[oS];let n=Reflect.ownKeys(t);for(let r=0;r<n.length;r++){let i=n[r],a=t[i];a[hS]===!1&&(a[hS]=!0,a[pS]=!0),(a.get||a.set)&&(t[i]={[pS]:!0,[hS]:!0,[mS]:a[mS],[gS]:e[i]})}return lS.create(uS(e),t)}{let t=uS(e);if(t!==null&&n)return{...e};let r=lS.create(t);return lS.assign(r,e)}}function zS(e,t=!1){return HS(e)||_S(e)||!vS(e)?e:(CS(e)>1&&lS.defineProperties(e,{set:VS,add:VS,clear:VS,delete:VS}),lS.freeze(e),t&&SS(e,(e,t)=>{zS(t,!0)},!1),e)}function BS(){cS(2)}var VS={[gS]:BS};function HS(e){return e===null||!jS(e)||lS.isFrozen(e)}var US=`MapSet`,WS=`Patches`,GS=`ArrayMethods`,KS={};function qS(e){let t=KS[e];return t||cS(0,e),t}var JS=e=>!!KS[e];function YS(e,t){KS[e]||(KS[e]=t)}var XS,ZS=()=>XS,QS=(e,t)=>({drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0,handledSet_:new Set,processedForPatches_:new Set,mapSetPlugin_:JS(US)?qS(US):void 0,arrayMethodsPlugin_:JS(GS)?qS(GS):void 0});function $S(e,t){t&&(e.patchPlugin_=qS(WS),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function eC(e){tC(e),e.drafts_.forEach(rC),e.drafts_=null}function tC(e){e===XS&&(XS=e.parent_)}var nC=e=>XS=QS(XS,e);function rC(e){let t=e[oS];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function iC(e,t){t.unfinalizedDrafts_=t.drafts_.length;let n=t.drafts_[0];if(e!==void 0&&e!==n){n[oS].modified_&&(eC(t),cS(4)),vS(e)&&(e=aC(t,e));let{patchPlugin_:r}=t;r&&r.generateReplacementPatches_(n[oS].base_,e,t)}else e=aC(t,n);return oC(t,e,!0),eC(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e===iS?void 0:e}function aC(e,t){if(HS(t))return t;let n=t[oS];if(!n)return mC(t,e.handledSet_,e);if(!cC(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);fC(n,e)}return n.copy_}function oC(e,t,n=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&zS(t,n)}function sC(e){e.finalized_=!0,e.scope_.unfinalizedDrafts_--}var cC=(e,t)=>e.scope_===t,lC=[];function uC(e,t,n,r){let i=IS(e),a=e.type_;if(r!==void 0&&TS(i,r,a)===t){ES(i,r,n,a);return}if(!e.draftLocations_){let t=e.draftLocations_=new Map;SS(i,(e,n)=>{if(_S(n)){let r=t.get(n)||[];r.push(e),t.set(n,r)}})}let o=e.draftLocations_.get(t)??lC;for(let e of o)ES(i,e,n,a)}function dC(e,t,n){e.callbacks_.push(function(r){let i=t;if(!i||!cC(i,r))return;r.mapSetPlugin_?.fixSetContents(i);let a=LS(i);uC(e,i.draft_??i,a,n),fC(i,r)})}function fC(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)}sC(e)}}function pC(e,t,n){let{scope_:r}=e;if(_S(n)){let i=n[oS];cC(i,r)&&i.callbacks_.push(function(){CC(e),uC(e,n,LS(i),t)})}else vS(n)&&e.callbacks_.push(function(){let i=IS(e);e.type_===3?i.has(n)&&mC(n,r.handledSet_,r):TS(i,t,e.type_)===n&&r.drafts_.length>1&&(e.assigned_.get(t)??!1)===!0&&e.copy_&&mC(TS(e.copy_,t,e.type_),r.handledSet_,r)})}function mC(e,t,n){return!n.immer_.autoFreeze_&&n.unfinalizedDrafts_<1||_S(e)||t.has(e)||!vS(e)||HS(e)?e:(t.add(e),SS(e,(r,i)=>{if(_S(i)){let t=i[oS];cC(t,n)&&(ES(e,r,LS(t),e.type_),sC(t))}else vS(i)&&mC(i,t,n)}),e)}function hC(e,t){let n=OS(e),r={type_:+!!n,scope_:t?t.scope_:ZS(),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=gC;n&&(i=[r],a=_C);let{revoke:o,proxy:s}=Proxy.revocable(i,a);return r.draft_=s,r.revoke_=o,[s,r]}var gC={get(e,t){if(t===oS)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=IS(e);if(!wS(i,t,e.type_))return bC(e,i,t);let a=i[t];if(e.finalized_||!vS(a)||r&&e.operationMethod&&n?.isMutatingArrayMethod(e.operationMethod)&&PS(t))return a;if(a===vC(e.base_,t)||yC(e,t,a)){CC(e);let n=e.type_===1?+t:t,r=TC(e.scope_,a,e,n);return e.copy_[n]=r}return a},has(e,t){return t in IS(e)},ownKeys(e){return Reflect.ownKeys(IS(e))},set(e,t,n){let r=xC(IS(e),t);if(r?.set)return r.set.call(e.draft_,n),!0;if(!e.modified_){let r=vC(IS(e),t),i=r?.[oS];if(i&&i.base_===n)return e.copy_[t]=n,e.assigned_.delete(t),!0;if(DS(n,r)&&(n!==void 0||wS(e.base_,t,e.type_)))return!0;CC(e),SC(e)}return e.copy_[t]===n&&(n!==void 0||wS(e.copy_,t,e.type_))||Number.isNaN(n)&&Number.isNaN(e.copy_[t])?!0:(e.copy_[t]=n,e.assigned_.set(t,!0),pC(e,t,n),!0)},deleteProperty(e,t){return CC(e),vC(e.base_,t)!==void 0||t in e.base_?(e.assigned_.set(t,!1),SC(e)):e.assigned_.delete(t),e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){let n=IS(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r&&{[hS]:!0,[pS]:e.type_!==1||t!==`length`,[mS]:r[mS],[gS]:n[t]}},defineProperty(){cS(11)},getPrototypeOf(e){return uS(e.base_)},setPrototypeOf(){cS(12)}},_C={};for(let e in gC){let t=gC[e];_C[e]=function(){let e=arguments;return e[0]=e[0][0],t.apply(this,e)}}_C.deleteProperty=function(e,t){return isNaN(parseInt(t))&&cS(13),_C.set.call(this,e,t,void 0)},_C.set=function(e,t,n){return t!==`length`&&isNaN(parseInt(t))&&cS(14),gC.set.call(this,e[0],t,n,e[0])};function vC(e,t){let n=e[oS];return(n?IS(n):e)[t]}function yC(e,t,n){return e.type_!==1||!e.allIndicesReassigned_||e.assigned_?.get(t)||!vS(n)||n[oS]?!1:e.baseRefs_.has(n)}function bC(e,t,n){let r=xC(t,n);return r?gS in r?r[gS]:r.get?.call(e.draft_):void 0}function xC(e,t){if(!(t in e))return;let n=uS(e);for(;n;){let e=Object.getOwnPropertyDescriptor(n,t);if(e)return e;n=uS(n)}}function SC(e){e.modified_||(e.modified_=!0,e.parent_&&SC(e.parent_))}function CC(e){e.copy_||=(e.assigned_=new Map,RS(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var wC=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.useStrictIteration_=!1,this.produce=(e,t,n)=>{if(MS(e)&&!MS(t)){let n=t;t=e;let r=this;return function(e=n,...i){return r.produce(e,e=>t.call(this,e,...i))}}MS(t)||cS(6),n!==void 0&&!MS(n)&&cS(7);let r;if(vS(e)){let i=nC(this),a=TC(i,e,void 0),o=!0;try{r=t(a),o=!1}finally{o?eC(i):tC(i)}return $S(i,n),iC(r,i)}if(!e||!jS(e)){if(r=t(e),r===void 0&&(r=e),r===iS&&(r=void 0),this.autoFreeze_&&zS(r,!0),n){let t=[],i=[];qS(WS).generateReplacementPatches_(e,r,{patches_:t,inversePatches_:i}),n(t,i)}return r}cS(1,e)},this.produceWithPatches=(e,t)=>{if(MS(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]},NS(e?.autoFreeze)&&this.setAutoFreeze(e.autoFreeze),NS(e?.useStrictShallowCopy)&&this.setUseStrictShallowCopy(e.useStrictShallowCopy),NS(e?.useStrictIteration)&&this.setUseStrictIteration(e.useStrictIteration)}createDraft(e){vS(e)||cS(8),_S(e)&&(e=EC(e));let t=nC(this),n=TC(t,e,void 0);return n[oS].isManual_=!0,tC(t),n}finishDraft(e,t){let n=e&&e[oS];(!n||!n.isManual_)&&cS(9);let{scope_:r}=n;return $S(r,t),iC(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=qS(WS).applyPatches_;return _S(e)?r(e,t):this.produce(e,e=>r(e,t))}};function TC(e,t,n,r){let[i,a]=kS(t)?qS(US).proxyMap_(t,n):AS(t)?qS(US).proxySet_(t,n):hC(t,n);return(n?.scope_??ZS()).drafts_.push(i),a.callbacks_=n?.callbacks_??[],a.key_=r,n&&r!==void 0?dC(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 EC(e){return _S(e)||cS(10,e),DC(e)}function DC(e){if(!vS(e)||HS(e))return e;let t=e[oS],n,r=!0;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,n=RS(e,t.scope_.immer_.useStrictShallowCopy_),r=t.scope_.immer_.shouldUseStrictIteration()}else n=RS(e,!0);return SS(n,(e,t)=>{ES(n,e,DC(t))},r),t&&(t.finalized_=!1),n}function OC(){sS.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=FS(TS(e,n.key_)),i=TS(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||wS(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=TS(n,r),!jS(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?.[oS];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;SS(e.assigned_,(e,l)=>{let u=TS(o,e,c),f=TS(s,e,c),p=l?wS(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===iS?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=CS(o),n=i[e];typeof n!=`string`&&typeof n!=`number`&&(n=``+n),(t===0||t===1)&&(n===`__proto__`||n===dS)&&cS(19),MS(o)&&n===fS&&cS(19),o=TS(o,n),(o===null||!jS(o))&&cS(18,i.join(`/`))}let s=CS(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:cS(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:cS(17,a)}}),e}function u(e){if(!vS(e))return e;if(OS(e))return e.map(u);if(kS(e))return new Map(Array.from(e.entries()).map(([e,t])=>[e,u(t)]));if(AS(e))return new Set(Array.from(e).map(u));let t=Object.create(uS(e));for(let n in e)t[n]=u(e[n]);return wS(e,aS)&&(t[aS]=e[aS]),t}function d(e){return _S(e)?u(e):e}YS(WS,{applyPatches_:l,generatePatches_:i,generateReplacementPatches_:c,getPath:e})}globalThis.Iterator?.from;var kC=new wC,AC=kC.produce,jC=kC.produceWithPatches.bind(kC),MC=kC.applyPatches.bind(kC),NC=1e3;function PC(e,t){if(e.add(t),e.size>NC){let t=e.values().next().value;t!==void 0&&e.delete(t)}}function FC(e){let{enablePatches:t=!1}=e;t&&OC();let n=Yx(),r=e.initialValue,i=new Set;return{on:n.on,value:()=>r,patch:(e,t=rS())=>{i.has(t)||(OC(),r=MC(r,e),PC(i,t),n.emit(`updated`,r,void 0,t))},mutate:(e,a=rS())=>{if(!i.has(a)){if(PC(i,a),t){let[t,i]=jC(r,e);if(t===r)return;r=t,n.emit(`updated`,r,i,a)}else{let t=AC(r,e);if(t===r)return;r=t,n.emit(`updated`,r,void 0,a)}}},syncIds:i}}var IC=typeof self==`object`?self:globalThis,LC=new Set([`Error`,`EvalError`,`RangeError`,`ReferenceError`,`SyntaxError`,`TypeError`,`URIError`,`AggregateError`]),RC=new Set([`Boolean`,`Number`,`String`,`Int8Array`,`Uint8Array`,`Uint8ClampedArray`,`Int16Array`,`Uint16Array`,`Int32Array`,`Uint32Array`,`Float16Array`,`Float32Array`,`Float64Array`,`BigInt64Array`,`BigUint64Array`]);function zC(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=LC.has(e)?IC[e]:void 0;return n(new(r??IC.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`&&RC.has(a))return n(new IC[a](o),i);throw TypeError(`unable to deserialize unsafe or unknown type: ${String(a)}`)};return r}function BC(e){return zC(new Map,e)(0)}var VC=``,{toString:HC}={},{keys:UC}=Object;function WC(e){let t=typeof e;if(t!==`object`||!e)return[0,t];let n=HC.call(e).slice(8,-1);switch(n){case`Array`:return[1,VC];case`Object`:return[2,VC];case`Date`:return[3,VC];case`RegExp`:return[4,VC];case`Map`:return[5,VC];case`Set`:return[6,VC];case`DataView`:return[1,n]}return n.includes(`Array`)?[1,n]:n.includes(`Error`)?[7,n]:[2,n]}function GC([e,t]){return e===0&&(t===`function`||t===`symbol`)}function KC(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]=WC(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 UC(r))(e||!GC(WC(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||!(GC(WC(n))||GC(WC(i))))&&t.push([a(n),a(i)]);return n}case 6:{let t=[],n=i([o,t],r);for(let n of r)(e||!GC(WC(n)))&&t.push(a(n));return n}}let{message:c}=r;return i([o,{name:s,message:c}],r)};return a}function qC(e,t={}){let n=[];return KC(!(t.json||t.lossy),!!t.json,new Map,n)(e),n}var{parse:JC,stringify:YC}=JSON,XC={json:!0,lossy:!0};function ZC(e){return BC(JC(e))}function QC(e){return YC(qC(e,XC))}function $C(e){return BC(e)}function ew(e){return QC(e)}function tw(e){return ZC(e)}var nw=256,rw=class extends Error{name=`StreamClosedError`};function iw(e={}){let t=e.id??rS(),n=Math.max(0,e.replayWindow??0),r=Yx(),i=new AbortController,a=[],o=!1,s=0;function c(e){if(o)throw new rw(`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=ow(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 aw(e={}){let t=e.id??rS(),n=Math.max(1,e.highWaterMark??nw),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 ow(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 sw=128;function cw(e){return e.replace(/[^\w-]+/g,`_`).slice(0,sw)}var lw=`modulepreload`,uw=function(e,t){return new URL(e,t).href},dw={},fw=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=uw(t,n),t=s(t),t in dw)return;dw[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`:lw,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)})},pw=`__connection.json`,mw=`__DEVFRAME_CONNECTION__`,hw=`x-birpc-session`,gw=`__rpc-dump/index.json`,_w=`devframe:services`,vw=`devframe_otp`,yw=`devframe_auth_token`;hx.postMessage.remoteAssetsError;var bw=class{cacheMap=new Map;options;keySerializer;constructor(e){this.options=e,this.keySerializer=e.keySerializer||(e=>Jx(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()}},xw=vx({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 Sw(e){if(e.agent&&e.jsonSerializable===!1)throw xw.DF0019({name:e.name});e.agent&&!e.jsonSerializable&&(e.jsonSerializable=!0)}async function Cw(e,t){let n=e[`~standard`].validate(t);return n instanceof Promise?await n:n}function ww(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 Tw(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 Cw(i,n[r]);if(a.issues)throw xw.DF0043({name:e,index:r,issues:ww(a.issues)})}return r}async function Ew(e,t,n){if(!t)return n;let r=await Cw(t,n);if(r.issues)throw xw.DF0044({name:e,issues:ww(r.issues)});return n}async function Dw(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 Ow(e,t){let n=e.handler;if(!n){let r=await Dw(e,t);if(!r.handler)throw xw.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 Tw(e.name,r,t),o=await a(...n);return await Ew(e.name,i,o)}}var kw=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 Ow(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 xw.DF0021({name:e.name});Sw(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 xw.DF0022({name:e.name});Sw(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 Ow(this.definitions.get(e),this.context)}getSchema(e){let t=this.definitions.get(e);if(!t)throw xw.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 Aw(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 Mw(t,`undefined`,r,e);return n}return i!==null&&jw(i,r,e,t),n})}function jw(e,t,n,r){if(typeof e==`bigint`)throw Mw(r,`BigInt`,t,n);if(typeof e!=`object`)return;if(e instanceof Map)throw Mw(r,`Map`,t,n);if(e instanceof Set)throw Mw(r,`Set`,t,n);if(e instanceof Date)throw Mw(r,`Date`,t,n);if(Array.isArray(e))return;let i=Object.getPrototypeOf(e);if(i!==null&&i!==Object.prototype)throw Mw(r,e.constructor?.name??`class instance`,t,n)}function Mw(e,t,n,r){let i=Nw(n,r);return xw.DF0020({name:e||`<anonymous>`,type:t,path:i})}function Nw(e,t){return Array.isArray(e)?`[${t}]`:t===``?`<root>`:t}var Pw=`__DEVFRAME_CONNECTION_META__`,Fw=`__DEVFRAME_CONNECTION_AUTH_TOKEN__`;function Iw(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 Lw(){return Iw(mw)}function Rw(){return Iw(Pw)}function zw(e){if(e)return e;try{let e=localStorage.getItem(Fw);if(e)return e}catch{}return Iw(Fw)}function Bw(e){globalThis[mw]=e,globalThis[Pw]={...e.connectionMeta,baseUrl:e.metaBaseUrl},e.authToken&&Vw(e.authToken)}function Vw(e){try{localStorage.setItem(Fw,e)}catch{}globalThis[Fw]=e;let t=Lw();t&&(globalThis[mw]={...t,authToken:e})}function Hw(e){let t=eS(pw,e);try{return new URL(t,globalThis.location?.href).href}catch{return t}}function Uw(e,t){return t&&t!==e.authToken?{...e,authToken:t}:e}function Ww(){let e=Lw();if(e)return Uw(e,zw()??e.authToken??e.connectionMeta.authToken);let t=Rw();if(t)return{connectionMeta:t,metaBaseUrl:t.baseUrl??Hw(`./`),authToken:zw(t.authToken)}}async function Gw(e={}){if(e.connection){let t=Uw(e.connection,zw(e.authToken??e.connection.authToken??e.connection.connectionMeta.authToken));return Bw(t),t}let t=Array.isArray(e.baseURL)?e.baseURL:[e.baseURL??`./`];if(e.connectionMeta){let n={connectionMeta:e.connectionMeta,metaBaseUrl:Hw(t[0]??`./`),authToken:zw(e.authToken??e.connectionMeta.authToken)};return Bw(n),n}let n=Ww();if(n){let t=Uw(n,zw(e.authToken??n.authToken??n.connectionMeta.authToken));return Bw(t),t}let r=[];for(let n of t){let t=eS(pw,n),i=Hw(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:zw(e.authToken??r.authToken)};return Bw(o),o}catch(e){r.push(e)}}throw Error(`Failed to get connection meta from ${t.join(`, `)}`,{cause:r})}var Kw=class extends Error{name=`DevframeConnectionError`;kind;constructor(e,t,n){super(t,n),this.kind=e}};function qw(e=vw){try{let t=globalThis.location?.hash?.replace(/^#/,``)??``;return new URLSearchParams(t).get(e)||void 0}catch{return}}function Jw(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 Yw(e=vw){let t=qw(e);return t&&Jw(e),t}async function Xw(e,t={}){let n=Yw(t.param??`devframe_otp`);return n?e.isTrusted?!0:e.requestTrustWithCode(n):!1}function Zw(e){let t={},n=new WeakMap,r,i=()=>(r??=e.sharedState.get(_w,{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 Qw(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:hx.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:hx.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=FC({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(hx.client.isTrustedUpdated,e=>{e&&!n&&(n=!0,d())})}})}}}var $w=new Map;function eT(e=$w){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?Aw(n,r??``):`s:${ew(n)}`},deserialize:e=>{let n=e.startsWith(`s:`)?tw(e.slice(2)):JSON.parse(e);return n.t===`q`&&n.i&&n.m&&t.set(n.i,n.m),n}}}function tT(){}function nT(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 rT(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 iT(e){let{onConnected:t=tT,onError:n=tT,onDisconnected:r=tT,definitions:i,fetch:a=globalThis.fetch.bind(globalThis)}=e,o=e.url;e.authToken&&(o=`${o}${o.includes(`?`)?`&`:`?`}${yw}=${encodeURIComponent(e.authToken)}`);let s=eT(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=nT(r);if(!e)break;r=e.rest;let{event:t,data:n}=rT(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`,[hw]: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 aT(e,t){let{channel:n,rpcOptions:r={}}=t;return Ox(e,{...n,timeout:-1,...r,proxify:!1})}function oT(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(hx.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 Kw(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new Kw(`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(hx.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 Kw(`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(hx.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(hx.client.connectionError,e),m(new Kw(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new Kw(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=aT(a.functions,{channel:ee,rpcOptions:o});a.register({name:hx.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new Kw(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e),m(e),i.emit(hx.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 Kw(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e)}return i.emit(hx.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(hx.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(hx.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(hx.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(hx.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function sT(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 cT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=sT(n.sse,r??`./`,location);return oT({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>iT({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 lT(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:uT(r)?lT(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function uT(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function dT(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function fT(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function pT(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function mT(e){if(e.error)throw lT(e.error);return e.output}function hT(e){return e.some(e=>e!=null)}function gT(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function _T(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?$C(e):e}function a(e,t){return i(gT(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 pT(r)?mT(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(dT(r)){if(hT(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(fT(r)){let e=Jx(n),i=r.records[e];if(i)return mT(await s(i,r.serialization));if(r.fallback)return mT(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!hT(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 vT(e){let t=_T(await e.fetchJsonFromBases(gw),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 yT=``;function bT(e,t){return`${e}${yT}${t}`}function xT(e){let t=new Map,n=new Map;e.client.register({name:hx.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(bT(e,n))?._push(r,i)}}),e.client.register({name:hx.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=bT(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:hx.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=bT(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(hx.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(yT);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=bT(n,r),o=t.get(a);if(o)return o;let s=aw({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(hx.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=bT(t,r),a=n.get(i);if(a)return a;let o=iw({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 ST(){}var CT=new Map;function wT(e){let t=e.url;e.authToken&&(t=`${t}?${yw}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=ST,onError:i=ST,onDisconnected:a=ST,definitions:o=CT}=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=eT(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 TT(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 tS(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function ET(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=TT(n.websocket,r??`./`,location);return oT({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>wT({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 DT(e){return e.includes(`:`)}function OT(e,t){return DT(t)?t:`${e}:${t}`}function kT(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 AT(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=e.sharedState.get(r,{initialValue:{}}),i}return kT(a)}function jT(e,t){return{global:AT(e,t,`global`),project:AT(e,t,`project`)}}function MT(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(DT(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(OT(t,n),...r)),callEvent:((n,...r)=>e.callEvent(OT(t,n),...r)),callOptional:((n,...r)=>e.callOptional(OT(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(OT(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(OT(t,n),r,i),upload:(n,r)=>e.streaming.upload(OT(t,n),r)}},settings:jT(e,t),scope:e.scope}}function NT(){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 PT(e,t={}){let n=t.modelContext??NT();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=cw(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=kx(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:Mx(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>FT(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 FT(e,t,n){try{let r=Px(n,e.args?.length);return{content:[{type:`text`,text:IT(await(await Ow(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:LT(e)}]}}}function IT(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function LT(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 RT(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 zT(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Yx(),a=Array.isArray(t)?t:[t],o=await Gw(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new bw({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new kw(f),m=e.webmcp===!1?void 0:PT(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(eS(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=RT(e.transport??`auto`,s),ne=te===`static`?await vT({fetchJsonFromBases:_}):te===`sse`?cT({...ee,sseOptions:e.sseOptions}):ET({...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=>(Vw(e),o={...o,authToken:e},ne.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ne.requestTrustWithCode(e);if(!t)return!1;Vw(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=Qw(ce),ce.streaming=xT(ce),ce.services=Zw(ce);let le=new Map;ce.scope=(e=>{if(!e)return ce;let t=le.get(e);return t||(t=MT(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 Xw(ce,{param:n}):!1;t||r||ce.isTrusted||await de()}return ie=fe().then(()=>{ae=!0},()=>{ae=!0}),s.mcp&&fw(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-B7bSM4Qv.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 BT=zT,VT=[`components`,`injectors`,`signals`,`ngrx`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`],HT=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function UT(e){return`pangular:${e}`}var WT=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`],GT={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},idleAfterMs:{default:6e4,min:0,max:6e5}},KT={"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`},qT=[[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 JT(e){return qT.some(([t])=>t===e)}var YT=`pangular`,XT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},ZT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function QT(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=XT[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[...ZT.filter(e=>n.has(e)),r].join(`+`)}function $T(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 eE(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 tE=[{id:`dashboard`,label:`Dashboard`},{id:`timeline`,label:`Timeline`},{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`}],nE=1e4;function rE(e){return tE.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var iE={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`},aE=200;function oE(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 sE(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=aE?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 cE=[{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},{id:`dock:reset-size`,title:`Popup: reset the docked size`,group:`Popup`,keywords:`splitter resize height width`,popupOnly:!0},{id:`popout`,title:`Popup: open in its own window`,group:`Popup`,keywords:`pop out detach new window`,popupOnly:!0},{id:`popout:return`,title:`Popup: back into the page`,group:`Popup`,keywords:`pop in attach dock window`,popupOnly:!0}];function lE(e){let t=rE(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=cE.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function uE(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function dE(e,t){return typeof e==`boolean`?e:t}var fE=100,pE=100;function mE(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=pE);return[...new Set(t)].slice(0,fE)}function hE(e,t){let{default:n,min:r,max:i}=GT[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function gE(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function _E(e){let t=uE(e),n=uE(t.agent),r=uE(t.inspectors),i=uE(n.tools),a=uE(t.actions),o=dE(t.actions,!0),s=uE(t.redaction),c=uE(t.limits),l=gE(VT,e=>dE(r[e],!0));return{inspectors:l,agent:{readOnly:dE(n.readOnly,!1),tools:gE(VT,e=>l[e]&&dE(i[e],!0))},actions:gE(WT,e=>l[e]&&dE(a[e],o)),redaction:{secretNames:mE(s.secretNames),unmask:mE(s.unmask)},limits:Object.fromEntries(Object.keys(GT).map(e=>[e,hE(c[e],e)])),popup:{hotkey:vE(uE(t.popup).hotkey)}}}function vE(e){return e===!1?!1:QT(e)??`Alt+Shift+P`}function yE(e){let t=e?.configs;return _E(t?.[YT])}function bE(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 xE={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`},SE={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`},CE={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`,idleAfterMs:e=>e?`idle ${e/1e3} s after the last agent call`:`never idle`};function wE(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=VT.filter(t=>e.inspectors[t]);return n(`Inspectors off`,VT.filter(t=>!e.inspectors[t]).map(e=>xE[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>xE[e])),n(`Blocked actions`,WT.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>SE[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(GT).filter(t=>e.limits[t]!==GT[t].default).map(t=>CE[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]),t}function TE(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 EE(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 OE={debugApi:{subject:`Live data`,since:`12.0`},injectorProviders:{subject:`Reading providers and environment injectors`,since:`16.2`},injectorMetadata:{subject:`The full injector tree`,since:`17.0`},isSignal:{subject:`Telling signals apart in component values`,since:`17.1`},signalGraph:{subject:`The live signal graph`,since:`20.1`},deferBlocks:{subject:`Listing @defer blocks`,since:`19.1`},forBlocks:{subject:`Listing @for blocks`,since:`22.0`},profiler:{subject:`Recording change detection`,since:`20.0`},angularProfiling:{subject:`Angular profiling`,since:`20.0`},routerInstance:{subject:`The router debug util`,since:`20.3`}};function kE(e){let t=/^(\d+)\.(\d+)/.exec(e.trim());return t?`${t[1]}.${t[2]}`:e.trim()}function AE(e){let t=/^(\d+)(?:\.(\d+))?/.exec(e.trim());return t?[Number(t[1]),Number(t[2]??0)]:null}function jE(e,t){let n=AE(e),r=AE(t);return!n||!r?!1:n[0]===r[0]?n[1]>=r[1]:n[0]>r[0]}function ME(e,t){return e?.capabilities?.[t]===!1}function NE(e,t){let n=OE[e],r=`${n.subject} needs Angular ${n.since} or later`;if(!t)return`${r}; this page's Angular version is unknown.`;let i=kE(t);return jE(t,n.since)?`${r} in a development build; this page runs Angular ${i} without it, which usually means a production build.`:`${r}; this page runs Angular ${i}.`}var PE=`pangular-page-id`,FE=null;function IE(e){FE=e}function LE(){if(FE)return FE;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(PE)||null)}catch{return null}}function RE(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 zE(e,t){return e?t?e.pages?.[t]??null:e:null}function BE(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function VE(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function HE(e,t,n){return VE(e,t,n).then(e=>e,()=>null)}function UE(e){return e?.connectionMeta.backend===`static`}function WE(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 GE(e){return e.split(`@`)[1]??``}var KE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},qE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},JE=HE,YE={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 XE(e){return YE[e]??e}var ZE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function QE(e,t){return await JE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function $E(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 eD=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function tD(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(eD,(e,t)=>t??(e===`**`?``:e))}function nD(e){return yE(e?.connectionMeta)}function rD(e,t){return nD(e).actions[t]}var iD={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`};function aD(e){return iD[e]}var oD=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function sD(e,t){let n=iD[e];return!n||t.inspectors[n]}function cD(e,t){e&1&&(D(),Vg(0,`rect`,4)(1,`rect`,5)(2,`rect`,6)(3,`rect`,7))}function lD(e,t){e&1&&(D(),Vg(0,`path`,8)(1,`circle`,9)(2,`circle`,10)(3,`path`,11))}function uD(e,t){e&1&&(D(),Vg(0,`path`,12)(1,`path`,13)(2,`path`,14))}function dD(e,t){e&1&&(D(),Vg(0,`circle`,15)(1,`path`,16)(2,`circle`,17))}function fD(e,t){e&1&&(D(),Vg(0,`path`,1))}function pD(e,t){e&1&&(D(),Vg(0,`path`,18)(1,`path`,19)(2,`path`,20)(3,`path`,21))}function mD(e,t){e&1&&(D(),Vg(0,`ellipse`,22)(1,`path`,23)(2,`path`,24))}function hD(e,t){e&1&&(D(),Vg(0,`rect`,25)(1,`path`,26)(2,`path`,27)(3,`path`,28))}function gD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,8)(2,`path`,30))}function _D(e,t){e&1&&(D(),Vg(0,`path`,31)(1,`path`,32)(2,`path`,33)(3,`path`,34)(4,`circle`,35))}function vD(e,t){e&1&&(D(),Vg(0,`circle`,36)(1,`path`,37))}function yD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,38)(2,`path`,39))}function bD(e,t){e&1&&(D(),Vg(0,`path`,2))}function xD(e,t){e&1&&(D(),Vg(0,`path`,3))}var SD=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:15,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`,`M3 12h18`],[`cx`,`7`,`cy`,`12`,`r`,`2`],[`cx`,`14`,`cy`,`12`,`r`,`2`],[`d`,`M18 7v10`],[`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`,`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&&(D(),B(0,`svg`,0),M(1,cD,4,0)(2,lD,4,0)(3,uD,3,0)(4,dD,3,0)(5,fD,1,0,`:svg:path`,1)(6,pD,4,0)(7,mD,3,0)(8,hD,4,0)(9,gD,3,0)(10,_D,5,0)(11,vD,2,0)(12,yD,3,0)(13,bD,1,0,`:svg:path`,2)(14,xD,1,0,`:svg:path`,3),V()),e&2){let e;k(),N((e=t.name())===`dashboard`?1:e===`timeline`?2:e===`components`?3:e===`routes`?4:e===`signals`?5:e===`injectors`?6:e===`store`?7:e===`forms`?8:e===`network`?9:e===`pipes`?10:e===`settings`?11:e===`errors`?12:e===`analog`?13:e===`capacitor`?14:-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`,[hw]: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 aT(e,t){let{channel:n,rpcOptions:r={}}=t;return Ox(e,{...n,timeout:-1,...r,proxify:!1})}function oT(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(hx.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 Kw(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new Kw(`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(hx.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 Kw(`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(hx.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(hx.client.connectionError,e),m(new Kw(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new Kw(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=aT(a.functions,{channel:ee,rpcOptions:o});a.register({name:hx.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new Kw(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e),m(e),i.emit(hx.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 Kw(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(hx.client.connectionError,e)}return i.emit(hx.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(hx.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(hx.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(hx.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(hx.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function sT(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 cT(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=sT(n.sse,r??`./`,location);return oT({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>iT({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 lT(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:uT(r)?lT(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function uT(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function dT(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function fT(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function pT(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function mT(e){if(e.error)throw lT(e.error);return e.output}function hT(e){return e.some(e=>e!=null)}function gT(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function _T(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?$C(e):e}function a(e,t){return i(gT(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 pT(r)?mT(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(dT(r)){if(hT(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(fT(r)){let e=Jx(n),i=r.records[e];if(i)return mT(await s(i,r.serialization));if(r.fallback)return mT(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!hT(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 vT(e){let t=_T(await e.fetchJsonFromBases(gw),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 yT=``;function bT(e,t){return`${e}${yT}${t}`}function xT(e){let t=new Map,n=new Map;e.client.register({name:hx.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(bT(e,n))?._push(r,i)}}),e.client.register({name:hx.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=bT(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:hx.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=bT(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(hx.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(yT);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=bT(n,r),o=t.get(a);if(o)return o;let s=aw({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(hx.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=bT(t,r),a=n.get(i);if(a)return a;let o=iw({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 ST(){}var CT=new Map;function wT(e){let t=e.url;e.authToken&&(t=`${t}?${yw}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=ST,onError:i=ST,onDisconnected:a=ST,definitions:o=CT}=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=eT(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 TT(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 tS(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function ET(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=TT(n.websocket,r??`./`,location);return oT({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>wT({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 DT(e){return e.includes(`:`)}function OT(e,t){return DT(t)?t:`${e}:${t}`}function kT(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 AT(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=e.sharedState.get(r,{initialValue:{}}),i}return kT(a)}function jT(e,t){return{global:AT(e,t,`global`),project:AT(e,t,`project`)}}function MT(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(DT(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(OT(t,n),...r)),callEvent:((n,...r)=>e.callEvent(OT(t,n),...r)),callOptional:((n,...r)=>e.callOptional(OT(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(OT(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(OT(t,n),r,i),upload:(n,r)=>e.streaming.upload(OT(t,n),r)}},settings:jT(e,t),scope:e.scope}}function NT(){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 PT(e,t={}){let n=t.modelContext??NT();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=cw(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=kx(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:Mx(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>FT(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 FT(e,t,n){try{let r=Px(n,e.args?.length);return{content:[{type:`text`,text:IT(await(await Ow(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:LT(e)}]}}}function IT(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function LT(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 RT(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 zT(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Yx(),a=Array.isArray(t)?t:[t],o=await Gw(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new bw({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new kw(f),m=e.webmcp===!1?void 0:PT(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(eS(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=RT(e.transport??`auto`,s),ne=te===`static`?await vT({fetchJsonFromBases:_}):te===`sse`?cT({...ee,sseOptions:e.sseOptions}):ET({...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=>(Vw(e),o={...o,authToken:e},ne.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ne.requestTrustWithCode(e);if(!t)return!1;Vw(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=Qw(ce),ce.streaming=xT(ce),ce.services=Zw(ce);let le=new Map;ce.scope=(e=>{if(!e)return ce;let t=le.get(e);return t||(t=MT(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 Xw(ce,{param:n}):!1;t||r||ce.isTrusted||await de()}return ie=fe().then(()=>{ae=!0},()=>{ae=!0}),s.mcp&&fw(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-Cq6OpQlN.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 BT=zT,VT=[`components`,`injectors`,`signals`,`ngrx`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`],HT=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function UT(e){return`pangular:${e}`}var WT=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`],GT={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},idleAfterMs:{default:6e4,min:0,max:6e5}},KT={"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`},qT=[[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 JT(e){return qT.some(([t])=>t===e)}var YT=`pangular`,XT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},ZT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function QT(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=XT[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[...ZT.filter(e=>n.has(e)),r].join(`+`)}function $T(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 eE(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 tE=[{id:`dashboard`,label:`Dashboard`},{id:`timeline`,label:`Timeline`},{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`}],nE=1e4;function rE(e){return tE.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var iE={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`},aE=200;function oE(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 sE(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=aE?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 cE=[{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},{id:`dock:reset-size`,title:`Popup: reset the docked size`,group:`Popup`,keywords:`splitter resize height width`,popupOnly:!0},{id:`popout`,title:`Popup: open in its own window`,group:`Popup`,keywords:`pop out detach new window`,popupOnly:!0},{id:`popout:return`,title:`Popup: back into the page`,group:`Popup`,keywords:`pop in attach dock window`,popupOnly:!0}];function lE(e){let t=rE(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=cE.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function uE(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function dE(e,t){return typeof e==`boolean`?e:t}var fE=100,pE=100;function mE(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=pE);return[...new Set(t)].slice(0,fE)}function hE(e,t){let{default:n,min:r,max:i}=GT[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function gE(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function _E(e){let t=uE(e),n=uE(t.agent),r=uE(t.inspectors),i=uE(n.tools),a=uE(t.actions),o=dE(t.actions,!0),s=uE(t.redaction),c=uE(t.limits),l=gE(VT,e=>dE(r[e],!0));return{inspectors:l,agent:{readOnly:dE(n.readOnly,!1),tools:gE(VT,e=>l[e]&&dE(i[e],!0))},actions:gE(WT,e=>l[e]&&dE(a[e],o)),redaction:{secretNames:mE(s.secretNames),unmask:mE(s.unmask)},limits:Object.fromEntries(Object.keys(GT).map(e=>[e,hE(c[e],e)])),popup:{hotkey:vE(uE(t.popup).hotkey)}}}function vE(e){return e===!1?!1:QT(e)??`Alt+Shift+P`}function yE(e){let t=e?.configs;return _E(t?.[YT])}function bE(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 xE={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`},SE={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`},CE={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`,idleAfterMs:e=>e?`idle ${e/1e3} s after the last agent call`:`never idle`};function wE(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=VT.filter(t=>e.inspectors[t]);return n(`Inspectors off`,VT.filter(t=>!e.inspectors[t]).map(e=>xE[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>xE[e])),n(`Blocked actions`,WT.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>SE[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(GT).filter(t=>e.limits[t]!==GT[t].default).map(t=>CE[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]),t}function TE(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 EE(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 OE={debugApi:{subject:`Live data`,since:`12.0`},injectorProviders:{subject:`Reading providers and environment injectors`,since:`16.2`},injectorMetadata:{subject:`The full injector tree`,since:`17.0`},isSignal:{subject:`Telling signals apart in component values`,since:`17.1`},signalGraph:{subject:`The live signal graph`,since:`20.1`},deferBlocks:{subject:`Listing @defer blocks`,since:`19.1`},forBlocks:{subject:`Listing @for blocks`,since:`22.0`},profiler:{subject:`Recording change detection`,since:`20.0`},angularProfiling:{subject:`Angular profiling`,since:`20.0`},routerInstance:{subject:`The router debug util`,since:`20.3`}};function kE(e){let t=/^(\d+)\.(\d+)/.exec(e.trim());return t?`${t[1]}.${t[2]}`:e.trim()}function AE(e){let t=/^(\d+)(?:\.(\d+))?/.exec(e.trim());return t?[Number(t[1]),Number(t[2]??0)]:null}function jE(e,t){let n=AE(e),r=AE(t);return!n||!r?!1:n[0]===r[0]?n[1]>=r[1]:n[0]>r[0]}function ME(e,t){return e?.capabilities?.[t]===!1}function NE(e,t){let n=OE[e],r=`${n.subject} needs Angular ${n.since} or later`;if(!t)return`${r}; this page's Angular version is unknown.`;let i=kE(t);return jE(t,n.since)?`${r} in a development build; this page runs Angular ${i} without it, which usually means a production build.`:`${r}; this page runs Angular ${i}.`}var PE=`pangular-page-id`,FE=null;function IE(e){FE=e}function LE(){if(FE)return FE;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(PE)||null)}catch{return null}}function RE(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 zE(e,t){return e?t?e.pages?.[t]??null:e:null}function BE(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function VE(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function HE(e,t,n){return VE(e,t,n).then(e=>e,()=>null)}function UE(e){return e?.connectionMeta.backend===`static`}function WE(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 GE(e){return e.split(`@`)[1]??``}var KE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},qE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},JE=HE,YE={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 XE(e){return YE[e]??e}var ZE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function QE(e,t){return await JE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function $E(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 eD=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function tD(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(eD,(e,t)=>t??(e===`**`?``:e))}function nD(e){return yE(e?.connectionMeta)}function rD(e,t){return nD(e).actions[t]}var iD={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`};function aD(e){return iD[e]}var oD=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function sD(e,t){let n=iD[e];return!n||t.inspectors[n]}function cD(e,t){e&1&&(D(),Vg(0,`rect`,4)(1,`rect`,5)(2,`rect`,6)(3,`rect`,7))}function lD(e,t){e&1&&(D(),Vg(0,`path`,8)(1,`circle`,9)(2,`circle`,10)(3,`path`,11))}function uD(e,t){e&1&&(D(),Vg(0,`path`,12)(1,`path`,13)(2,`path`,14))}function dD(e,t){e&1&&(D(),Vg(0,`circle`,15)(1,`path`,16)(2,`circle`,17))}function fD(e,t){e&1&&(D(),Vg(0,`path`,1))}function pD(e,t){e&1&&(D(),Vg(0,`path`,18)(1,`path`,19)(2,`path`,20)(3,`path`,21))}function mD(e,t){e&1&&(D(),Vg(0,`ellipse`,22)(1,`path`,23)(2,`path`,24))}function hD(e,t){e&1&&(D(),Vg(0,`rect`,25)(1,`path`,26)(2,`path`,27)(3,`path`,28))}function gD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,8)(2,`path`,30))}function _D(e,t){e&1&&(D(),Vg(0,`path`,31)(1,`path`,32)(2,`path`,33)(3,`path`,34)(4,`circle`,35))}function vD(e,t){e&1&&(D(),Vg(0,`circle`,36)(1,`path`,37))}function yD(e,t){e&1&&(D(),Vg(0,`circle`,29)(1,`path`,38)(2,`path`,39))}function bD(e,t){e&1&&(D(),Vg(0,`path`,2))}function xD(e,t){e&1&&(D(),Vg(0,`path`,3))}var SD=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:15,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`,`M3 12h18`],[`cx`,`7`,`cy`,`12`,`r`,`2`],[`cx`,`14`,`cy`,`12`,`r`,`2`],[`d`,`M18 7v10`],[`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`,`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&&(D(),B(0,`svg`,0),M(1,cD,4,0)(2,lD,4,0)(3,uD,3,0)(4,dD,3,0)(5,fD,1,0,`:svg:path`,1)(6,pD,4,0)(7,mD,3,0)(8,hD,4,0)(9,gD,3,0)(10,_D,5,0)(11,vD,2,0)(12,yD,3,0)(13,bD,1,0,`:svg:path`,2)(14,xD,1,0,`:svg:path`,3),V()),e&2){let e;k(),N((e=t.name())===`dashboard`?1:e===`timeline`?2:e===`components`?3:e===`routes`?4:e===`signals`?5:e===`injectors`?6:e===`store`?7:e===`forms`?8:e===`network`?9:e===`pipes`?10:e===`settings`?11:e===`errors`?12:e===`analog`?13:e===`capacitor`?14:-1)}},styles:[`[_nghost-%COMP%] {
   display: inline-flex;
   flex-shrink: 0;
 }`]})},CD=(e,t)=>t.tab,wD=(e,t)=>t.label;function TD(e,t){e&1&&J(0),e&2&&X(` `,G().meta()?.projectName,` `)}function ED(e,t){e&1&&J(0,` Project details unavailable `)}function DD(e,t){e&1&&J(0,` Loading… `)}function OD(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function kD(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 T(e),E(G(2).loadMeta())}),J(1,`Try again`),R()}}function jD(e,t){if(e&1&&(L(0,`p`,10),M(1,OD,4,0)(2,kD,1,0),R(),M(3,AD,2,0,`button`,11)),e&2){let e=G();k(),N(e.staticReport()?1:2),k(2),N(e.staticReport()?-1:3)}}function MD(e,t){e&1&&(L(0,`li`,5)(1,`span`),J(2,`Analog`),R(),J(3),R()),e&2&&(k(3),Y(t))}function ND(e,t){e&1&&(L(0,`li`)(1,`span`),J(2,`Change detection`),R(),J(3),R()),e&2&&(k(3),Y(t))}function PD(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();k(),Y(t.cards()[e.tab]?.value),k(2),Y(t.cards()[e.tab]?.sub)}}function FD(e,t){e&1&&(L(0,`span`,21),J(1,`–`),R(),L(2,`span`,20),J(3,`Count unavailable`),R())}function ID(e,t){e&1&&(z(0,`span`,22),L(1,`span`,20),J(2,`Counting…`),R())}function LD(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){let t=T(e).$implicit;return E(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,PD,4,2)(9,FD,4,0)(10,ID,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`),k(3),I(`name`,n.tab),k(4),Y(n.label),k(),N((e=i)===`ready`?8:e===`error`?9:10)}}function RD(e,t){e&1&&(L(0,`p`),J(1,`Loading…`),R())}function zD(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;k(2),Y(e.label),k(2),Y(e.value)}}function BD(e,t){if(e&1&&(L(0,`dl`),P(1,zD,5,2,`div`,null,wD),R()),e&2){let e=G();k(),F(e.configItems())}}function VD(e,t){e&1&&(L(0,`p`),J(1,`Defaults`),R())}var HD=[{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 UD(e){return HD.filter(t=>sD(t.tab,e))}var WD={zoneless:`Zoneless`,zone:`zone.js`,"zone-unused":`Zoneless, zone.js loaded`};function GD(e){return e&&Object.hasOwn(WD,e)?WD[e]:null}var KD=new Set([`signal`,`computed`,`linkedSignal`,`effect`]),qD={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 JD(e,t,n){return`${e} ${e===1?t:n}`}function YD(e,t){for(let n of e??[])t(n),YD(n.children,t)}function XD(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 · ${JD(t,`directive`,`directives`)}`}}function ZD(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 · ${JD(t,`redirect`,`redirects`)}`}}function QD(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]=qD[e]??[e,e];return JD(t,n,r)});return{value:e.length,sub:n.join(` · `)}}function $D(e,t){let n=e?.forms??[],r=t?n.filter(e=>GE(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 eO(e){return e.cancelled||e.status===void 0?!1:e.status===0||e.status>=400}function tO(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(eO).length;return{value:o.length,sub:`${o.length===1?`call`:`calls`} · ${s} failed`}}var nO=class e{rpc=$(null);navigate=Rv();staticReport=Q(()=>UE(this.rpc()));meta=O(null);config=Q(()=>nD(this.rpc()));stats=Q(()=>this.rpc()?UD(this.config()):[]);configItems=Q(()=>wE(this.config()));metaState=O(`loading`);states=O({});rows=O({});injectorTree=O(null);signalGraph=O(null);formsState=O(null);httpState=O(null);pageId=LE();destroyRef=C(Ds);stopLive=[];zone=Q(()=>GD(zE(this.injectorTree(),this.pageId)?.zone));liveInjectors=Q(()=>{let e=zE(this.injectorTree(),this.pageId);if(!e?.roots?.length)return null;let t=0,n=0,r=e=>{t++,n+=e.providers?.length??0};return YD(e.roots,r),YD(e.environment,r),{injectors:t,providers:n}});liveSignals=Q(()=>{let e=BE(this.signalGraph(),this.pageId);return e?.nodes?.length?e.nodes.filter(e=>KD.has(e.kind??``)).length:null});cards=Q(()=>{let e=this.rows(),t={};if(e.components&&(t.components=XD(e.components)),e.routes&&(t.routes=ZD(e.routes)),e.store&&(t.store=QD(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 · ${JD(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=$D(i,this.pageId));let a=this.httpState();return a&&(t.network=tO(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(){mc(()=>{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=nD(e),r=e=>sD(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)),sD(`forms`,t)&&r(`forms`,e=>this.formsState.set(e??{}),`forms`),sD(`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=A({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,TD,1,1)(6,ED,1,0)(7,DD,1,0),R(),M(8,jD,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,MD,4,1,`li`,5),M(23,ND,4,1,`li`),R()(),L(24,`div`,6),P(25,LD,11,6,`button`,7,CD),R(),L(27,`section`,8)(28,`h2`,9),J(29,`Configuration`),R(),M(30,RD,2,0,`p`)(31,BD,3,0,`dl`)(32,VD,2,0,`p`),R()),e&2){let e,n,r;j(`aria-busy`,t.metaState()===`loading`),k(4),q(`muted`,t.metaState()!==`ready`),k(),N((e=t.metaState())===`ready`?5:e===`error`?6:7),k(3),N(t.metaState()===`error`?8:-1),k(),q(`pending`,t.metaState()===`loading`),k(4),Y(t.meta()?.angularVersion??`…`),k(4),Y(t.meta()?.typescript??`…`),k(4),Y(t.meta()?t.meta()?.ssr?`On`:`Off`:`…`),k(),N((n=t.meta()?.analog)?22:-1,n),k(),N((r=t.zone())?23:-1,r),k(2),F(t.stats()),k(2),j(`aria-busy`,!t.rpc()),k(3),N(t.rpc()?t.configItems().length?31:32:30)}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
@@ -2229,7 +2229,7 @@ button.edit[_ngcontent-%COMP%] {
   min-width: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-}`]})},TN=(e,t)=>t.id;function EN(e,t){if(e&1&&(L(0,`p`,11),J(1),R(),L(2,`h3`,7),J(3,`Still retained`),R(),L(4,`p`,9),J(5,` In a development build, Angular's DI debug data keeps every destroyed component in memory, so Pangular can't tell a leak from that. Check retainers in the Chrome DevTools Memory panel: take a heap snapshot after a few navigations, search for the class and look for a retainer other than Angular's DI debug records. Open subscriptions after destroy are still tracked below. `),R()),e&2){let e=G(),t=G();k(),Y(t.plural(e.navigations,`navigation`))}}function DN(e,t){e&1&&(L(0,`p`,9),J(1,` This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and the Angular debug API of a development build. `),R())}function ON(e,t){if(e&1&&(L(0,`span`,18),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.plural(e.subscriptions,`open subscription`))}}function kN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,15),J(4),R(),L(5,`span`,16),J(6),R(),L(7,`span`,17),J(8),R(),M(9,ON,2,1,`span`,18),R()),e&2){let e=t.$implicit,n=G(4);k(2),Y(e.name),k(2),Y(e.route||`/`),k(2),X(``,n.plural(e.navigations,`navigation`),` ago`),k(2),Y(n.ageOf(e)),k(),N(e.subscriptions?9:-1)}}function AN(e,t){if(e&1&&(L(0,`p`,6),J(1),R(),L(2,`ul`,12),P(3,kN,10,5,`li`,13,TN),R()),e&2){let e=G(3);k(),Z(` Destroyed, yet still in memory after at least `,e.minNavigations,` navigations and `,e.minSeconds,` seconds. Take a heap snapshot, search for the class and read its retainers. `),k(2),F(e.retained().slice(0,e.shown))}}function jN(e,t){e&1&&(L(0,`p`,6),J(1,`No destroyed component is still in memory after a few navigations.`),R())}function MN(e,t){if(e&1&&(L(0,`p`,6),J(1),L(2,`span`,19),J(3),R(),J(4,`. Navigate a few times to see whether they stay. `),R()),e&2){let e=G(3);k(),X(` `,e.plural(e.recent().length,`instance`),` destroyed recently and not collected yet: `),k(2),Y(e.names(e.recent()))}}function NN(e,t){if(e&1&&(M(0,DN,2,0,`p`,9),L(1,`p`,11),J(2),R(),L(3,`h3`,7),J(4,` Still retained `),L(5,`span`,8),J(6),R()(),M(7,AN,5,2)(8,jN,2,0,`p`,6),M(9,MN,5,2,`p`,6)),e&2){let e=G(),t=G();N(e.support.retention?-1:0),k(2),rv(` `,t.plural(e.navigations,`navigation`),` · `,t.retained().length,` still retained · `,t.plural(e.totals.collected,`instance`),` collected `),k(4),Y(t.retained().length),k(),N(t.retained().length?7:8),k(2),N(t.recent().length?9:-1)}}function PN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Off the page but not destroyed (detached views, such as a route reuse cache): `),L(2,`span`,19),J(3),R(),J(4,`. `),R()),e&2){let e=G(2);k(3),Y(e.names(e.detached()))}}function FN(e,t){if(e&1&&(L(0,`span`,8),J(1),R()),e&2){let e=G();k(),Y(e.subscriptions.length)}}function IN(e,t){if(e&1&&(L(0,`span`,15),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.source)}}function LN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,16),J(4),R(),L(5,`span`,18),J(6),R(),M(7,IN,2,1,`span`,15),R()),e&2){let e=t.$implicit;k(2),Y(e.name),k(2),X(``,e.count,` open`),k(2),X(` `,e.reason===`instance-destroyed`?`instance destroyed`:`no instance left`,` `),k(),N(e.source?7:-1)}}function RN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Still open although the component that made them is gone. Tear them down with takeUntilDestroyed(), DestroyRef.onDestroy or the async pipe. `),R(),L(2,`ul`,12),P(3,LN,8,4,`li`,13,kg),R()),e&2){let e=G(2),t=G();k(3),F(e.subscriptions.slice(0,t.shown))}}function zN(e,t){e&1&&(L(0,`p`,6),J(1,`No subscription is still open after its component went away.`),R())}function BN(e,t){e&1&&(L(0,`p`,6),J(1,` Subscriptions are tied to component classes only; Angular 20 profiler hooks tie them to instances. `),R())}function VN(e,t){if(e&1&&(M(0,RN,5,0)(1,zN,2,0,`p`,6),M(2,BN,2,0,`p`,6)),e&2){let e=G();N(+!e.subscriptions.length),k(2),N(e.support.instances?-1:2)}}function HN(e,t){e&1&&(L(0,`p`,9),J(1,` Tracking could not start: the page has no RxJS the overlay can load. `),R())}function UN(e,t){e&1&&(L(0,`p`,6),J(1,` Off. Track subscriptions wraps Observable.prototype.subscribe on the page to record which component makes each subscription, until you stop it. Subscriptions made before you start are not seen, so reload or navigate again after starting. `),R())}function WN(e,t){e&1&&z(0,`app-angular-unavailable`,10),e&2&&I(`page`,G(2).angular())}function GN(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`subscription`))}}function KN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showComponent.emit(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`blur`,function(){return T(e),E(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`mouseleave`,function(){return T(e),E(G(3).highlight.emit(null))}),L(2,`span`,14),J(3),R(),L(4,`span`,16),J(5),R(),M(6,GN,2,1,`span`,16),R()()}if(e&2){let e=t.$implicit,n=G(2),r=G();k(3),Y(e.name),k(2),Y(r.effectsText(e)),k(),N(n.support.subscriptions===`on`?6:-1)}}function qN(e,t){e&1&&(L(0,`p`,6),J(1,` Angular files a component's effects under the template its host sits in, so effects of components side by side in one template show as shared. `),R())}function JN(e,t){if(e&1&&(L(0,`ul`,12),P(1,KN,7,3,`li`,null,TN),R(),M(3,qN,2,0,`p`,6)),e&2){let e=G(),t=G();k(),F(e.components.slice(0,t.shown)),k(2),N(e.components.some(t.hasShared)?3:-1)}}function YN(e,t){e&1&&(L(0,`p`,6),J(1,`No component on the page has a live effect or a tracked subscription.`),R())}function XN(e,t){if(e&1&&(M(0,EN,6,1)(1,NN,10,7),M(2,PN,5,1,`p`,6),L(3,`h3`,7),J(4,` Open subscriptions after destroy `),M(5,FN,2,1,`span`,8),R(),M(6,VN,3,2)(7,HN,2,0,`p`,9)(8,UN,2,0,`p`,6),L(9,`h3`,7),J(10,` Live effects and subscriptions `),L(11,`span`,8),J(12),R()(),M(13,WN,1,1,`app-angular-unavailable`,10),M(14,JN,4,1)(15,YN,2,0,`p`,6)),e&2){let e,n=t,r=G();N(n.support.retention===`dev-di-debug`?0:1),k(2),N(r.detached().length?2:-1),k(3),N(n.support.subscriptions===`on`?5:-1),k(),N((e=n.support.subscriptions)===`on`?6:e===`unavailable`?7:8),k(6),Y(n.components.length),k(),N(n.support.effects?-1:13),k(),N(n.components.length?14:15)}}function ZN(e,t){e&1&&(L(0,`p`,6),J(1,`No leak data from this page yet. It comes with the next report.`),R())}var QN=20;function $N(e){let t=Math.max(0,Math.round(e/1e3));if(t<120)return`${t} s`;let n=Math.round(t/60);return n<120?`${n} min`:`${Math.round(n/60)} h`}var eP=(e,t,n=`${t}s`)=>`${e} ${e===1?t:n}`,tP=class e{report=$(null);pageId=$(null);rpc=$(null);angular=$(null);now=$(()=>Date.now());showComponent=Rv();highlight=Rv();shown=QN;minNavigations=2;minSeconds=nE/1e3;plural=eP;busy=O(!1);announcement=O(``);tracking=Q(()=>this.report()?.support.subscriptions===`on`);split=Q(()=>{let e=this.report(),t=[],n=[],r=[];if(!e)return{retained:t,recent:n,detached:r};let i=e.support.retention===`dev-di-debug`;for(let a of e.destroyed)if(a.detached)r.push(a);else if(i)continue;else this.isRetained(e,a)?t.push(a):n.push(a);return{retained:t,recent:n,detached:r}});retained=Q(()=>this.split().retained);recent=Q(()=>this.split().recent);detached=Q(()=>this.split().detached);ageMs(e,t){return Math.max(0,this.now()()-e.reportedAt+(e.at-t.destroyedAt))}isRetained(e,t){return t.navigations>=2&&this.ageMs(e,t)>=1e4}ageOf(e){let t=this.report();return t?`${$N(this.ageMs(t,e))} old`:``}names(e){let t=[...new Set(e.map(e=>e.name))];return t.length>6?`${t.slice(0,6).join(`, `)} and more`:t.join(`, `)}hasShared(e){return!!e.sharedEffects}effectsText(e){let t=eP(e.effects,`effect`);return e.sharedEffects?`${t}, ${e.sharedEffects} shared`:t}async toggle(){let e=this.pageId();if(!e||this.busy())return;let t=!this.tracking();this.busy.set(!0);try{await VE(this.rpc(),`request-leak-tracking`,{pageId:e,on:t}),this.announcement.set(t?`Tracking subscriptions. Reload or navigate to see subscriptions made at start.`:`Stopped tracking subscriptions.`)}catch{this.announcement.set(`Could not reach the page. Try again.`)}finally{this.busy.set(!1)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-leaks-section`]],inputs:{report:[1,`report`],pageId:[1,`pageId`],rpc:[1,`rpc`],angular:[1,`angular`],now:[1,`now`]},outputs:{showComponent:`showComponent`,highlight:`highlight`},decls:12,vars:5,consts:[[`aria-labelledby`,`ct-leaks-title`,1,`leaks`],[1,`head`],[`id`,`ct-leaks-title`],[`type`,`button`,1,`track`,3,`click`,`disabled`],[`role`,`status`,1,`sr-only`],[1,`hint`],[1,`note`],[1,`sub`],[1,`pill`],[`role`,`status`,1,`note`],[`capability`,`signalGraph`,`missing`,``,`compact`,``,3,`page`],[1,`stats`],[1,`rows`],[1,`row`],[1,`name`,`mono`],[1,`meta`,`mono`],[1,`count`],[1,`meta`],[1,`flag`,`warn`],[1,`mono`],[`type`,`button`,1,`row`,`live`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`h2`,2),J(3,`Leaks`),R(),L(4,`button`,3),U(`click`,function(){return t.toggle()}),J(5,` Track subscriptions `),R(),L(6,`p`,4),J(7),R()(),L(8,`p`,5),J(9,` Components that left the page but are still in memory, and the live effects and RxJS subscriptions of each component. The browser collects garbage when it decides, so a retained instance is a hint: check what holds it in the Chrome DevTools Memory panel. `),R(),M(10,XN,16,7)(11,ZN,2,0,`p`,6),R()),e&2){let e;k(4),I(`disabled`,!t.pageId()||!t.report()),j(`aria-pressed`,t.tracking())(`aria-disabled`,t.busy()||null),k(3),Y(t.announcement()),k(3),N((e=t.report())?10:11,e)}},dependencies:[hO],styles:[`[_nghost-%COMP%] {
+}`]})},TN=(e,t)=>t.id;function EN(e,t){if(e&1&&(L(0,`p`,11),J(1),R(),L(2,`h3`,7),J(3,`Still retained`),R(),L(4,`p`,6),J(5,` In a development build, Angular's DI debug data keeps every destroyed component in memory, so Pangular can't tell a leak from that. Check retainers in the Chrome DevTools Memory panel: take a heap snapshot after a few navigations, search for the class and look for a retainer other than Angular's DI debug records. Open subscriptions after destroy are still tracked below. `),R()),e&2){let e=G(),t=G();k(),Y(t.plural(e.navigations,`navigation`))}}function DN(e,t){e&1&&(L(0,`p`,6),J(1,` This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and the Angular debug API of a development build. `),R())}function ON(e,t){if(e&1&&(L(0,`span`,18),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.plural(e.subscriptions,`open subscription`))}}function kN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,15),J(4),R(),L(5,`span`,16),J(6),R(),L(7,`span`,17),J(8),R(),M(9,ON,2,1,`span`,18),R()),e&2){let e=t.$implicit,n=G(4);k(2),Y(e.name),k(2),Y(e.route||`/`),k(2),X(``,n.plural(e.navigations,`navigation`),` ago`),k(2),Y(n.ageOf(e)),k(),N(e.subscriptions?9:-1)}}function AN(e,t){if(e&1&&(L(0,`p`,6),J(1),R(),L(2,`ul`,12),P(3,kN,10,5,`li`,13,TN),R()),e&2){let e=G(3);k(),Z(` Destroyed, yet still in memory after at least `,e.minNavigations,` navigations and `,e.minSeconds,` seconds. Take a heap snapshot, search for the class and read its retainers. `),k(2),F(e.retained().slice(0,e.shown))}}function jN(e,t){e&1&&(L(0,`p`,6),J(1,`No destroyed component is still in memory after a few navigations.`),R())}function MN(e,t){if(e&1&&(L(0,`p`,6),J(1),L(2,`span`,19),J(3),R(),J(4,`. Navigate a few times to see whether they stay. `),R()),e&2){let e=G(3);k(),X(` `,e.plural(e.recent().length,`instance`),` destroyed recently and not collected yet: `),k(2),Y(e.names(e.recent()))}}function NN(e,t){if(e&1&&(M(0,DN,2,0,`p`,6),L(1,`p`,11),J(2),R(),L(3,`h3`,7),J(4,` Still retained `),L(5,`span`,8),J(6),R()(),M(7,AN,5,2)(8,jN,2,0,`p`,6),M(9,MN,5,2,`p`,6)),e&2){let e=G(),t=G();N(e.support.retention?-1:0),k(2),rv(` `,t.plural(e.navigations,`navigation`),` · `,t.retained().length,` still retained · `,t.plural(e.totals.collected,`instance`),` collected `),k(4),Y(t.retained().length),k(),N(t.retained().length?7:8),k(2),N(t.recent().length?9:-1)}}function PN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Off the page but not destroyed (detached views, such as a route reuse cache): `),L(2,`span`,19),J(3),R(),J(4,`. `),R()),e&2){let e=G(2);k(3),Y(e.names(e.detached()))}}function FN(e,t){if(e&1&&(L(0,`span`,8),J(1),R()),e&2){let e=G();k(),Y(e.subscriptions.length)}}function IN(e,t){if(e&1&&(L(0,`span`,15),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.source)}}function LN(e,t){if(e&1&&(L(0,`li`,13)(1,`span`,14),J(2),R(),L(3,`span`,16),J(4),R(),L(5,`span`,18),J(6),R(),M(7,IN,2,1,`span`,15),R()),e&2){let e=t.$implicit;k(2),Y(e.name),k(2),X(``,e.count,` open`),k(2),X(` `,e.reason===`instance-destroyed`?`instance destroyed`:`no instance left`,` `),k(),N(e.source?7:-1)}}function RN(e,t){if(e&1&&(L(0,`p`,6),J(1,` Still open although the component that made them is gone. Tear them down with takeUntilDestroyed(), DestroyRef.onDestroy or the async pipe. `),R(),L(2,`ul`,12),P(3,LN,8,4,`li`,13,kg),R()),e&2){let e=G(2),t=G();k(3),F(e.subscriptions.slice(0,t.shown))}}function zN(e,t){e&1&&(L(0,`p`,6),J(1,`No subscription is still open after its component went away.`),R())}function BN(e,t){e&1&&(L(0,`p`,6),J(1,` Subscriptions are tied to component classes only; Angular 20 profiler hooks tie them to instances. `),R())}function VN(e,t){if(e&1&&(M(0,RN,5,0)(1,zN,2,0,`p`,6),M(2,BN,2,0,`p`,6)),e&2){let e=G();N(+!e.subscriptions.length),k(2),N(e.support.instances?-1:2)}}function HN(e,t){e&1&&(L(0,`p`,9),J(1,` Tracking could not start: the page has no RxJS the overlay can load. `),R())}function UN(e,t){e&1&&(L(0,`p`,6),J(1,` Off. Track subscriptions wraps Observable.prototype.subscribe on the page to record which component makes each subscription, until you stop it. Subscriptions made before you start are not seen, so reload or navigate again after starting. `),R())}function WN(e,t){e&1&&z(0,`app-angular-unavailable`,10),e&2&&I(`page`,G(2).angular())}function GN(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.plural(e.subscriptions,`subscription`))}}function KN(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showComponent.emit(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`blur`,function(){return T(e),E(G(3).highlight.emit(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlight.emit(t.id))})(`mouseleave`,function(){return T(e),E(G(3).highlight.emit(null))}),L(2,`span`,14),J(3),R(),L(4,`span`,16),J(5),R(),M(6,GN,2,1,`span`,16),R()()}if(e&2){let e=t.$implicit,n=G(2),r=G();k(3),Y(e.name),k(2),Y(r.effectsText(e)),k(),N(n.support.subscriptions===`on`?6:-1)}}function qN(e,t){e&1&&(L(0,`p`,6),J(1,` Angular files a component's effects under the template its host sits in, so effects of components side by side in one template show as shared. `),R())}function JN(e,t){if(e&1&&(L(0,`ul`,12),P(1,KN,7,3,`li`,null,TN),R(),M(3,qN,2,0,`p`,6)),e&2){let e=G(),t=G();k(),F(e.components.slice(0,t.shown)),k(2),N(e.components.some(t.hasShared)?3:-1)}}function YN(e,t){e&1&&(L(0,`p`,6),J(1,`No component on the page has a live effect or a tracked subscription.`),R())}function XN(e,t){if(e&1&&(M(0,EN,6,1)(1,NN,10,7),M(2,PN,5,1,`p`,6),L(3,`h3`,7),J(4,` Open subscriptions after destroy `),M(5,FN,2,1,`span`,8),R(),M(6,VN,3,2)(7,HN,2,0,`p`,9)(8,UN,2,0,`p`,6),L(9,`h3`,7),J(10,` Live effects and subscriptions `),L(11,`span`,8),J(12),R()(),M(13,WN,1,1,`app-angular-unavailable`,10),M(14,JN,4,1)(15,YN,2,0,`p`,6)),e&2){let e,n=t,r=G();N(n.support.retention===`dev-di-debug`?0:1),k(2),N(r.detached().length?2:-1),k(3),N(n.support.subscriptions===`on`?5:-1),k(),N((e=n.support.subscriptions)===`on`?6:e===`unavailable`?7:8),k(6),Y(n.components.length),k(),N(n.support.effects?-1:13),k(),N(n.components.length?14:15)}}function ZN(e,t){e&1&&(L(0,`p`,6),J(1,`No leak data from this page yet. It comes with the next report.`),R())}var QN=20;function $N(e){let t=Math.max(0,Math.round(e/1e3));if(t<120)return`${t} s`;let n=Math.round(t/60);return n<120?`${n} min`:`${Math.round(n/60)} h`}var eP=(e,t,n=`${t}s`)=>`${e} ${e===1?t:n}`,tP=class e{report=$(null);pageId=$(null);rpc=$(null);angular=$(null);now=$(()=>Date.now());showComponent=Rv();highlight=Rv();shown=QN;minNavigations=2;minSeconds=nE/1e3;plural=eP;busy=O(!1);announcement=O(``);tracking=Q(()=>this.report()?.support.subscriptions===`on`);split=Q(()=>{let e=this.report(),t=[],n=[],r=[];if(!e)return{retained:t,recent:n,detached:r};let i=e.support.retention===`dev-di-debug`;for(let a of e.destroyed)if(a.detached)r.push(a);else if(i)continue;else this.isRetained(e,a)?t.push(a):n.push(a);return{retained:t,recent:n,detached:r}});retained=Q(()=>this.split().retained);recent=Q(()=>this.split().recent);detached=Q(()=>this.split().detached);ageMs(e,t){return Math.max(0,this.now()()-e.reportedAt+(e.at-t.destroyedAt))}isRetained(e,t){return t.navigations>=2&&this.ageMs(e,t)>=1e4}ageOf(e){let t=this.report();return t?`${$N(this.ageMs(t,e))} old`:``}names(e){let t=[...new Set(e.map(e=>e.name))];return t.length>6?`${t.slice(0,6).join(`, `)} and more`:t.join(`, `)}hasShared(e){return!!e.sharedEffects}effectsText(e){let t=eP(e.effects,`effect`);return e.sharedEffects?`${t}, ${e.sharedEffects} shared`:t}async toggle(){let e=this.pageId();if(!e||this.busy())return;let t=!this.tracking();this.busy.set(!0);try{await VE(this.rpc(),`request-leak-tracking`,{pageId:e,on:t}),this.announcement.set(t?`Tracking subscriptions. Reload or navigate to see subscriptions made at start.`:`Stopped tracking subscriptions.`)}catch{this.announcement.set(`Could not reach the page. Try again.`)}finally{this.busy.set(!1)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-leaks-section`]],inputs:{report:[1,`report`],pageId:[1,`pageId`],rpc:[1,`rpc`],angular:[1,`angular`],now:[1,`now`]},outputs:{showComponent:`showComponent`,highlight:`highlight`},decls:12,vars:5,consts:[[`aria-labelledby`,`ct-leaks-title`,1,`leaks`],[1,`head`],[`id`,`ct-leaks-title`],[`type`,`button`,1,`track`,3,`click`,`disabled`],[`role`,`status`,1,`sr-only`],[1,`hint`],[1,`note`],[1,`sub`],[1,`pill`],[`role`,`status`,1,`note`],[`capability`,`signalGraph`,`missing`,``,`compact`,``,3,`page`],[1,`stats`],[1,`rows`],[1,`row`],[1,`name`,`mono`],[1,`meta`,`mono`],[1,`count`],[1,`meta`],[1,`flag`,`warn`],[1,`mono`],[`type`,`button`,1,`row`,`live`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`]],template:function(e,t){if(e&1&&(L(0,`section`,0)(1,`div`,1)(2,`h2`,2),J(3,`Leaks`),R(),L(4,`button`,3),U(`click`,function(){return t.toggle()}),J(5,` Track subscriptions `),R(),L(6,`p`,4),J(7),R()(),L(8,`p`,5),J(9,` Components that left the page but are still in memory, and the live effects and RxJS subscriptions of each component. The browser collects garbage when it decides, so a retained instance is a hint: check what holds it in the Chrome DevTools Memory panel. `),R(),M(10,XN,16,7)(11,ZN,2,0,`p`,6),R()),e&2){let e;k(4),I(`disabled`,!t.pageId()||!t.report()),j(`aria-pressed`,t.tracking())(`aria-disabled`,t.busy()||null),k(3),Y(t.announcement()),k(3),N((e=t.report())?10:11,e)}},dependencies:[hO],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -2385,7 +2385,7 @@ h2[_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);
-}`]})},nP=12,rP=900;function iP(e){for(let t=e.parentElement;t;t=t.parentElement){let e=getComputedStyle(t);if(/(auto|scroll|overlay)/.test(e.overflowY))return t}return null}var aP=class{options;injector=C(Ts);visibleTop=O(0);viewport=O(rP);rowHeight;host=null;scroller=null;detach=null;enabled;range;padTop;padBottom;constructor(e){this.options=e,this.rowHeight=O(e.estimate);let t=e.min??300;this.enabled=Q(()=>e.count()>t),this.range=Q(()=>{let t=e.count();if(!this.enabled())return{start:0,end:t};let n=this.rowHeight(),r=this.viewport(),i=Math.max(0,Math.min(this.visibleTop(),t*n-r)),a=Math.max(0,Math.min(t-1,Math.floor(i/n)-nP));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+nP))}}),this.padTop=Q(()=>this.enabled()?this.range().start*this.rowHeight():0),this.padBottom=Q(()=>this.enabled()?(e.count()-this.range().end)*this.rowHeight():0),mc(()=>{e.count(),Hd(()=>this.update(),{injector:this.injector})}),C(Ds).onDestroy(()=>this.detach?.())}get count(){return this.options.count()}rendered(e){let{start:t,end:n}=this.range();return e>=t&&e<n}attach(e){if(this.host===e)return;this.detach?.(),this.host=e,e.style.overflowAnchor=`none`,e.style.transitionProperty=`none`;let t=/(auto|scroll|overlay)/.test(getComputedStyle(e).overflowY);this.scroller=t?e:iP(e);let n=this.scroller??window,r=()=>this.update();n.addEventListener(`scroll`,r,{passive:!0}),window.addEventListener(`resize`,r),this.detach=()=>{n.removeEventListener(`scroll`,r),window.removeEventListener(`resize`,r)},this.update()}update(){let e=this.host;if(e){if(this.scroller===e)this.place(e.scrollTop,e.clientHeight);else{let t=this.scroller?this.scroller.getBoundingClientRect().top:0,n=this.scroller?this.scroller.clientHeight:window.innerHeight;this.place(t-e.getBoundingClientRect().top,n)}this.options.fixed||this.measure()}}place(e,t){this.visibleTop.set(e),this.viewport.set(t>0?t:rP)}measure(){let e=this.host?.querySelectorAll(`[data-vindex]`);if(!e||e.length<2)return;let t=e[0].getBoundingClientRect(),n=(e[e.length-1].getBoundingClientRect().bottom-t.top)/e.length;n>4&&Math.abs(n-this.rowHeight())>1&&this.rowHeight.set(n)}reveal(e,t){if(this.enabled()&&!this.rendered(e)){let t=e*this.rowHeight(),n=this.viewport(),r=Math.max(0,t-n/2);if(this.place(r,n),this.host&&this.scroller===this.host)this.host.scrollTop=r;else if(this.host){let e=this.scroller?this.scroller.getBoundingClientRect().top:0,t=this.host.getBoundingClientRect().top-e+r;this.scroller?this.scroller.scrollTop+=t:window.scrollBy(0,t)}}t&&Hd(t,{injector:this.injector})}};function oP(e){let t=e.ownerDocument.defaultView;if(!t)return null;for(let n=e.parentElement;n&&n!==e.ownerDocument.documentElement&&n!==e.ownerDocument.body;n=n.parentElement)if(/(auto|scroll|overlay)/.test(t.getComputedStyle(n).overflowY))return n;return null}var sP=e=>{let t=parseFloat(e);return Number.isFinite(t)?t:0};function cP(e,t=8){let n=e.ownerDocument.defaultView;if(!n)return e.offsetHeight+t;let r=oP(e),i=r?n.getComputedStyle(r):null,a=i?sP(i.paddingTop):0,o=i?sP(i.scrollPaddingTop):0,s=sP(n.getComputedStyle(e).top);return Math.max(0,Math.ceil(a+s+e.offsetHeight+t-o))}var lP=[`filterInput`],uP=[`treeEl`],dP=[`propFilterInput`],fP=()=>[],pP=e=>({kind:`component`,id:e}),mP=(e,t)=>t.row.node.id,hP=(e,t)=>t.outlet+t.route,gP=(e,t)=>t+e,_P=(e,t)=>t.formId,vP=(e,t)=>t.name+t.index,yP=(e,t)=>t.name,bP=(e,t)=>t.token+e,xP=(e,t)=>t.id;function SP(e,t){return this.sourceKey(t)}function CP(e,t){if(e&1){let e=H();L(0,`span`,35),J(1,`Page`),R(),L(2,`app-select`,36),U(`valueChange`,function(t){return T(e),E(G(2).selectPage(t))}),R()}if(e&2){let e=G(2);k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function wP(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){return T(e),E(G(2).toggleDirectiveHosts())}),D(),L(1,`svg`,14),z(2,`path`,38)(3,`path`,39),R(),J(4,` Directive hosts `),R()}e&2&&j(`aria-pressed`,G(2).showDirectiveHosts())}function TP(e,t){if(e&1){let e=H();L(0,`button`,40),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),D(),L(1,`svg`,14),z(2,`path`,41),R(),J(3),R()}if(e&2){let e=G(2);q(`on`,e.picking()),k(3),X(` `,e.picking()?`Cancel pick`:`Pick component on page`,` `)}}function EP(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);k(),Y(e.pickMessage())}}function DP(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);k(),Y(e.truncationText())}}function OP(e,t){e&1&&(L(0,`p`,43),J(1,`The filter only searches the components the tree lists.`),R())}function kP(e,t){e&1&&(L(0,`p`,43),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function AP(e,t){if(e&1){let e=H();L(0,`div`,25)(1,`p`,42),J(2),R(),M(3,OP,2,0,`p`,43),M(4,kP,2,0,`p`,43),L(5,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`),k(),N(e.page().truncated?3:-1),k(),N(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function jP(e,t){if(e&1&&(L(0,`p`,26),J(1),R()),e&2){let e=G(2);k(),X(` `,e.rows().length,` rows. Rows render as you scroll, so the browser's find only sees the ones near view; the filter above searches them all. `)}}function MP(e,t){if(e&1){let e=H();L(0,`span`,52),U(`click`,function(t){T(e),G();let n=fv(0);return E(G(2).toggle(n.node.id,t))}),D(),L(1,`svg`,53),z(2,`path`,54),R()()}e&2&&(G(),q(`open`,fv(0).expanded))}function NP(e,t){e&1&&z(0,`span`,47)}function PP(e,t){if(e&1&&(L(0,`span`,55),J(1),R(),L(2,`span`,56),J(3),R(),L(4,`span`,24),J(5,`directive host`),R()),e&2){G();let e=fv(0),t=G(2);k(),X(`<`,e.node.tag,`>`),k(),j(`title`,e.node.directives?.join(`, `)),k(),Y(t.hostLabel(e.node))}}function FP(e,t){if(e&1&&(L(0,`span`,57),J(1),R(),L(2,`span`,58),J(3),R()),e&2){G();let e=fv(0);k(),Y(e.node.name),k(2),X(`<`,e.node.tag,`>`)}}function IP(e,t){if(e&1&&(L(0,`span`)(1,`span`,24),J(2,`Hydration: `),R(),J(3),R()),e&2){let e=t,n=G(3);M_(`hyd hyd-`+e),k(3),Y(n.hydrationText(e))}}function LP(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.route||`/`)}}function RP(e,t){if(e&1&&(L(0,`span`,50),J(1),L(2,`span`,24),J(3),R()()),e&2){let e=t;k(),X(` `,e),k(2),X(` `,e===1?`check`:`checks`,` while recording`)}}function zP(e,t){if(e&1&&(L(0,`span`,51),J(1),L(2,`span`,24),J(3),R()()),e&2){G();let e=fv(0);j(`title`,e.node.directives.join(`, `)),k(),X(` +`,e.node.directives.length,` `),k(2),X(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function BP(e,t){if(e&1){let e=H();uv(0),L(1,`div`,45),U(`click`,function(){T(e);let t=fv(0);return E(G(2).select(t.node.id))})(`focus`,function(){T(e);let t=fv(0),n=G(2);return n.focusId.set(t.node.id),E(n.highlight(t.node.id))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(2).highlight(t.node.id))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(2,MP,3,2,`span`,46)(3,NP,1,0,`span`,47),M(4,PP,6,3)(5,FP,4,2),M(6,IP,4,3,`span`,48),P(7,LP,2,1,`span`,49,hP),M(9,RP,4,2,`span`,50),M(10,zP,4,3,`span`,51),R()}if(e&2){let e,n,r=t.$implicit,i=G(2),a=dv(r.row);k(),K(`--%NS%depth`,a.depth),q(`selected`,i.selectedId()===a.node.id)(`dir-host`,a.node.kind===`directive`),j(`aria-level`,a.depth+1)(`aria-setsize`,a.setsize)(`aria-posinset`,a.posinset)(`aria-expanded`,a.hasChildren?a.expanded:null)(`aria-selected`,i.selectedId()===a.node.id)(`tabindex`,i.tabStop()===a.node.id?0:-1)(`data-vindex`,r.index)(`data-id`,a.node.id),k(),N(a.hasChildren?2:3),k(2),N(a.node.kind===`directive`?4:5),k(2),N((e=a.node.hydration)?6:-1,e),k(),F(i.routedById().get(a.node.id)??mv(20,fP)),k(2),N((n=i.cdHosts()[a.node.id])?9:-1,n),k(),N(a.node.kind!==`directive`&&a.node.directives?.length?10:-1)}}function VP(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function HP(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`button`,44),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.id,!0))}),J(2),R()()}e&2&&(k(2),X(` Show `,t.name,` `))}function UP(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`directive host`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R()(),L(8,`div`,63)(9,`h3`),J(10,` Directives `),L(11,`span`,64),J(12),R()(),L(13,`ul`,65),P(14,VP,2,1,`li`,66,gP),R()(),L(16,`div`,63)(17,`p`,67),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,HP,3,1,`div`,68),R()()),e&2){let e,n=t,r=G(2);k(5),X(`<`,n.tag,`>`),k(2),Y(r.hostLabel(n)),k(5),Y(n.directives?.length??0),k(2),F(n.directives??mv(4,fP)),k(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function WP(e,t){if(e&1&&(L(0,`p`,69),z(1,`app-source-link`,73),R()),e&2){let e=t;k(),I(`file`,e.file)(`line`,e.line)}}function GP(e,t){if(e&1){let e=H();L(0,`div`,74)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).revealInElements(t))}),J(2,`Reveal in Elements`),R(),L(3,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openSource(t))}),J(4,`Open source`),R()(),L(5,`p`,75),J(6),R()}if(e&2){let e=G(3);k(6),Y(e.actionMessage())}}function KP(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function qP(e,t){if(e&1&&(L(0,`div`,70),P(1,KP,2,1,`button`,76,_P),R()),e&2){let e=G(),t=G(3);k(),F(t.formsIn(e.file))}}function JP(e,t){e&1&&M(0,qP,3,0,`div`,70),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function YP(e,t){if(e&1){let e=H();L(0,`div`,70)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openInjector(t))}),J(2,` Show in Injectors `),L(3,`span`,24),J(4),R()()()}if(e&2){let e=G();k(4),X(`: `,e.name)}}function XP(e,t){if(e&1&&z(0,`app-store-global`,71),e&2){let e=G(),t=G(2);I(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,hv(4,pP,e.id))(`label`,e.name)}}function ZP(e,t){if(e&1&&(L(0,`dt`),J(1,`Routed`),R(),L(2,`dd`,79),J(3),R()),e&2){let e=t.$implicit;k(3),Z(``,e.route||`/`,` in outlet `,e.outlet)}}function QP(e,t){if(e&1&&(L(0,`span`,11),J(1),R()),e&2){let e=G(4);k(),Z(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function $P(e,t){if(e&1){let e=H();L(0,`div`,83)(1,`p`,42),J(2),R(),L(3,`p`,43),J(4,` The filter searches names, and the nested keys of values you opened. `),R(),L(5,`button`,44),U(`click`,function(){return T(e),E(G(5).clearPropFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(5);k(2),X(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function eF(e,t){if(e&1&&(L(0,`span`,87),J(1),R()),e&2){let e=G().$implicit;k(),X(`(`,e.prop,`)`)}}function tF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,eF,2,1,`span`,87),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.prop===e.name?-1:3),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function nF(e,t){if(e&1&&(L(0,`ul`,84),P(1,tF,5,9,`li`,85,yP),R()),e&2){let e=G(2);k(),F(e.inputs)}}function rF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs.`),R())}function iF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Inputs `),L(3,`span`,64),J(4),R()(),M(5,nF,3,0,`ul`,84)(6,rF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.inputs.length),k(),N(e.inputs.length?5:6)}}function aF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function oF(e,t){if(e&1&&(L(0,`ul`,65),P(1,aF,5,4,`li`,89,yP),R()),e&2){let e=G(2);k(),F(e.outputs)}}function sF(e,t){e&1&&(L(0,`p`,67),J(1,`No outputs.`),R())}function cF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Outputs `),L(3,`span`,64),J(4),R()(),M(5,oF,3,0,`ul`,65)(6,sF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.outputs.length),k(),N(e.outputs.length?5:6)}}function lF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function uF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,lF,2,1,`span`,92),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.kind?3:-1),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function dF(e,t){if(e&1&&(L(0,`ul`,84),P(1,uF,5,9,`li`,85,yP),R()),e&2){let e=G(2);k(),F(e.properties)}}function fF(e,t){e&1&&(L(0,`p`,67),J(1,`No other properties.`),R())}function pF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Properties `),L(3,`span`,64),J(4),R()(),M(5,dF,3,0,`ul`,84)(6,fF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.properties.length),k(),N(e.properties.length?5:6)}}function mF(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function hF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` DOM listeners `),L(3,`span`,64),J(4),R()(),L(5,`ul`,65),P(6,mF,2,1,`li`,66,Ag),R()()),e&2){let e=G(2);k(4),Y(e.listeners.length),k(2),F(e.listeners)}}function gF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),R(),z(3,`app-value-tree`,93),R()),e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2),i=G(3);k(2),Y(e.name),k(),I(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function _F(e,t){if(e&1&&(L(0,`ul`,84),P(1,gF,4,8,`li`,85,yP),R()),e&2){let e=G().$implicit;k(),F(e.inputs)}}function vF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function yF(e,t){if(e&1&&(L(0,`ul`,65),P(1,vF,5,4,`li`,89,yP),R()),e&2){let e=G().$implicit;k(),F(e.outputs)}}function bF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs or outputs.`),R())}function xF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`)(2,`span`,79),J(3),R(),L(4,`span`,92),J(5,`directive on host`),R()(),M(6,_F,3,0,`ul`,84),M(7,yF,3,0,`ul`,65),M(8,bF,2,0,`p`,67),R()),e&2){let e=t.$implicit;k(3),Y(e.name),k(3),N(e.inputs.length?6:-1),k(),N(e.outputs.length?7:-1),k(),N(!e.inputs.length&&!e.outputs.length?8:-1)}}function SF(e,t){if(e&1&&(M(0,$P,7,1,`div`,83),M(1,iF,7,2,`div`,63),M(2,cF,7,2,`div`,63),M(3,pF,7,2,`div`,63),M(4,hF,8,1,`div`,63),P(5,xF,9,4,`div`,63,vP)),e&2){let e=t,n=G(),r=G(3);N(r.propQuery()&&!e.count?0:-1),k(),N(!r.propQuery()||e.inputs.length?1:-1),k(),N(!r.propQuery()||e.outputs.length?2:-1),k(),N(!r.propQuery()||e.properties.length?3:-1),k(),N(!r.propQuery()&&n.listeners.length?4:-1),k(),F(e.directives)}}function CF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function wF(e,t){if(e&1&&(L(0,`span`,96),J(1,`from `),L(2,`span`,79),J(3),R()()),e&2){let e=G().$implicit;k(3),Y(e.providedByName??`an injector`)}}function TF(e,t){e&1&&(L(0,`span`,97),J(1,`not provided`),R())}function EF(e,t){if(e&1&&(L(0,`li`,94)(1,`span`,95),J(2),R(),P(3,CF,2,1,`span`,92,Ag),M(5,wF,4,1,`span`,96)(6,TF,2,0,`span`,97),R()),e&2){let e=t.$implicit;k(2),Y(e.token),k(),F(e.flags),k(2),N(e.providedBy?5:6)}}function DF(e,t){if(e&1&&(L(0,`ul`,82),P(1,EF,7,2,`li`,94,bP),R()),e&2){let e=G();k(),F(e.dependencies)}}function OF(e,t){e&1&&(L(0,`p`,67),J(1,`Nothing is injected through the constructor or inject().`),R())}function kF(e,t){if(e&1){let e=H();L(0,`dl`,78)(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`,79),J(12),R(),P(13,ZP,4,2,null,null,hP),R(),L(15,`div`,80)(16,`div`,5),D(),L(17,`svg`,6),z(18,`circle`,7)(19,`path`,8),R(),_s(),L(20,`input`,81,2),U(`input`,function(t){return T(e),E(G(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return T(e),E(G(3).clearPropFilter(t))}),R()(),M(22,QP,2,2,`span`,11),L(23,`p`,20),J(24),R()(),M(25,SF,7,5),L(26,`div`,63)(27,`h3`),J(28,` Injected `),L(29,`span`,64),J(30),R()(),M(31,DF,3,0,`ul`,82)(32,OF,2,0,`p`,67),R()}if(e&2){let e,n=t,r=G(),i=G(2);k(4),Y(n.changeDetection??`Unknown`),k(4),Y(n.encapsulation??`Unknown`),k(4),Y(n.path),k(),F(i.routedById().get(r.id)??mv(9,fP)),k(7),I(`value`,i.propFilter()),k(2),N(i.propQuery()?22:-1),k(2),Y(i.propFilterStatus()),k(),N((e=i.shownValues())?25:-1,e),k(5),Y(n.dependencies.length),k(),N(n.dependencies.length?31:32)}}function AF(e,t){e&1&&(L(0,`div`,72),z(1,`span`,98),L(2,`p`,43),J(3,`Reading live values from the page…`),R()())}function jF(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`component`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R(),M(8,WP,2,2,`p`,69),M(9,GP,7,1),M(10,JP,1,1),M(11,YP,5,1,`div`,70),M(12,XP,1,6,`app-store-global`,71),R(),M(13,kF,33,10)(14,AF,4,0,`div`,72),R()),e&2){let e,n,r,i=t,a=G(2);k(5),Y(i.name),k(2),X(`<`,i.tag,`>`),k(),N((e=a.whereOf(i))?8:-1,e),k(),N(a.devtoolsActions()?9:-1),k(),N((n=a.sourceFor(i))?10:-1,n),k(),N(a.canShowInjector()&&!a.staticReport()?11:-1),k(),N(!a.staticReport()&&!a.native()?12:-1),k(),N((r=a.detail())?13:14,r)}}function MF(e,t){e&1&&(L(0,`p`,42),J(1,`The selected component was destroyed`),R(),L(2,`p`,43)(3,`span`,79),J(4),R(),J(5,` is no longer on the page. Select another component to see its live values. `),R()),e&2&&(k(4),Y(t))}function NF(e,t){e&1&&(L(0,`p`,43),J(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),R())}function PF(e,t){if(e&1&&(L(0,`div`,30),M(1,MF,6,1)(2,NF,2,0,`p`,43),R()),e&2){let e,t=G(2);k(),N((e=t.destroyed())?1:2,e)}}function FF(e,t){e&1&&(L(0,`span`,92),J(1,`hydrate never`),R())}function IF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.hydration)}}function LF(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,101),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showOwner(t))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))}),L(2,`span`,57),J(3),R(),L(4,`span`,102),J(5),R(),M(6,FF,2,0,`span`,92)(7,IF,2,1,`span`,92),L(8,`span`,103),J(9),R()()()}if(e&2){let e=t.$implicit;k(),j(`aria-disabled`,e.owner?null:`true`),k(2),Y(e.owner?.name??`Unknown component`),k(),M_(`defer-state-`+e.state),k(),Y(e.state),k(),N(e.hydrateNever?6:e.hydration===`not-configured`?-1:7),k(3),Y(e.triggers.join(`, `)||`no triggers`)}}function RF(e,t){if(e&1&&(L(0,`section`,31)(1,`h2`,99),J(2,` Defer blocks `),L(3,`span`,64),J(4),R()(),L(5,`ul`,100),P(6,LF,10,7,`li`,null,xP),R()()),e&2){let e=G(2);k(4),Y(e.deferCount()),k(2),F(e.deferBlocks())}}function zF(e,t){e&1&&z(0,`app-angular-unavailable`,32),e&2&&I(`page`,G(2).angularPage())}function BF(e,t){if(e&1){let e=H();L(0,`app-hydration-section`,104),U(`overlay`,function(t){return T(e),E(G(2).setHydrationOverlay(t))})(`showNode`,function(t){return T(e),E(G(2).revealNode(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}e&2&&I(`report`,G(2).page()?.hydration)}function VF(e,t){if(e&1){let e=H();L(0,`app-cd-recording`,105),U(`showComponent`,function(t){return T(e),E(G(2).showCdComponent(t))}),R(),L(1,`app-leaks-section`,106),U(`showComponent`,function(t){return T(e),E(G(2).showLeakComponent(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}if(e&2){let e=G(2);I(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc()),k(),I(`report`,e.leaksPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`angular`,e.angularPage())}}function HF(e,t){if(e&1){let e=H();L(0,`p`,3),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`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,9,0),U(`input`,function(t){return T(e),E(G().setFilter(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().setFilter(``))}),R(),L(9,`span`,10),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,CP,3,2),L(12,`span`,11),J(13),R(),M(14,wP,5,1,`button`,12),L(15,`button`,13),U(`click`,function(){return T(e),E(G().expandAll())}),D(),L(16,`svg`,14),z(17,`path`,15)(18,`path`,16),R(),J(19,` Expand all `),R(),_s(),L(20,`button`,13),U(`click`,function(){return T(e),E(G().collapseAll())}),D(),L(21,`svg`,14),z(22,`path`,17)(23,`path`,18),R(),J(24,` Collapse all `),R(),M(25,TP,4,3,`button`,19),R(),_s(),L(26,`p`,20),J(27),R(),M(28,EP,2,1,`p`,21),M(29,DP,2,1,`p`,22),L(30,`div`,23)(31,`div`)(32,`h2`,24),J(33,`Component tree`),R(),M(34,AP,7,3,`div`,25),M(35,jP,2,1,`p`,26),L(36,`div`,27,1),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(38,BP,11,21,`div`,28,mP),R()(),M(40,UP,20,5,`section`,29)(41,jF,15,8,`section`,29)(42,PF,3,1,`div`,30),R(),M(43,RF,8,1,`section`,31),M(44,zF,1,1,`app-angular-unavailable`,32),M(45,BF,1,1,`app-hydration-section`,33),L(46,`app-for-blocks`,34),U(`showOwner`,function(t){return T(e),E(G().showForOwner(t))})(`highlight`,function(t){return T(e),E(G().highlight(t))}),R(),M(47,VF,2,7)}if(e&2){let e,t=G();k(7),I(`value`,t.filter()),k(4),N(t.pageOptions().length>1?11:-1),k(2),Y(t.countLabel()),k(),N(t.page().directiveHostCount?14:-1),k(),I(`disabled`,!!t.filter().trim()),k(5),I(`disabled`,!!t.filter().trim()),k(5),N(t.native()?-1:25),k(2),Y(t.announcement()),k(),N(t.pickMessage()?28:-1),k(),N(t.page().truncated?29:-1),k(5),N(t.rows().length?-1:34),k(),N(t.rowWindow.enabled()?35:-1),k(),K(`padding-top`,t.rowWindow.enabled()?6+t.rowWindow.padTop():null,`px`)(`padding-bottom`,t.rowWindow.enabled()?6+t.rowWindow.padBottom():null,`px`),q(`windowed`,t.rowWindow.enabled()),I(`hidden`,!t.rows().length),k(2),F(t.shownRows()),k(2),N((e=t.selectedHost())?40:(e=t.selectedNode())?41:42,e),k(3),N(t.deferBlocks().length?43:-1),k(),N(t.deferUnavailable()?44:-1),k(),N(t.native()?-1:45),k(),I(`blocks`,t.page()?.forBlocks)(`truncated`,t.page()?.forBlocksTruncated===!0)(`supported`,t.page()?.deferBlocks&&!t.page()?.forBlocks||t.forUnavailable()?!1:null)(`angular`,t.angularPage()),k(),N(!t.staticReport()&&!t.native()?47:-1)}}function UF(e,t){e&1&&(L(0,`p`,22),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 WF(e,t){e&1&&(L(0,`p`,107),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 GF(e,t){if(e&1&&J(0),e&2){let e=G(3);Z(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function KF(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 qF(e,t){if(e&1&&(L(0,`span`,109),M(1,GF,1,2)(2,KF,1,4),R()),e&2){let e=G(2);k(),N(e.filter().trim()?1:2)}}function JF(e,t){e&1&&(L(0,`div`,113),z(1,`span`,98),L(2,`p`,42),J(3,`Scanning components…`),R()())}function YF(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function XF(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function ZF(e,t){if(e&1){let e=H();L(0,`div`,114)(1,`p`,42),J(2,`Could not load components`),R(),L(3,`p`,43),M(4,YF,4,0)(5,XF,1,0),R(),L(6,`button`,44),U(`click`,function(){return T(e),E(G(2).refresh())}),J(7,`Retry`),R()()}if(e&2){let e=G(2);k(4),N(e.staticReport()?4:5)}}function QF(e,t){e&1&&(L(0,`div`,115)(1,`p`,42),J(2,`No components found`),R(),L(3,`p`,43),J(4,`No @Component or @Directive was found in the source.`),R()())}function $F(e,t){if(e&1){let e=H();L(0,`div`,115)(1,`p`,42),J(2),R(),L(3,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(4,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`)}}function eI(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function tI(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;k(3),Y(e.changeDetection??`Unknown`)}}function nI(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function rI(e,t){if(e&1&&(L(0,`div`,125)(1,`dl`,78)(2,`dt`),J(3,`Class`),R(),L(4,`dd`,79),J(5),R(),L(6,`dt`),J(7,`File`),R(),L(8,`dd`,79),z(9,`app-source-link`,73),R(),L(10,`dt`),J(11,`Standalone`),R(),L(12,`dd`),J(13),R(),M(14,tI,4,1),L(15,`dt`),J(16,`Inputs`),R(),L(17,`dd`,79),J(18),R(),L(19,`dt`),J(20,`Outputs`),R(),L(21,`dd`,79),J(22),R()(),P(23,nI,2,1,`button`,76,_P),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(3);I(`id`,`ct-source-`+n),k(5),Y(r.bareName(t.className)),k(4),I(`file`,t.file)(`line`,t.line),k(4),Y(t.isStandalone?`Yes`:`No`),k(),N(t.kind===`component`?14:-1),k(4),Y(t.inputs.join(`, `)||`None`),k(4),Y(t.outputs.join(`, `)||`None`),k(),F(r.formsIn(t.file))}}function iI(e,t){if(e&1){let e=H();L(0,`li`,118)(1,`button`,119),U(`click`,function(){let t=T(e).$implicit,n=G(3);return E(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),L(2,`span`,120),J(3),R(),L(4,`span`,121)(5,`span`,122),J(6),R(),L(7,`span`,123),M(8,eI,1,1),J(9),R()(),D(),L(10,`svg`,124),z(11,`path`,54),R()(),M(12,rI,25,8,`div`,125),R()}if(e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`expanded`,r.openKey()===r.sourceKey(e)),k(),j(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),k(),q(`directive`,e.kind===`directive`),k(),Y(e.kind),k(3),Y(r.sourceLabel(e)),k(2),N(e.selector?8:-1),k(),Z(` `,e.file,`:`,e.line,` `),k(3),N(r.openKey()===r.sourceKey(e)?12:-1)}}function aI(e,t){if(e&1&&(L(0,`ul`,116),P(1,iI,13,12,`li`,117,SP,!0),R()),e&2){let e=G(2);k(),F(e.filteredSource())}}function oI(e,t){if(e&1){let e=H();M(0,UF,2,0,`p`,22)(1,WF,2,0,`p`,107),L(2,`div`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,108,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(9,qF,3,1,`span`,109),L(10,`button`,110),U(`click`,function(){return T(e),E(G().refresh())}),D(),L(11,`svg`,14),z(12,`path`,111)(13,`path`,112),R(),J(14,` Refresh `),R()(),M(15,JF,4,0,`div`,113)(16,ZF,8,1,`div`,114)(17,QF,5,0,`div`,115)(18,$F,5,1,`div`,115)(19,aI,3,0,`ul`,116)}if(e&2){let e=G();N(+!e.page()),k(7),I(`value`,e.filter()),k(2),N(e.source().length?9:-1),k(),q(`spinning`,e.loading()),j(`aria-busy`,e.loading()),k(5),N(e.loading()&&!e.source().length?15:e.error()&&!e.source().length?16:e.source().length?e.filteredSource().length?19:18:17)}}var sI=32;function cI(e){return e.replace(/^_(?=[A-Z])/,``)}var lI=`pangular:components:directive-hosts`;function uI(){try{return localStorage.getItem(lI)!==`hidden`}catch{return!0}}var dI=class e{rpc=$(null);staticReport=Q(()=>UE(this.rpc()));focus=$(null);showForm=Rv();focusHandled=Rv();command=$(null);commandHandled=Rv();canShowInjector=$(!1);showInjector=Rv();filter=O(``);loading=O(!1);error=O(!1);source=O([]);formOwners=O([]);pages=O({});chosenPageId=O(null);selectedId=O(null);destroyed=O(null);announcement=O(``);picking=O(!1);pickMessage=O(``);pickPageId=null;pickSeq=0;focusId=O(null);bridge=C(cO);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=O(new Set);showDirectiveHosts=O(uI());openKey=O(null);routerPages=O([]);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.pageId));hasControlFlow=Q(()=>{let e=this.angularPage()?.version;return!e||jE(e,`17.0`)});deferUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`deferBlocks`));forUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`forBlocks`));destroyRef=C(Ds);injector=C(Ts);host=C(Il);filterInput=Jv(`filterInput`);cdRecording=Jv(tM);pagesKnown=O(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Fv({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>RE(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(()=>_O(this.page()));canEdit=Q(()=>this.live()&&!this.native()&&!this.staticReport()&&rD(this.rpc(),`components`));devtoolsActions=Q(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=O({});cdPage=Q(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=Q(()=>this.cdPage()?.hosts??{});leaksPages=O({});leaksPage=Q(()=>{let e=this.page()?.pageId;return e?this.leaksPages()[e]??null:null});visibleRoots=Q(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:AO(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(()=>kO(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(()=>PO(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)=>{i.forEach((o,s)=>{let c=n||!t.has(o.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:c,posinset:s+1,setsize:i.length}),c&&r(o.children,a+1)})};return r(this.filtered().nodes,0),e});rowWindow=new aP({count:Q(()=>this.rows().length),estimate:sI,fixed:!0});shownRows=Q(()=>{let{start:e,end:t}=this.rowWindow.range();return this.rows().slice(e,t).map((t,n)=>({row:t,index:e+n}))});tabStop=Q(()=>{let e=this.rovingId(),t=this.shownRows();return t.some(({row:t})=>t.node.id===e)?e:t[0]?.row.node.id??null});treeEl=Jv(`treeEl`);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 cN;propFilter=O(``);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)||WM([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=cI(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(){mc(()=>{let e=this.treeEl()?.nativeElement;e&&this.rowWindow.attach(e)}),mc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Nv(()=>this.values.follow(t,e?.expanded))}),mc(()=>{let e=this.page()?.pageId??null;Nv(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),mc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),mc(()=>{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()})}),mc(()=>{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(`leaks`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.leaksPages.set(t&&typeof t==`object`?t:{})};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.leaksPages.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(cI(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:cI(e.className)}bareName(e){return cI(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=zO(r,a,n);o&&(this.focusId.set(o),Hd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=LO({...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(FO(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 jO(e)}hydrationText(e){return NO(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(lI,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)}showLeakComponent(e){this.index().map.has(e)&&this.reveal(e,!0)}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);let r=this.rows().findIndex(t=>t.node.id===e);r>=0&&this.rowWindow.reveal(r),Hd(()=>{let n=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);this.clearToolbar(),n?.scrollIntoView({block:`nearest`}),t&&n?.focus({preventScroll:!0})},{injector:this.injector})}clearToolbar(){let e=this.host.nativeElement.querySelector(`.toolbar`);e&&this.host.nativeElement.style.setProperty(`--ct-toolbar-clearance`,`${cP(e)}px`)}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);let n=()=>{let t=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);this.clearToolbar(),t?.focus({preventScroll:!0}),t?.scrollIntoView({block:`nearest`})};this.rowWindow.rendered(a)?queueMicrotask(n):this.rowWindow.reveal(a,n)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,lP,5)(t.cdRecording,tM,5)(t.treeEl,uP,5)(t.propFilterInput,dP,5),e&2&&u_(4)},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`,``],[`treeEl`,``],[`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`],[1,`window-note`],[`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`],[`capability`,`deferBlocks`,`compact`,``,1,`defer`,3,`page`],[3,`report`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`supported`,`angular`],[`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`],[3,`showComponent`,`highlight`,`report`,`pageId`,`rpc`,`angular`],[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,HF,48,28)(1,oI,20,7),e&2&&N(+!t.live())},dependencies:[OO,tM,uM,oN,pN,wN,ZO,tP,hO],styles:[`[_nghost-%COMP%] {
+}`]})},nP=12,rP=900;function iP(e){for(let t=e.parentElement;t;t=t.parentElement){let e=getComputedStyle(t);if(/(auto|scroll|overlay)/.test(e.overflowY))return t}return null}var aP=class{options;injector=C(Ts);visibleTop=O(0);viewport=O(rP);rowHeight;host=null;scroller=null;detach=null;enabled;range;padTop;padBottom;constructor(e){this.options=e,this.rowHeight=O(e.estimate);let t=e.min??300;this.enabled=Q(()=>e.count()>t),this.range=Q(()=>{let t=e.count();if(!this.enabled())return{start:0,end:t};let n=this.rowHeight(),r=this.viewport(),i=Math.max(0,Math.min(this.visibleTop(),t*n-r)),a=Math.max(0,Math.min(t-1,Math.floor(i/n)-nP));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+nP))}}),this.padTop=Q(()=>this.enabled()?this.range().start*this.rowHeight():0),this.padBottom=Q(()=>this.enabled()?(e.count()-this.range().end)*this.rowHeight():0),mc(()=>{e.count(),Hd(()=>this.update(),{injector:this.injector})}),C(Ds).onDestroy(()=>this.detach?.())}get count(){return this.options.count()}rendered(e){let{start:t,end:n}=this.range();return e>=t&&e<n}attach(e){if(this.host===e)return;this.detach?.(),this.host=e,e.style.overflowAnchor=`none`,e.style.transitionProperty=`none`;let t=/(auto|scroll|overlay)/.test(getComputedStyle(e).overflowY);this.scroller=t?e:iP(e);let n=this.scroller??window,r=()=>this.update();n.addEventListener(`scroll`,r,{passive:!0}),window.addEventListener(`resize`,r),this.detach=()=>{n.removeEventListener(`scroll`,r),window.removeEventListener(`resize`,r)},this.update()}update(){let e=this.host;if(e){if(this.scroller===e)this.place(e.scrollTop,e.clientHeight);else{let t=this.scroller?this.scroller.getBoundingClientRect().top:0,n=this.scroller?this.scroller.clientHeight:window.innerHeight;this.place(t-e.getBoundingClientRect().top,n)}this.options.fixed||this.measure()}}place(e,t){this.visibleTop.set(e),this.viewport.set(t>0?t:rP)}measure(){let e=this.host?.querySelectorAll(`[data-vindex]`);if(!e||e.length<2)return;let t=e[0].getBoundingClientRect(),n=(e[e.length-1].getBoundingClientRect().bottom-t.top)/e.length;n>4&&Math.abs(n-this.rowHeight())>1&&this.rowHeight.set(n)}reveal(e,t){if(this.enabled()&&!this.rendered(e)){let t=e*this.rowHeight(),n=this.viewport(),r=Math.max(0,t-n/2);if(this.place(r,n),this.host&&this.scroller===this.host)this.host.scrollTop=r;else if(this.host){let e=this.scroller?this.scroller.getBoundingClientRect().top:0,t=this.host.getBoundingClientRect().top-e+r;this.scroller?this.scroller.scrollTop+=t:window.scrollBy(0,t)}}t&&Hd(t,{injector:this.injector})}};function oP(e){let t=e.ownerDocument.defaultView;if(!t)return null;for(let n=e.parentElement;n&&n!==e.ownerDocument.documentElement&&n!==e.ownerDocument.body;n=n.parentElement)if(/(auto|scroll|overlay)/.test(t.getComputedStyle(n).overflowY))return n;return null}var sP=e=>{let t=parseFloat(e);return Number.isFinite(t)?t:0};function cP(e,t=8){let n=e.ownerDocument.defaultView;if(!n)return e.offsetHeight+t;let r=oP(e),i=r?n.getComputedStyle(r):null,a=i?sP(i.paddingTop):0,o=i?sP(i.scrollPaddingTop):0,s=sP(n.getComputedStyle(e).top);return Math.max(0,Math.ceil(a+s+e.offsetHeight+t-o))}function lP(e,t,n=8){let r=oP(e),i=t.getBoundingClientRect().bottom+n-e.getBoundingClientRect().top;i<=0||(r?r.scrollTop-=i:e.ownerDocument.defaultView?.scrollBy(0,-i))}var uP=[`filterInput`],dP=[`treeEl`],fP=[`propFilterInput`],pP=()=>[],mP=e=>({kind:`component`,id:e}),hP=(e,t)=>t.row.node.id,gP=(e,t)=>t.outlet+t.route,_P=(e,t)=>t+e,vP=(e,t)=>t.formId,yP=(e,t)=>t.name+t.index,bP=(e,t)=>t.name,xP=(e,t)=>t.token+e,SP=(e,t)=>t.id;function CP(e,t){return this.sourceKey(t)}function wP(e,t){if(e&1){let e=H();L(0,`span`,35),J(1,`Page`),R(),L(2,`app-select`,36),U(`valueChange`,function(t){return T(e),E(G(2).selectPage(t))}),R()}if(e&2){let e=G(2);k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function TP(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){return T(e),E(G(2).toggleDirectiveHosts())}),D(),L(1,`svg`,14),z(2,`path`,38)(3,`path`,39),R(),J(4,` Directive hosts `),R()}e&2&&j(`aria-pressed`,G(2).showDirectiveHosts())}function EP(e,t){if(e&1){let e=H();L(0,`button`,40),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),D(),L(1,`svg`,14),z(2,`path`,41),R(),J(3),R()}if(e&2){let e=G(2);q(`on`,e.picking()),k(3),X(` `,e.picking()?`Cancel pick`:`Pick component on page`,` `)}}function DP(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);k(),Y(e.pickMessage())}}function OP(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);k(),Y(e.truncationText())}}function kP(e,t){e&1&&(L(0,`p`,43),J(1,`The filter only searches the components the tree lists.`),R())}function AP(e,t){e&1&&(L(0,`p`,43),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function jP(e,t){if(e&1){let e=H();L(0,`div`,25)(1,`p`,42),J(2),R(),M(3,kP,2,0,`p`,43),M(4,AP,2,0,`p`,43),L(5,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`),k(),N(e.page().truncated?3:-1),k(),N(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function MP(e,t){if(e&1&&(L(0,`p`,26),J(1),R()),e&2){let e=G(2);k(),X(` `,e.rows().length,` rows. Rows render as you scroll, so the browser's find only sees the ones near view; the filter above searches them all. `)}}function NP(e,t){if(e&1){let e=H();L(0,`span`,52),U(`click`,function(t){T(e),G();let n=fv(0);return E(G(2).toggle(n.node.id,t))}),D(),L(1,`svg`,53),z(2,`path`,54),R()()}e&2&&(G(),q(`open`,fv(0).expanded))}function PP(e,t){e&1&&z(0,`span`,47)}function FP(e,t){if(e&1&&(L(0,`span`,55),J(1),R(),L(2,`span`,56),J(3),R(),L(4,`span`,24),J(5,`directive host`),R()),e&2){G();let e=fv(0),t=G(2);k(),X(`<`,e.node.tag,`>`),k(),j(`title`,e.node.directives?.join(`, `)),k(),Y(t.hostLabel(e.node))}}function IP(e,t){if(e&1&&(L(0,`span`,57),J(1),R(),L(2,`span`,58),J(3),R()),e&2){G();let e=fv(0);k(),Y(e.node.name),k(2),X(`<`,e.node.tag,`>`)}}function LP(e,t){if(e&1&&(L(0,`span`)(1,`span`,24),J(2,`Hydration: `),R(),J(3),R()),e&2){let e=t,n=G(3);M_(`hyd hyd-`+e),k(3),Y(n.hydrationText(e))}}function RP(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.route||`/`)}}function zP(e,t){if(e&1&&(L(0,`span`,50),J(1),L(2,`span`,24),J(3),R()()),e&2){let e=t;k(),X(` `,e),k(2),X(` `,e===1?`check`:`checks`,` while recording`)}}function BP(e,t){if(e&1&&(L(0,`span`,51),J(1),L(2,`span`,24),J(3),R()()),e&2){G();let e=fv(0);j(`title`,e.node.directives.join(`, `)),k(),X(` +`,e.node.directives.length,` `),k(2),X(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function VP(e,t){if(e&1){let e=H();uv(0),L(1,`div`,45),U(`click`,function(){T(e);let t=fv(0);return E(G(2).select(t.node.id))})(`focus`,function(){T(e);let t=fv(0),n=G(2);return n.focusId.set(t.node.id),E(n.highlight(t.node.id))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(2).highlight(t.node.id))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(2,NP,3,2,`span`,46)(3,PP,1,0,`span`,47),M(4,FP,6,3)(5,IP,4,2),M(6,LP,4,3,`span`,48),P(7,RP,2,1,`span`,49,gP),M(9,zP,4,2,`span`,50),M(10,BP,4,3,`span`,51),R()}if(e&2){let e,n,r=t.$implicit,i=G(2),a=dv(r.row);k(),K(`--%NS%depth`,a.depth),q(`selected`,i.selectedId()===a.node.id)(`dir-host`,a.node.kind===`directive`),j(`aria-level`,a.depth+1)(`aria-setsize`,a.setsize)(`aria-posinset`,a.posinset)(`aria-expanded`,a.hasChildren?a.expanded:null)(`aria-selected`,i.selectedId()===a.node.id)(`tabindex`,i.tabStop()===a.node.id?0:-1)(`data-vindex`,r.index)(`data-id`,a.node.id),k(),N(a.hasChildren?2:3),k(2),N(a.node.kind===`directive`?4:5),k(2),N((e=a.node.hydration)?6:-1,e),k(),F(i.routedById().get(a.node.id)??mv(20,pP)),k(2),N((n=i.cdHosts()[a.node.id])?9:-1,n),k(),N(a.node.kind!==`directive`&&a.node.directives?.length?10:-1)}}function HP(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function UP(e,t){if(e&1){let e=H();L(0,`div`,68)(1,`button`,44),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.id,!0))}),J(2),R()()}e&2&&(k(2),X(` Show `,t.name,` `))}function WP(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`directive host`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R()(),L(8,`div`,63)(9,`h3`),J(10,` Directives `),L(11,`span`,64),J(12),R()(),L(13,`ul`,65),P(14,HP,2,1,`li`,66,_P),R()(),L(16,`div`,63)(17,`p`,67),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,UP,3,1,`div`,68),R()()),e&2){let e,n=t,r=G(2);k(5),X(`<`,n.tag,`>`),k(2),Y(r.hostLabel(n)),k(5),Y(n.directives?.length??0),k(2),F(n.directives??mv(4,pP)),k(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function GP(e,t){if(e&1&&(L(0,`p`,69),z(1,`app-source-link`,73),R()),e&2){let e=t;k(),I(`file`,e.file)(`line`,e.line)}}function KP(e,t){if(e&1){let e=H();L(0,`div`,74)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).revealInElements(t))}),J(2,`Reveal in Elements`),R(),L(3,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openSource(t))}),J(4,`Open source`),R()(),L(5,`p`,75),J(6),R()}if(e&2){let e=G(3);k(6),Y(e.actionMessage())}}function qP(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function JP(e,t){if(e&1&&(L(0,`div`,70),P(1,qP,2,1,`button`,76,vP),R()),e&2){let e=G(),t=G(3);k(),F(t.formsIn(e.file))}}function YP(e,t){e&1&&M(0,JP,3,0,`div`,70),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function XP(e,t){if(e&1){let e=H();L(0,`div`,70)(1,`button`,44),U(`click`,function(){T(e);let t=G();return E(G(2).openInjector(t))}),J(2,` Show in Injectors `),L(3,`span`,24),J(4),R()()()}if(e&2){let e=G();k(4),X(`: `,e.name)}}function ZP(e,t){if(e&1&&z(0,`app-store-global`,71),e&2){let e=G(),t=G(2);I(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,hv(4,mP,e.id))(`label`,e.name)}}function QP(e,t){if(e&1&&(L(0,`dt`),J(1,`Routed`),R(),L(2,`dd`,79),J(3),R()),e&2){let e=t.$implicit;k(3),Z(``,e.route||`/`,` in outlet `,e.outlet)}}function $P(e,t){if(e&1&&(L(0,`span`,11),J(1),R()),e&2){let e=G(4);k(),Z(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function eF(e,t){if(e&1){let e=H();L(0,`div`,83)(1,`p`,42),J(2),R(),L(3,`p`,43),J(4,` The filter searches names, and the nested keys of values you opened. `),R(),L(5,`button`,44),U(`click`,function(){return T(e),E(G(5).clearPropFilter())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(5);k(2),X(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function tF(e,t){if(e&1&&(L(0,`span`,87),J(1),R()),e&2){let e=G().$implicit;k(),X(`(`,e.prop,`)`)}}function nF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,tF,2,1,`span`,87),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.prop===e.name?-1:3),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function rF(e,t){if(e&1&&(L(0,`ul`,84),P(1,nF,5,9,`li`,85,bP),R()),e&2){let e=G(2);k(),F(e.inputs)}}function iF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs.`),R())}function aF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Inputs `),L(3,`span`,64),J(4),R()(),M(5,rF,3,0,`ul`,84)(6,iF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.inputs.length),k(),N(e.inputs.length?5:6)}}function oF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function sF(e,t){if(e&1&&(L(0,`ul`,65),P(1,oF,5,4,`li`,89,bP),R()),e&2){let e=G(2);k(),F(e.outputs)}}function cF(e,t){e&1&&(L(0,`p`,67),J(1,`No outputs.`),R())}function lF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Outputs `),L(3,`span`,64),J(4),R()(),M(5,sF,3,0,`ul`,65)(6,cF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.outputs.length),k(),N(e.outputs.length?5:6)}}function uF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function dF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,uF,2,1,`span`,92),R(),z(4,`app-value-tree`,88),R()),e&2){let e=t.$implicit,n=G(4),r=G(3);k(2),X(` `,e.name,` `),k(),N(e.kind?3:-1),k(),I(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function fF(e,t){if(e&1&&(L(0,`ul`,84),P(1,dF,5,9,`li`,85,bP),R()),e&2){let e=G(2);k(),F(e.properties)}}function pF(e,t){e&1&&(L(0,`p`,67),J(1,`No other properties.`),R())}function mF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Properties `),L(3,`span`,64),J(4),R()(),M(5,fF,3,0,`ul`,84)(6,pF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.properties.length),k(),N(e.properties.length?5:6)}}function hF(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function gF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` DOM listeners `),L(3,`span`,64),J(4),R()(),L(5,`ul`,65),P(6,hF,2,1,`li`,66,Ag),R()()),e&2){let e=G(2);k(4),Y(e.listeners.length),k(2),F(e.listeners)}}function _F(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),R(),z(3,`app-value-tree`,93),R()),e&2){let e=t.$implicit,n=G(2).$implicit,r=G(2),i=G(3);k(2),Y(e.name),k(),I(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function vF(e,t){if(e&1&&(L(0,`ul`,84),P(1,_F,4,8,`li`,85,bP),R()),e&2){let e=G().$implicit;k(),F(e.inputs)}}function yF(e,t){if(e&1&&(L(0,`li`,90)(1,`span`,79),J(2),R(),L(3,`span`,91),J(4),R()()),e&2){let e=t.$implicit;q(`on`,e.listened),k(2),Y(e.name),k(2),Y(e.listened?`listened`:`no listener`)}}function bF(e,t){if(e&1&&(L(0,`ul`,65),P(1,yF,5,4,`li`,89,bP),R()),e&2){let e=G().$implicit;k(),F(e.outputs)}}function xF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs or outputs.`),R())}function SF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`)(2,`span`,79),J(3),R(),L(4,`span`,92),J(5,`directive on host`),R()(),M(6,vF,3,0,`ul`,84),M(7,bF,3,0,`ul`,65),M(8,xF,2,0,`p`,67),R()),e&2){let e=t.$implicit;k(3),Y(e.name),k(3),N(e.inputs.length?6:-1),k(),N(e.outputs.length?7:-1),k(),N(!e.inputs.length&&!e.outputs.length?8:-1)}}function CF(e,t){if(e&1&&(M(0,eF,7,1,`div`,83),M(1,aF,7,2,`div`,63),M(2,lF,7,2,`div`,63),M(3,mF,7,2,`div`,63),M(4,gF,8,1,`div`,63),P(5,SF,9,4,`div`,63,yP)),e&2){let e=t,n=G(),r=G(3);N(r.propQuery()&&!e.count?0:-1),k(),N(!r.propQuery()||e.inputs.length?1:-1),k(),N(!r.propQuery()||e.outputs.length?2:-1),k(),N(!r.propQuery()||e.properties.length?3:-1),k(),N(!r.propQuery()&&n.listeners.length?4:-1),k(),F(e.directives)}}function wF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function TF(e,t){if(e&1&&(L(0,`span`,96),J(1,`from `),L(2,`span`,79),J(3),R()()),e&2){let e=G().$implicit;k(3),Y(e.providedByName??`an injector`)}}function EF(e,t){e&1&&(L(0,`span`,97),J(1,`not provided`),R())}function DF(e,t){if(e&1&&(L(0,`li`,94)(1,`span`,95),J(2),R(),P(3,wF,2,1,`span`,92,Ag),M(5,TF,4,1,`span`,96)(6,EF,2,0,`span`,97),R()),e&2){let e=t.$implicit;k(2),Y(e.token),k(),F(e.flags),k(2),N(e.providedBy?5:6)}}function OF(e,t){if(e&1&&(L(0,`ul`,82),P(1,DF,7,2,`li`,94,xP),R()),e&2){let e=G();k(),F(e.dependencies)}}function kF(e,t){e&1&&(L(0,`p`,67),J(1,`Nothing is injected through the constructor or inject().`),R())}function AF(e,t){if(e&1){let e=H();L(0,`dl`,78)(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`,79),J(12),R(),P(13,QP,4,2,null,null,gP),R(),L(15,`div`,80)(16,`div`,5),D(),L(17,`svg`,6),z(18,`circle`,7)(19,`path`,8),R(),_s(),L(20,`input`,81,2),U(`input`,function(t){return T(e),E(G(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return T(e),E(G(3).clearPropFilter(t))}),R()(),M(22,$P,2,2,`span`,11),L(23,`p`,20),J(24),R()(),M(25,CF,7,5),L(26,`div`,63)(27,`h3`),J(28,` Injected `),L(29,`span`,64),J(30),R()(),M(31,OF,3,0,`ul`,82)(32,kF,2,0,`p`,67),R()}if(e&2){let e,n=t,r=G(),i=G(2);k(4),Y(n.changeDetection??`Unknown`),k(4),Y(n.encapsulation??`Unknown`),k(4),Y(n.path),k(),F(i.routedById().get(r.id)??mv(9,pP)),k(7),I(`value`,i.propFilter()),k(2),N(i.propQuery()?22:-1),k(2),Y(i.propFilterStatus()),k(),N((e=i.shownValues())?25:-1,e),k(5),Y(n.dependencies.length),k(),N(n.dependencies.length?31:32)}}function jF(e,t){e&1&&(L(0,`div`,72),z(1,`span`,98),L(2,`p`,43),J(3,`Reading live values from the page…`),R()())}function MF(e,t){if(e&1&&(L(0,`section`,29)(1,`header`,59)(2,`span`,60),J(3,`component`),R(),L(4,`h2`,61),J(5),R(),L(6,`span`,62),J(7),R(),M(8,GP,2,2,`p`,69),M(9,KP,7,1),M(10,YP,1,1),M(11,XP,5,1,`div`,70),M(12,ZP,1,6,`app-store-global`,71),R(),M(13,AF,33,10)(14,jF,4,0,`div`,72),R()),e&2){let e,n,r,i=t,a=G(2);k(5),Y(i.name),k(2),X(`<`,i.tag,`>`),k(),N((e=a.whereOf(i))?8:-1,e),k(),N(a.devtoolsActions()?9:-1),k(),N((n=a.sourceFor(i))?10:-1,n),k(),N(a.canShowInjector()&&!a.staticReport()?11:-1),k(),N(!a.staticReport()&&!a.native()?12:-1),k(),N((r=a.detail())?13:14,r)}}function NF(e,t){e&1&&(L(0,`p`,42),J(1,`The selected component was destroyed`),R(),L(2,`p`,43)(3,`span`,79),J(4),R(),J(5,` is no longer on the page. Select another component to see its live values. `),R()),e&2&&(k(4),Y(t))}function PF(e,t){e&1&&(L(0,`p`,43),J(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),R())}function FF(e,t){if(e&1&&(L(0,`div`,30),M(1,NF,6,1)(2,PF,2,0,`p`,43),R()),e&2){let e,t=G(2);k(),N((e=t.destroyed())?1:2,e)}}function IF(e,t){e&1&&(L(0,`span`,92),J(1,`hydrate never`),R())}function LF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.hydration)}}function RF(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,101),U(`click`,function(){let t=T(e).$implicit;return E(G(3).showOwner(t))})(`focus`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlightBlock(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))}),L(2,`span`,57),J(3),R(),L(4,`span`,102),J(5),R(),M(6,IF,2,0,`span`,92)(7,LF,2,1,`span`,92),L(8,`span`,103),J(9),R()()()}if(e&2){let e=t.$implicit;k(),j(`aria-disabled`,e.owner?null:`true`),k(2),Y(e.owner?.name??`Unknown component`),k(),M_(`defer-state-`+e.state),k(),Y(e.state),k(),N(e.hydrateNever?6:e.hydration===`not-configured`?-1:7),k(3),Y(e.triggers.join(`, `)||`no triggers`)}}function zF(e,t){if(e&1&&(L(0,`section`,31)(1,`h2`,99),J(2,` Defer blocks `),L(3,`span`,64),J(4),R()(),L(5,`ul`,100),P(6,RF,10,7,`li`,null,SP),R()()),e&2){let e=G(2);k(4),Y(e.deferCount()),k(2),F(e.deferBlocks())}}function BF(e,t){e&1&&z(0,`app-angular-unavailable`,32),e&2&&I(`page`,G(2).angularPage())}function VF(e,t){if(e&1){let e=H();L(0,`app-hydration-section`,104),U(`overlay`,function(t){return T(e),E(G(2).setHydrationOverlay(t))})(`showNode`,function(t){return T(e),E(G(2).revealNode(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}e&2&&I(`report`,G(2).page()?.hydration)}function HF(e,t){if(e&1){let e=H();L(0,`app-cd-recording`,105),U(`showComponent`,function(t){return T(e),E(G(2).showCdComponent(t))}),R(),L(1,`app-leaks-section`,106),U(`showComponent`,function(t){return T(e),E(G(2).showLeakComponent(t))})(`highlight`,function(t){return T(e),E(G(2).highlight(t))}),R()}if(e&2){let e=G(2);I(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc()),k(),I(`report`,e.leaksPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`angular`,e.angularPage())}}function UF(e,t){if(e&1){let e=H();L(0,`p`,3),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`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,9,0),U(`input`,function(t){return T(e),E(G().setFilter(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().setFilter(``))}),R(),L(9,`span`,10),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,wP,3,2),L(12,`span`,11),J(13),R(),M(14,TP,5,1,`button`,12),L(15,`button`,13),U(`click`,function(){return T(e),E(G().expandAll())}),D(),L(16,`svg`,14),z(17,`path`,15)(18,`path`,16),R(),J(19,` Expand all `),R(),_s(),L(20,`button`,13),U(`click`,function(){return T(e),E(G().collapseAll())}),D(),L(21,`svg`,14),z(22,`path`,17)(23,`path`,18),R(),J(24,` Collapse all `),R(),M(25,EP,4,3,`button`,19),R(),_s(),L(26,`p`,20),J(27),R(),M(28,DP,2,1,`p`,21),M(29,OP,2,1,`p`,22),L(30,`div`,23)(31,`div`)(32,`h2`,24),J(33,`Component tree`),R(),M(34,jP,7,3,`div`,25),M(35,MP,2,1,`p`,26),L(36,`div`,27,1),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(38,VP,11,21,`div`,28,hP),R()(),M(40,WP,20,5,`section`,29)(41,MF,15,8,`section`,29)(42,FF,3,1,`div`,30),R(),M(43,zF,8,1,`section`,31),M(44,BF,1,1,`app-angular-unavailable`,32),M(45,VF,1,1,`app-hydration-section`,33),L(46,`app-for-blocks`,34),U(`showOwner`,function(t){return T(e),E(G().showForOwner(t))})(`highlight`,function(t){return T(e),E(G().highlight(t))}),R(),M(47,HF,2,7)}if(e&2){let e,t=G();k(7),I(`value`,t.filter()),k(4),N(t.pageOptions().length>1?11:-1),k(2),Y(t.countLabel()),k(),N(t.page().directiveHostCount?14:-1),k(),I(`disabled`,!!t.filter().trim()),k(5),I(`disabled`,!!t.filter().trim()),k(5),N(t.native()?-1:25),k(2),Y(t.announcement()),k(),N(t.pickMessage()?28:-1),k(),N(t.page().truncated?29:-1),k(5),N(t.rows().length?-1:34),k(),N(t.rowWindow.enabled()?35:-1),k(),K(`padding-top`,t.rowWindow.enabled()?6+t.rowWindow.padTop():null,`px`)(`padding-bottom`,t.rowWindow.enabled()?6+t.rowWindow.padBottom():null,`px`),q(`windowed`,t.rowWindow.enabled()),I(`hidden`,!t.rows().length),k(2),F(t.shownRows()),k(2),N((e=t.selectedHost())?40:(e=t.selectedNode())?41:42,e),k(3),N(t.deferBlocks().length?43:-1),k(),N(t.deferUnavailable()?44:-1),k(),N(t.native()?-1:45),k(),I(`blocks`,t.page()?.forBlocks)(`truncated`,t.page()?.forBlocksTruncated===!0)(`supported`,t.page()?.deferBlocks&&!t.page()?.forBlocks||t.forUnavailable()?!1:null)(`angular`,t.angularPage()),k(),N(!t.staticReport()&&!t.native()?47:-1)}}function WF(e,t){e&1&&(L(0,`p`,22),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 GF(e,t){e&1&&(L(0,`p`,107),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 KF(e,t){if(e&1&&J(0),e&2){let e=G(3);Z(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function qF(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 JF(e,t){if(e&1&&(L(0,`span`,109),M(1,KF,1,2)(2,qF,1,4),R()),e&2){let e=G(2);k(),N(e.filter().trim()?1:2)}}function YF(e,t){e&1&&(L(0,`div`,113),z(1,`span`,98),L(2,`p`,42),J(3,`Scanning components…`),R()())}function XF(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function ZF(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function QF(e,t){if(e&1){let e=H();L(0,`div`,114)(1,`p`,42),J(2,`Could not load components`),R(),L(3,`p`,43),M(4,XF,4,0)(5,ZF,1,0),R(),L(6,`button`,44),U(`click`,function(){return T(e),E(G(2).refresh())}),J(7,`Retry`),R()()}if(e&2){let e=G(2);k(4),N(e.staticReport()?4:5)}}function $F(e,t){e&1&&(L(0,`div`,115)(1,`p`,42),J(2,`No components found`),R(),L(3,`p`,43),J(4,`No @Component or @Directive was found in the source.`),R()())}function eI(e,t){if(e&1){let e=H();L(0,`div`,115)(1,`p`,42),J(2),R(),L(3,`button`,44),U(`click`,function(){return T(e),E(G(2).clearFilter())}),J(4,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No components match “`,e.filter().trim(),`”`)}}function tI(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function nI(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;k(3),Y(e.changeDetection??`Unknown`)}}function rI(e,t){if(e&1){let e=H();L(0,`button`,77),U(`click`,function(){let t=T(e).$implicit;return E(G(5).showForm.emit(t.formId))}),J(1),R()}if(e&2){let e=t.$implicit;k(),X(` Show `,e.label,` in Forms `)}}function iI(e,t){if(e&1&&(L(0,`div`,125)(1,`dl`,78)(2,`dt`),J(3,`Class`),R(),L(4,`dd`,79),J(5),R(),L(6,`dt`),J(7,`File`),R(),L(8,`dd`,79),z(9,`app-source-link`,73),R(),L(10,`dt`),J(11,`Standalone`),R(),L(12,`dd`),J(13),R(),M(14,nI,4,1),L(15,`dt`),J(16,`Inputs`),R(),L(17,`dd`,79),J(18),R(),L(19,`dt`),J(20,`Outputs`),R(),L(21,`dd`,79),J(22),R()(),P(23,rI,2,1,`button`,76,vP),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(3);I(`id`,`ct-source-`+n),k(5),Y(r.bareName(t.className)),k(4),I(`file`,t.file)(`line`,t.line),k(4),Y(t.isStandalone?`Yes`:`No`),k(),N(t.kind===`component`?14:-1),k(4),Y(t.inputs.join(`, `)||`None`),k(4),Y(t.outputs.join(`, `)||`None`),k(),F(r.formsIn(t.file))}}function aI(e,t){if(e&1){let e=H();L(0,`li`,118)(1,`button`,119),U(`click`,function(){let t=T(e).$implicit,n=G(3);return E(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),L(2,`span`,120),J(3),R(),L(4,`span`,121)(5,`span`,122),J(6),R(),L(7,`span`,123),M(8,tI,1,1),J(9),R()(),D(),L(10,`svg`,124),z(11,`path`,54),R()(),M(12,iI,25,8,`div`,125),R()}if(e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`expanded`,r.openKey()===r.sourceKey(e)),k(),j(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),k(),q(`directive`,e.kind===`directive`),k(),Y(e.kind),k(3),Y(r.sourceLabel(e)),k(2),N(e.selector?8:-1),k(),Z(` `,e.file,`:`,e.line,` `),k(3),N(r.openKey()===r.sourceKey(e)?12:-1)}}function oI(e,t){if(e&1&&(L(0,`ul`,116),P(1,aI,13,12,`li`,117,CP,!0),R()),e&2){let e=G(2);k(),F(e.filteredSource())}}function sI(e,t){if(e&1){let e=H();M(0,WF,2,0,`p`,22)(1,GF,2,0,`p`,107),L(2,`div`,4)(3,`div`,5),D(),L(4,`svg`,6),z(5,`circle`,7)(6,`path`,8),R(),_s(),L(7,`input`,108,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(9,JF,3,1,`span`,109),L(10,`button`,110),U(`click`,function(){return T(e),E(G().refresh())}),D(),L(11,`svg`,14),z(12,`path`,111)(13,`path`,112),R(),J(14,` Refresh `),R()(),M(15,YF,4,0,`div`,113)(16,QF,8,1,`div`,114)(17,$F,5,0,`div`,115)(18,eI,5,1,`div`,115)(19,oI,3,0,`ul`,116)}if(e&2){let e=G();N(+!e.page()),k(7),I(`value`,e.filter()),k(2),N(e.source().length?9:-1),k(),q(`spinning`,e.loading()),j(`aria-busy`,e.loading()),k(5),N(e.loading()&&!e.source().length?15:e.error()&&!e.source().length?16:e.source().length?e.filteredSource().length?19:18:17)}}var cI=32;function lI(e){return e.replace(/^_(?=[A-Z])/,``)}var uI=`pangular:components:directive-hosts`;function dI(){try{return localStorage.getItem(uI)!==`hidden`}catch{return!0}}var fI=class e{rpc=$(null);staticReport=Q(()=>UE(this.rpc()));focus=$(null);showForm=Rv();focusHandled=Rv();command=$(null);commandHandled=Rv();canShowInjector=$(!1);showInjector=Rv();filter=O(``);loading=O(!1);error=O(!1);source=O([]);formOwners=O([]);pages=O({});chosenPageId=O(null);selectedId=O(null);destroyed=O(null);announcement=O(``);picking=O(!1);pickMessage=O(``);pickPageId=null;pickSeq=0;focusId=O(null);bridge=C(cO);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=O(new Set);showDirectiveHosts=O(dI());openKey=O(null);routerPages=O([]);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.pageId));hasControlFlow=Q(()=>{let e=this.angularPage()?.version;return!e||jE(e,`17.0`)});deferUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`deferBlocks`));forUnavailable=Q(()=>this.hasControlFlow()&&ME(this.angularPage(),`forBlocks`));destroyRef=C(Ds);injector=C(Ts);host=C(Il);filterInput=Jv(`filterInput`);cdRecording=Jv(tM);pagesKnown=O(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Fv({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>RE(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(()=>_O(this.page()));canEdit=Q(()=>this.live()&&!this.native()&&!this.staticReport()&&rD(this.rpc(),`components`));devtoolsActions=Q(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=O({});cdPage=Q(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=Q(()=>this.cdPage()?.hosts??{});leaksPages=O({});leaksPage=Q(()=>{let e=this.page()?.pageId;return e?this.leaksPages()[e]??null:null});visibleRoots=Q(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:AO(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(()=>kO(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(()=>PO(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)=>{i.forEach((o,s)=>{let c=n||!t.has(o.id);e.push({node:o,depth:a,hasChildren:o.children.length>0,expanded:c,posinset:s+1,setsize:i.length}),c&&r(o.children,a+1)})};return r(this.filtered().nodes,0),e});rowWindow=new aP({count:Q(()=>this.rows().length),estimate:cI,fixed:!0});shownRows=Q(()=>{let{start:e,end:t}=this.rowWindow.range();return this.rows().slice(e,t).map((t,n)=>({row:t,index:e+n}))});tabStop=Q(()=>{let e=this.rovingId(),t=this.shownRows();return t.some(({row:t})=>t.node.id===e)?e:t[0]?.row.node.id??null});treeEl=Jv(`treeEl`);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 cN;propFilter=O(``);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)||WM([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=lI(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(){mc(()=>{let e=this.treeEl()?.nativeElement;e&&this.rowWindow.attach(e)}),mc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Nv(()=>this.values.follow(t,e?.expanded))}),mc(()=>{let e=this.page()?.pageId??null;Nv(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),mc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),mc(()=>{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()})}),mc(()=>{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(`leaks`);if(this.destroyRef.destroyed)return;let n=e=>{let t=e?.pages;this.leaksPages.set(t&&typeof t==`object`?t:{})};n(e.value()),this.cleanups.push(e.on(`updated`,n))}catch{this.leaksPages.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(lI(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:lI(e.className)}bareName(e){return lI(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=zO(r,a,n);o&&(this.focusId.set(o),Hd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=LO({...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(FO(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 jO(e)}hydrationText(e){return NO(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(uI,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)}showLeakComponent(e){this.index().map.has(e)&&this.reveal(e,!0)}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);let r=this.rows().findIndex(t=>t.node.id===e);r>=0&&this.rowWindow.reveal(r),Hd(()=>{let n=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);this.clearToolbar(),n?.scrollIntoView({block:`nearest`}),n&&this.keepBelowToolbar(n),t&&n?.focus({preventScroll:!0})},{injector:this.injector})}clearToolbar(){let e=this.host.nativeElement.querySelector(`.toolbar`);e&&this.host.nativeElement.style.setProperty(`--ct-toolbar-clearance`,`${cP(e)}px`)}keepBelowToolbar(e){let t=this.host.nativeElement.querySelector(`.toolbar`);t&&lP(e,t)}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);let n=()=>{let t=document.querySelector(`.row[data-id="${CSS.escape(e)}"]`);this.clearToolbar(),t?.focus({preventScroll:!0}),t?.scrollIntoView({block:`nearest`}),t&&this.keepBelowToolbar(t)};this.rowWindow.rendered(a)?queueMicrotask(n):this.rowWindow.reveal(a,n)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,uP,5)(t.cdRecording,tM,5)(t.treeEl,dP,5)(t.propFilterInput,fP,5),e&2&&u_(4)},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`,``],[`treeEl`,``],[`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`],[1,`window-note`],[`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`],[`capability`,`deferBlocks`,`compact`,``,1,`defer`,3,`page`],[3,`report`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`supported`,`angular`],[`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`],[3,`showComponent`,`highlight`,`report`,`pageId`,`rpc`,`angular`],[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,UF,48,28)(1,sI,20,7),e&2&&N(+!t.live())},dependencies:[OO,tM,uM,oN,pN,wN,ZO,tP,hO],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -3270,7 +3270,7 @@ pre[_ngcontent-%COMP%] {
 
 .inline-detail[_ngcontent-%COMP%]   .show-form[_ngcontent-%COMP%] {
   margin: 0 16px;
-}`]})};function fI(e){return e.line?`${e.file}:${e.line}`:e.file}function pI(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 mI=HE;function hI(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var gI=`Could not reach the page.`;async function _I(e,t,n){return await mI(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function vI(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var yI=()=>[],bI=(e,t)=>t[0],xI=(e,t)=>t.input;function SI(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();k(3),Y(e.browserUrl)}}function CI(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);k(),Y(e.navigationOff)}}function wI(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 T(e),E(G(2).abort())}),J(8,` Abort `),V()(),M(9,CI,2,1,`p`,12)}if(e&2){let e=t,n=G(2);k(5),Y(e.url),k(),X(` (#`,e.id,`)`),k(),qg(`disabled`,!n.navigationAllowed()),j(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),k(2),N(n.navigationAllowed()?-1:9)}}function TI(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);k(),Y(e.message())}}function EI(e,t){if(e&1&&(B(0,`dt`),J(1,`Document title`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.title)}}function DI(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();k(4),Y(Cv(5,1,e.queryParams))}}function OI(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();k(4),Y(e.fragment)}}function kI(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),X(`, `,e.nesting)}}function AI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.outlet)}}function jI(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function MI(e,t){if(e&1&&(B(0,`div`,16),J(1),V()),e&2){let e=G().$implicit;k(),Z(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function NI(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.component)}}function PI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function FI(e,t){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function II(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,FI,2,0,`span`,15),V()),e&2){let e=t.$implicit,n=G().$implicit;k(2),Z(``,e[0],`: `,Cv(3,3,e[1])),k(2),N(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function LI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function RI(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(k(),Y(t))}function zI(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,RI,2,1,`span`,15),V()),e&2){let e,n=t.$implicit,r=G().$implicit;k(2),Z(``,n[0],`: `,Cv(3,3,n[1])),k(2),N((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function BI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function VI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Y(e)}}function HI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function UI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function WI(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,kI,2,1,`span`,14),M(4,AI,2,1,`span`,15),M(5,jI,2,0,`span`,15),M(6,MI,2,2,`div`,16),V(),B(7,`td`),M(8,NI,2,1,`code`,17)(9,PI,4,0),V(),B(10,`td`),P(11,II,5,5,`div`,18,bI,!1,LI,4,0),V(),B(14,`td`),P(15,zI,5,5,`div`,19,bI,!1,BI,4,0),V(),B(18,`td`),P(19,VI,2,1,`span`,15,Ag),P(21,HI,2,1,`span`,15,Ag),M(23,UI,4,0),V()()),e&2){let e=t.$implicit,n=G(2);k(),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.label,` `),k(),N(e.nesting?3:-1),k(),N(e.route.outlet===`primary`?-1:4),k(),N(e.route.lazy?5:-1),k(),N(e.route.title?6:-1),k(2),N(e.route.component?8:9),k(3),F(n.entries(e.route.params)),k(4),F(n.entries(e.route.data)),k(4),F(n.guardList(e.route)),k(2),F(e.route.resolvers??mv(11,yI)),k(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function GI(e,t){if(e&1){let e=H();B(0,`button`,26),W(`click`,function(){T(e);let t=G(2).$implicit,n=G(3);return E(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;k(3),X(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function KI(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,GI,4,1,`button`,25)),e&2){let e=G().$implicit,t=G(3);k(),Y(e.outlet.component??`?`),k(3),Y(e.outlet.route??`?`),k(),N(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function qI(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function JI(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function YI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Z(`input `,e.input,` ← `,e.source)}}function XI(e,t){if(e&1&&(B(0,`span`,24),J(1,`routerOutletData `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;k(3),Y(e.outlet.data)}}function ZI(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,KI,6,3)(4,qI,2,0,`span`,23),M(5,JI,2,0,`span`,15),P(6,YI,2,2,`span`,15,xI),M(8,XI,4,1,`span`,24),V()),e&2){let e=t.$implicit,n=G(3);K(`padding-left`,10+e.depth*16,`px`),k(2),Y(e.outlet.outlet),k(),N(e.outlet.activated?3:4),k(2),N(e.outlet.detached?5:-1),k(),F(n.boundInputs(e.outlet)),k(2),N(e.outlet.data===void 0?-1:8)}}function QI(e,t){if(e&1&&(B(0,`h3`),J(1,`Outlets`),V(),B(2,`ul`,21),P(3,ZI,9,6,`li`,22,kg),V()),e&2){let e=G(2);k(3),F(e.outletRows())}}function $I(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,SI,5,1,`p`,3),M(6,wI,10,5),M(7,TI,2,1,`p`,4),B(8,`dl`,5),M(9,EI,4,1),M(10,DI,6,3),M(11,OI,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,WI,24,12,`tr`,null,kg),V()()(),M(31,QI,5,0)),e&2){let e,n=t,r=G();k(4),Y(n.url),k(),N(n.urlDrift&&n.browserUrl?5:-1),k(),N((e=n.pending)?6:-1,e),k(),N(r.message()?7:-1),k(2),N(n.title?9:-1),k(),N(r.hasKeys(n.queryParams)?10:-1),k(),N(n.fragment?11:-1),k(18),F(r.rows()),k(2),N(r.outletRows().length?31:-1)}}function eL(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 tL=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);componentsOn=Q(()=>nD(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 _I(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=A({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,$I,32,8)(1,eL,8,0,`div`,0),e&2){let e;N((e=t.page().snapshot)?0:1,e)}},dependencies:[gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function pI(e){return e.line?`${e.file}:${e.line}`:e.file}function mI(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 hI=HE;function gI(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var _I=`Could not reach the page.`;async function vI(e,t,n){return await hI(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function yI(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var bI=()=>[],xI=(e,t)=>t[0],SI=(e,t)=>t.input;function CI(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();k(3),Y(e.browserUrl)}}function wI(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);k(),Y(e.navigationOff)}}function TI(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 T(e),E(G(2).abort())}),J(8,` Abort `),V()(),M(9,wI,2,1,`p`,12)}if(e&2){let e=t,n=G(2);k(5),Y(e.url),k(),X(` (#`,e.id,`)`),k(),qg(`disabled`,!n.navigationAllowed()),j(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),k(2),N(n.navigationAllowed()?-1:9)}}function EI(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);k(),Y(e.message())}}function DI(e,t){if(e&1&&(B(0,`dt`),J(1,`Document title`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.title)}}function OI(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();k(4),Y(Cv(5,1,e.queryParams))}}function kI(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();k(4),Y(e.fragment)}}function AI(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),X(`, `,e.nesting)}}function jI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.outlet)}}function MI(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function NI(e,t){if(e&1&&(B(0,`div`,16),J(1),V()),e&2){let e=G().$implicit;k(),Z(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function PI(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.component)}}function FI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function II(e,t){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function LI(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,II,2,0,`span`,15),V()),e&2){let e=t.$implicit,n=G().$implicit;k(2),Z(``,e[0],`: `,Cv(3,3,e[1])),k(2),N(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function RI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function zI(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(k(),Y(t))}function BI(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,zI,2,1,`span`,15),V()),e&2){let e,n=t.$implicit,r=G().$implicit;k(2),Z(``,n[0],`: `,Cv(3,3,n[1])),k(2),N((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function VI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function HI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Y(e)}}function UI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function WI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function GI(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,AI,2,1,`span`,14),M(4,jI,2,1,`span`,15),M(5,MI,2,0,`span`,15),M(6,NI,2,2,`div`,16),V(),B(7,`td`),M(8,PI,2,1,`code`,17)(9,FI,4,0),V(),B(10,`td`),P(11,LI,5,5,`div`,18,xI,!1,RI,4,0),V(),B(14,`td`),P(15,BI,5,5,`div`,19,xI,!1,VI,4,0),V(),B(18,`td`),P(19,HI,2,1,`span`,15,Ag),P(21,UI,2,1,`span`,15,Ag),M(23,WI,4,0),V()()),e&2){let e=t.$implicit,n=G(2);k(),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.label,` `),k(),N(e.nesting?3:-1),k(),N(e.route.outlet===`primary`?-1:4),k(),N(e.route.lazy?5:-1),k(),N(e.route.title?6:-1),k(2),N(e.route.component?8:9),k(3),F(n.entries(e.route.params)),k(4),F(n.entries(e.route.data)),k(4),F(n.guardList(e.route)),k(2),F(e.route.resolvers??mv(11,bI)),k(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function KI(e,t){if(e&1){let e=H();B(0,`button`,26),W(`click`,function(){T(e);let t=G(2).$implicit,n=G(3);return E(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;k(3),X(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function qI(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,KI,4,1,`button`,25)),e&2){let e=G().$implicit,t=G(3);k(),Y(e.outlet.component??`?`),k(3),Y(e.outlet.route??`?`),k(),N(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function JI(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function YI(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function XI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Z(`input `,e.input,` ← `,e.source)}}function ZI(e,t){if(e&1&&(B(0,`span`,24),J(1,`routerOutletData `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;k(3),Y(e.outlet.data)}}function QI(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,qI,6,3)(4,JI,2,0,`span`,23),M(5,YI,2,0,`span`,15),P(6,XI,2,2,`span`,15,SI),M(8,ZI,4,1,`span`,24),V()),e&2){let e=t.$implicit,n=G(3);K(`padding-left`,10+e.depth*16,`px`),k(2),Y(e.outlet.outlet),k(),N(e.outlet.activated?3:4),k(2),N(e.outlet.detached?5:-1),k(),F(n.boundInputs(e.outlet)),k(2),N(e.outlet.data===void 0?-1:8)}}function $I(e,t){if(e&1&&(B(0,`h3`),J(1,`Outlets`),V(),B(2,`ul`,21),P(3,QI,9,6,`li`,22,kg),V()),e&2){let e=G(2);k(3),F(e.outletRows())}}function eL(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,CI,5,1,`p`,3),M(6,TI,10,5),M(7,EI,2,1,`p`,4),B(8,`dl`,5),M(9,DI,4,1),M(10,OI,6,3),M(11,kI,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,GI,24,12,`tr`,null,kg),V()()(),M(31,$I,5,0)),e&2){let e,n=t,r=G();k(4),Y(n.url),k(),N(n.urlDrift&&n.browserUrl?5:-1),k(),N((e=n.pending)?6:-1,e),k(),N(r.message()?7:-1),k(2),N(n.title?9:-1),k(),N(r.hasKeys(n.queryParams)?10:-1),k(),N(n.fragment?11:-1),k(18),F(r.rows()),k(2),N(r.outletRows().length?31:-1)}}function tL(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 nL=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);componentsOn=Q(()=>nD(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 vI(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=A({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,eL,32,8)(1,tL,8,0,`div`,0),e&2){let e;N((e=t.page().snapshot)?0:1,e)}},dependencies:[gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -3703,7 +3703,7 @@ h3[_ngcontent-%COMP%] {
   display: block;
   color: var(--%NS%text-2);
   font-size: 12px;
-}`]})};function nL(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().error,` error(s)`)}}function rL(e,t){if(e&1&&(B(0,`span`,9),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().warning,` warning(s)`)}}function iL(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().info,` info`)}}function aL(e,t){if(e&1&&(B(0,`span`,3),M(1,nL,2,1,`span`,8),M(2,rL,2,1,`span`,9),M(3,iL,2,1,`span`,10),V()),e&2){let e=G();k(),N(e.counts().error?1:-1),k(),N(e.counts().warning?2:-1),k(),N(e.counts().info?3:-1)}}function oL(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 T(e),E(G().run())}),J(6,`Retry`),V()()}}function sL(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function cL(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 lL(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function uL(e,t){e&1&&J(0,` No page with a router is connected. `)}function dL(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,cL,1,0)(5,lL,1,0)(6,uL,1,0),V()()),e&2){let e;k(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function fL(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),k(2),j(`data-tone`,n.severityTone(e.severity)),k(),Y(e.severity),k(2),Y(e.rule),k(2),Y(e.route),k(2),Y(e.message),k(5),X(``,e.fix,` `),k(2),X(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function pL(e,t){if(e&1&&(B(0,`ul`,7),P(1,fL,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),k(),F(e.findings())}}function mL(e,t){e&1&&(B(0,`div`,6)(1,`span`,19),D(),B(2,`svg`,20),Vg(3,`path`,21),V()(),_s(),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 hL=class e{page=$.required();rpc=$(null);result=O(null);failed=O(!1);checking=O(!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(){mc(()=>{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 mI(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=A({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,aL,4,3,`span`,3),V(),M(6,oL,7,0,`div`,4)(7,sL,2,0,`p`,5)(8,dL,7,1,`div`,6)(9,pL,3,1,`ul`,7)(10,mL,8,0,`div`,6)),e&2){let e;k(),j(`aria-busy`,t.checking()),k(),X(` `,t.checking()?`Checking…`:`Check again`,` `),k(3),N(t.result()?.checked&&t.findings().length?5:-1),k(),N(t.failed()?6:t.result()?(e=t.notChecked())?8:t.findings().length?9:10:7,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function rL(e,t){if(e&1&&(B(0,`span`,8),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().error,` error(s)`)}}function iL(e,t){if(e&1&&(B(0,`span`,9),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().warning,` warning(s)`)}}function aL(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G(2);k(),X(``,e.counts().info,` info`)}}function oL(e,t){if(e&1&&(B(0,`span`,3),M(1,rL,2,1,`span`,8),M(2,iL,2,1,`span`,9),M(3,aL,2,1,`span`,10),V()),e&2){let e=G();k(),N(e.counts().error?1:-1),k(),N(e.counts().warning?2:-1),k(),N(e.counts().info?3:-1)}}function sL(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 T(e),E(G().run())}),J(6,`Retry`),V()()}}function cL(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function lL(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 uL(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function dL(e,t){e&1&&J(0,` No page with a router is connected. `)}function fL(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,lL,1,0)(5,uL,1,0)(6,dL,1,0),V()()),e&2){let e;k(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function pL(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),k(2),j(`data-tone`,n.severityTone(e.severity)),k(),Y(e.severity),k(2),Y(e.rule),k(2),Y(e.route),k(2),Y(e.message),k(5),X(``,e.fix,` `),k(2),X(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function mL(e,t){if(e&1&&(B(0,`ul`,7),P(1,pL,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),k(),F(e.findings())}}function hL(e,t){e&1&&(B(0,`div`,6)(1,`span`,19),D(),B(2,`svg`,20),Vg(3,`path`,21),V()(),_s(),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 gL=class e{page=$.required();rpc=$(null);result=O(null);failed=O(!1);checking=O(!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(){mc(()=>{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 hI(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=A({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,oL,4,3,`span`,3),V(),M(6,sL,7,0,`div`,4)(7,cL,2,0,`p`,5)(8,fL,7,1,`div`,6)(9,mL,3,1,`ul`,7)(10,hL,8,0,`div`,6)),e&2){let e;k(),j(`aria-busy`,t.checking()),k(),X(` `,t.checking()?`Checking…`:`Check again`,` `),k(3),N(t.result()?.checked&&t.findings().length?5:-1),k(),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;
@@ -4125,7 +4125,7 @@ h3[_ngcontent-%COMP%] {
 
 .fix[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {
   font-size: 12px;
-}`]})},gL=(e,t)=>t.name,_L=(e,t)=>t[0];function vL(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 yL(e,t){if(e&1&&(B(0,`dt`),J(1,`Angular`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.angularVersion)}}function bL(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();k(4),Y(e.baseHref)}}function xL(e,t){if(e&1&&(B(0,`dt`),J(1,`Hydration`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),X(``,e.hydrated,` component(s) hydrated from server HTML`)}}function SL(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;k(3),Y(e.name),k(3),Y(e.value),k(2),j(`data-tone`,e.set?`warn`:``),k(),Y(e.set?`set`:`default`)}}function CL(e,t){if(e&1&&(B(0,`li`)(1,`span`,7),J(2),V()()),e&2){let e=t.$implicit;k(),j(`data-tone`,e[1]===`off`?``:`good`),k(),Z(``,e[0],`: `,e[1])}}function wL(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,CL,3,3,`li`,null,_L),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.features))}}function TL(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;k(),Y(e[0]),k(3),Y(e[1])}}function EL(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,TL,5,2,null,null,_L),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.strategies))}}function DL(e,t){if(e&1&&(M(0,vL,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,yL,4,1),M(7,bL,5,1),M(8,xL,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,SL,10,4,`tr`,null,gL),V()()(),M(24,wL,5,0),M(25,EL,5,0)),e&2){let e=t,n=G();N(e.mode===`events-only`?0:-1),k(5),Z(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),k(),N(e.angularVersion?6:-1),k(),N(e.baseHref?7:-1),k(),N(e.hydrated?8:-1),k(14),F(e.options),k(2),N(n.entries(e.features).length?24:-1),k(),N(n.entries(e.strategies).length?25:-1)}}function OL(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 kL=class e{page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,DL,26,8)(1,OL,5,0,`div`,0),e&2){let e;N((e=t.page().setup)?0:1,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},_L=(e,t)=>t.name,vL=(e,t)=>t[0];function yL(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 bL(e,t){if(e&1&&(B(0,`dt`),J(1,`Angular`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),Y(e.angularVersion)}}function xL(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();k(4),Y(e.baseHref)}}function SL(e,t){if(e&1&&(B(0,`dt`),J(1,`Hydration`),V(),B(2,`dd`),J(3),V()),e&2){let e=G();k(3),X(``,e.hydrated,` component(s) hydrated from server HTML`)}}function CL(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;k(3),Y(e.name),k(3),Y(e.value),k(2),j(`data-tone`,e.set?`warn`:``),k(),Y(e.set?`set`:`default`)}}function wL(e,t){if(e&1&&(B(0,`li`)(1,`span`,7),J(2),V()()),e&2){let e=t.$implicit;k(),j(`data-tone`,e[1]===`off`?``:`good`),k(),Z(``,e[0],`: `,e[1])}}function TL(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,wL,3,3,`li`,null,vL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.features))}}function EL(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;k(),Y(e[0]),k(3),Y(e[1])}}function DL(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,EL,5,2,null,null,vL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.strategies))}}function OL(e,t){if(e&1&&(M(0,yL,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,bL,4,1),M(7,xL,5,1),M(8,SL,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,CL,10,4,`tr`,null,_L),V()()(),M(24,TL,5,0),M(25,DL,5,0)),e&2){let e=t,n=G();N(e.mode===`events-only`?0:-1),k(5),Z(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),k(),N(e.angularVersion?6:-1),k(),N(e.baseHref?7:-1),k(),N(e.hydrated?8:-1),k(14),F(e.options),k(2),N(n.entries(e.features).length?24:-1),k(),N(n.entries(e.strategies).length?25:-1)}}function kL(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 AL=class e{page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,OL,26,8)(1,kL,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;
@@ -4456,7 +4456,7 @@ h3[_ngcontent-%COMP%] {
 
 .facts[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
-}`]})},AL=(e,t)=>t.id,jL=(e,t)=>t.phase;function ML(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function NL(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function PL(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function FL(e,t){if(e&1&&(M(0,PL,4,0),L(1,`code`),J(2),R()),e&2){let e=t.$implicit,n=t.$index;N(n===0?-1:0),k(2),Y(e)}}function IL(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);k(2),Y(e.from),k(6),Y(e.to),k(),X(`: `,n.hopCause(e),` `)}}function LL(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,FL,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,IL,10,3,`li`,null,kg),R(),L(9,`p`,17),J(10),R()()),e&2){let e=t.$implicit,n=G(2);k(3),Y(n.loopTitle(e)),k(),F(e.cycle),k(3),F(e.hops),k(3),Y(n.loopMeta(e))}}function RL(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,LL,11,2,`div`,13,kg),R()),e&2){let e=G();k(2),X(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),k(),F(e.loops())}}function zL(e,t){if(e&1&&(L(0,`span`),z(1,`i`),J(2),R()),e&2){let e=t.$implicit,n=G(2);k(),K(`background`,n.color(e)),k(),Y(e)}}function BL(e,t){if(e&1&&(L(0,`time`),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),Y(t.time(e.startedAt))}}function VL(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;k(5),Y(e.finalUrl)}}function HL(e,t){if(e&1&&(L(0,`span`,30),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function UL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.phases?.total,`ms`)}}function WL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.endedAt-e.startedAt,`ms`)}}function GL(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function KL(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);k(3),Z(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function qL(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 JL(e,t){if(e&1&&(L(0,`div`,33),P(1,qL,1,5,`span`,39,jL),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),k(),F(t.bars(e))}}function YL(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;k(4),Y(e.from)}}function XL(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;k(3),Z(``,e.caller,` (`,e.trigger,`)`)}}function ZL(e,t){if(e&1&&(L(0,`dt`),J(1,`Extras`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.extras?.join(`, `))}}function QL(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;k(3),X(`#`,e.redirectedFrom)}}function $L(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);k(3),Y(e.from),k(3),Y(e.to),k(),X(`, `,n.hopCause(e),` `)}}function eR(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,$L,8,3,`div`,null,kg),R()),e&2){let e=t,n=G().$implicit,r=G(2);k(3),X(` `,e.cycle.join(` → `),` `),k(),F(r.hopsOf(e,n))}}function tR(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;k(4),Y(e.redirectTo),k(),X(` (`,e.redirectKind,`) `)}}function nR(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);k(3),Z(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function rR(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);k(2),Y(e.guard),k(),X(` `,e.kind,` on `),k(2),Y(e.route),k(2),q(`bad`,n.isBad(e.result)),k(),Y(e.result),k(),X(` (`,e.ms,`ms) `)}}function iR(e,t){if(e&1&&(L(0,`dt`),J(1,`Runs`),R(),L(2,`dd`),P(3,rR,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;k(3),F(e.runs)}}function aR(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function oR(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,aR,1,1),J(4),R()),e&2){let e=G().$implicit;k(3),N(e.checked.deactivate.length?3:-1),k(),X(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function sR(e,t){if(e&1&&(L(0,`dt`),J(1,`Resolvers`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.resolvers?.names?.join(`, `))}}function cR(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;k(3),Y(e.lazyLoaded?.join(`, `))}}function lR(e,t){if(e&1&&(L(0,`dt`),J(1,`Reused`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function uR(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Z(``,e.requests.count,` request(s): `,e.requests.urls.join(`, `))}}function dR(e,t){if(e&1&&(L(0,`dt`),J(1,`Scroll`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.scroll)}}function fR(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;k(3),Y(e.title)}}function pR(e,t){if(e&1&&(L(0,`dt`),J(1,`Warnings`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.warnings?.join(` · `))}}function mR(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);k(3),Y(t.reasonText(e))}}function hR(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;k(3),Y(e.errorCode)}}function gR(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;k(3),Y(e.errorHandler)}}function _R(e,t){if(e&1&&(L(0,`dt`),J(1,`Earlier`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(``,e.earlier,` navigation(s) before Pangular Inspector connected`)}}function vR(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 yR(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,BL,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,VL,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,HL,2,1,`span`,30)(12,UL,2,1,`span`,31)(13,WL,2,1,`span`,31),M(14,GL,2,0,`span`,32),M(15,KL,4,2,`span`,15),R()(),M(16,JL,3,1,`div`,33),L(17,`dl`,34),M(18,YL,5,1),M(19,XL,4,2),M(20,ZL,4,1),M(21,QL,4,1),M(22,eR,6,1),M(23,tR,6,2),M(24,nR,4,2),M(25,iR,5,0),M(26,oR,5,2),M(27,sR,4,1),M(28,cR,4,1),M(29,lR,4,1),M(30,uR,4,2),M(31,dR,4,1),M(32,fR,4,1),M(33,pR,4,1),M(34,mR,4,1),M(35,hR,4,1),M(36,gR,4,1),M(37,_R,4,1),R(),L(38,`div`,35)(39,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).replay(t))}),J(40,` Replay `),R(),L(41,`button`,37),U(`click`,function(){let t=T(e).$implicit;return E(G(2).copy(t))}),J(42,` Copy repro `),R(),M(43,vR,2,2,`p`,38),R()()}if(e&2){let e,n,r=t.$implicit,i=G(2);q(`in-loop`,!!i.loopOf(r)),k(2),N(r.beforeConnect?-1:2),k(2),X(`#`,r.id),k(2),Y(r.url),k(),N(r.finalUrl&&r.finalUrl!==r.url?7:-1),k(2),j(`data-tone`,i.tone(r.outcome)),k(),Y(r.outcome),k(),N(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),k(3),N(r.probe?14:-1),k(),N((e=i.loopOf(r))?15:-1,e),k(),N(i.bars(r).length?16:-1),k(2),N(r.from?18:-1),k(),N(r.caller?19:-1),k(),N(r.extras?.length?20:-1),k(),N(r.redirectedFrom===void 0?-1:21),k(),N((n=i.loopOf(r))?22:-1,n),k(),N(r.redirectTo?23:-1),k(),N(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),k(),N(r.runs?.length?25:-1),k(),N(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),k(),N(r.resolvers?.names?.length?27:-1),k(),N(r.lazyLoaded?.length?28:-1),k(),N(r.reused?.length?29:-1),k(),N(r.requests?30:-1),k(),N(r.scroll?31:-1),k(),N(r.title?32:-1),k(),N(r.warnings?.length?33:-1),k(),N(r.reason||r.code?34:-1),k(),N(r.errorCode?35:-1),k(),N(r.errorHandler?36:-1),k(),N(r.earlier?37:-1),k(2),I(`disabled`,!i.navigationAllowed()||!i.replayable(r)),j(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),k(2),j(`aria-label`,`Copy repro for navigation `+r.id),k(2),N(i.replayable(r)?-1:43)}}function bR(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,zL,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,yR,44,37,`li`,24,AL),R()),e&2){let e=G();k(2),Z(``,e.items().length,` of `,e.page().navigations.length,` navigation(s)`),k(2),F(e.phases),k(3),F(e.items())}}function xR(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(){T(e);let t=G(2),n=d_(2);return t.clearFilters(),E(n.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2);k(4),X(` `,e.page().navigations.length,` navigation(s) are hidden. Clear the filters to see them. `)}}function SR(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 CR(e,t){e&1&&M(0,xR,7,1,`div`,41)(1,SR,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var wR=[`recognize`,`guards`,`resolve`,`activate`],TR={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},ER=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>nD(this.rpc()).limits.navigations);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);phases=wR;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 vI(e)}color(e){return TR[e]}bars(e){let t=e.phases?.total;return t?wR.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=QO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await _I(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 hI(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 _I(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 mI(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 VE(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=A({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,ML,2,1,`p`,8),M(16,NL,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,RL,5,1,`section`,11),M(19,bR,9,2)(20,CR,2,1)),e&2&&(k(),I(`value`,t.filter()),k(3),I(`checked`,t.onlyProblems()),k(3),I(`checked`,t.page().instrumented),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),k(3),Y(t.message()),k(),N(t.message()?15:-1),k(),N(t.navigationAllowed()?-1:16),k(),I(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),k(),N(t.loops().length?18:-1),k(),N(t.items().length?19:20))},dependencies:[rk],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},jL=(e,t)=>t.id,ML=(e,t)=>t.phase;function NL(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function PL(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function FL(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function IL(e,t){if(e&1&&(M(0,FL,4,0),L(1,`code`),J(2),R()),e&2){let e=t.$implicit,n=t.$index;N(n===0?-1:0),k(2),Y(e)}}function LL(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);k(2),Y(e.from),k(6),Y(e.to),k(),X(`: `,n.hopCause(e),` `)}}function RL(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,IL,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,LL,10,3,`li`,null,kg),R(),L(9,`p`,17),J(10),R()()),e&2){let e=t.$implicit,n=G(2);k(3),Y(n.loopTitle(e)),k(),F(e.cycle),k(3),F(e.hops),k(3),Y(n.loopMeta(e))}}function zL(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,RL,11,2,`div`,13,kg),R()),e&2){let e=G();k(2),X(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),k(),F(e.loops())}}function BL(e,t){if(e&1&&(L(0,`span`),z(1,`i`),J(2),R()),e&2){let e=t.$implicit,n=G(2);k(),K(`background`,n.color(e)),k(),Y(e)}}function VL(e,t){if(e&1&&(L(0,`time`),J(1),R()),e&2){let e=G().$implicit,t=G(2);k(),Y(t.time(e.startedAt))}}function HL(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;k(5),Y(e.finalUrl)}}function UL(e,t){if(e&1&&(L(0,`span`,30),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function WL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.phases?.total,`ms`)}}function GL(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.endedAt-e.startedAt,`ms`)}}function KL(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function qL(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);k(3),Z(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function JL(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 YL(e,t){if(e&1&&(L(0,`div`,33),P(1,JL,1,5,`span`,39,ML),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),k(),F(t.bars(e))}}function XL(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;k(4),Y(e.from)}}function ZL(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;k(3),Z(``,e.caller,` (`,e.trigger,`)`)}}function QL(e,t){if(e&1&&(L(0,`dt`),J(1,`Extras`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.extras?.join(`, `))}}function $L(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;k(3),X(`#`,e.redirectedFrom)}}function eR(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);k(3),Y(e.from),k(3),Y(e.to),k(),X(`, `,n.hopCause(e),` `)}}function tR(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,eR,8,3,`div`,null,kg),R()),e&2){let e=t,n=G().$implicit,r=G(2);k(3),X(` `,e.cycle.join(` → `),` `),k(),F(r.hopsOf(e,n))}}function nR(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;k(4),Y(e.redirectTo),k(),X(` (`,e.redirectKind,`) `)}}function rR(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);k(3),Z(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function iR(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);k(2),Y(e.guard),k(),X(` `,e.kind,` on `),k(2),Y(e.route),k(2),q(`bad`,n.isBad(e.result)),k(),Y(e.result),k(),X(` (`,e.ms,`ms) `)}}function aR(e,t){if(e&1&&(L(0,`dt`),J(1,`Runs`),R(),L(2,`dd`),P(3,iR,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;k(3),F(e.runs)}}function oR(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function sR(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,oR,1,1),J(4),R()),e&2){let e=G().$implicit;k(3),N(e.checked.deactivate.length?3:-1),k(),X(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function cR(e,t){if(e&1&&(L(0,`dt`),J(1,`Resolvers`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.resolvers?.names?.join(`, `))}}function lR(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;k(3),Y(e.lazyLoaded?.join(`, `))}}function uR(e,t){if(e&1&&(L(0,`dt`),J(1,`Reused`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function dR(e,t){if(e&1&&(L(0,`dt`),J(1,`HTTP`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Z(``,e.requests.count,` request(s): `,e.requests.urls.join(`, `))}}function fR(e,t){if(e&1&&(L(0,`dt`),J(1,`Scroll`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.scroll)}}function pR(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;k(3),Y(e.title)}}function mR(e,t){if(e&1&&(L(0,`dt`),J(1,`Warnings`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),Y(e.warnings?.join(` · `))}}function hR(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);k(3),Y(t.reasonText(e))}}function gR(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;k(3),Y(e.errorCode)}}function _R(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;k(3),Y(e.errorHandler)}}function vR(e,t){if(e&1&&(L(0,`dt`),J(1,`Earlier`),R(),L(2,`dd`),J(3),R()),e&2){let e=G().$implicit;k(3),X(``,e.earlier,` navigation(s) before Pangular Inspector connected`)}}function yR(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 bR(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,VL,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,HL,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,UL,2,1,`span`,30)(12,WL,2,1,`span`,31)(13,GL,2,1,`span`,31),M(14,KL,2,0,`span`,32),M(15,qL,4,2,`span`,15),R()(),M(16,YL,3,1,`div`,33),L(17,`dl`,34),M(18,XL,5,1),M(19,ZL,4,2),M(20,QL,4,1),M(21,$L,4,1),M(22,tR,6,1),M(23,nR,6,2),M(24,rR,4,2),M(25,aR,5,0),M(26,sR,5,2),M(27,cR,4,1),M(28,lR,4,1),M(29,uR,4,1),M(30,dR,4,2),M(31,fR,4,1),M(32,pR,4,1),M(33,mR,4,1),M(34,hR,4,1),M(35,gR,4,1),M(36,_R,4,1),M(37,vR,4,1),R(),L(38,`div`,35)(39,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).replay(t))}),J(40,` Replay `),R(),L(41,`button`,37),U(`click`,function(){let t=T(e).$implicit;return E(G(2).copy(t))}),J(42,` Copy repro `),R(),M(43,yR,2,2,`p`,38),R()()}if(e&2){let e,n,r=t.$implicit,i=G(2);q(`in-loop`,!!i.loopOf(r)),k(2),N(r.beforeConnect?-1:2),k(2),X(`#`,r.id),k(2),Y(r.url),k(),N(r.finalUrl&&r.finalUrl!==r.url?7:-1),k(2),j(`data-tone`,i.tone(r.outcome)),k(),Y(r.outcome),k(),N(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),k(3),N(r.probe?14:-1),k(),N((e=i.loopOf(r))?15:-1,e),k(),N(i.bars(r).length?16:-1),k(2),N(r.from?18:-1),k(),N(r.caller?19:-1),k(),N(r.extras?.length?20:-1),k(),N(r.redirectedFrom===void 0?-1:21),k(),N((n=i.loopOf(r))?22:-1,n),k(),N(r.redirectTo?23:-1),k(),N(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),k(),N(r.runs?.length?25:-1),k(),N(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),k(),N(r.resolvers?.names?.length?27:-1),k(),N(r.lazyLoaded?.length?28:-1),k(),N(r.reused?.length?29:-1),k(),N(r.requests?30:-1),k(),N(r.scroll?31:-1),k(),N(r.title?32:-1),k(),N(r.warnings?.length?33:-1),k(),N(r.reason||r.code?34:-1),k(),N(r.errorCode?35:-1),k(),N(r.errorHandler?36:-1),k(),N(r.earlier?37:-1),k(2),I(`disabled`,!i.navigationAllowed()||!i.replayable(r)),j(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),k(2),j(`aria-label`,`Copy repro for navigation `+r.id),k(2),N(i.replayable(r)?-1:43)}}function xR(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,BL,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,bR,44,37,`li`,24,jL),R()),e&2){let e=G();k(2),Z(``,e.items().length,` of `,e.page().navigations.length,` navigation(s)`),k(2),F(e.phases),k(3),F(e.items())}}function SR(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(){T(e);let t=G(2),n=d_(2);return t.clearFilters(),E(n.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2);k(4),X(` `,e.page().navigations.length,` navigation(s) are hidden. Clear the filters to see them. `)}}function CR(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 wR(e,t){e&1&&M(0,SR,7,1,`div`,41)(1,CR,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var TR=[`recognize`,`guards`,`resolve`,`activate`],ER={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},DR=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>nD(this.rpc()).limits.navigations);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);phases=TR;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 yI(e)}color(e){return ER[e]}bars(e){let t=e.phases?.total;return t?TR.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=QO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await vI(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 gI(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 vI(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 hI(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 VE(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=A({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,NL,2,1,`p`,8),M(16,PL,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,zL,5,1,`section`,11),M(19,xR,9,2)(20,wR,2,1)),e&2&&(k(),I(`value`,t.filter()),k(3),I(`checked`,t.onlyProblems()),k(3),I(`checked`,t.page().instrumented),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),k(3),Y(t.message()),k(),N(t.message()?15:-1),k(),N(t.navigationAllowed()?-1:16),k(),I(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),k(),N(t.loops().length?18:-1),k(),N(t.items().length?19:20))},dependencies:[rk],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5040,7 +5040,7 @@ time[_ngcontent-%COMP%] {
   .export[_ngcontent-%COMP%] {
     margin-left: 0;
   }
-}`]})},DR=[`urlInput`],OR=()=>[],kR=(e,t)=>t.node.id;function AR(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);k(2),Y(Cv(3,1,e.params))}}function jR(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,AR,4,3)),e&2){G();let e=fv(0),t=G();k(4),Y(t.chainText(e)),k(),N(t.hasKeys(e.params)?5:-1)}}function MR(e,t){if(e&1&&(J(0,` Nearest: `),L(1,`code`),J(2),R()),e&2){G(2);let e=fv(0);k(2),Y(e.nearest.join(`, `))}}function NR(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,MR,3,1)),e&2){G();let e=fv(0);k(3),N(e.nearest.length?3:-1)}}function PR(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function FR(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,jR,6,2)(8,NR,4,1),P(9,PR,2,1,`div`,18,Ag),R()),e&2){let e=t,n=dv(e.result);k(),j(`data-matched`,n.matched),k(4),Y(e.url),k(2),N(n.matched?7:8),k(2),F(n.notes)}}function IR(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function LR(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function RR(e,t){if(e&1&&(L(0,`span`,22),J(1),R(),J(2,`. `)),e&2){let e=G(2);k(),Y(e.countText())}}function zR(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function BR(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 VR(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,RR,3,1)(3,zR,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,BR,1,1),R()),e&2){let e,t=G();k(),X(` Generation `,t.page().generation,` · `),k(),N(t.filter()?2:3),k(3),N((e=t.page().configTruncated)?5:-1,e)}}function HR(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();k(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.`,` `),k(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 UR(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(){T(e);let t=G(),n=d_(16);return t.setFilter(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function WR(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function GR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`lazy `,e.node.lazy)}}function KR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`outlet `,e.node.outlet)}}function qR(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;k(3),I(`file`,e.at.file)(`line`,e.at.line)}}function JR(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;k(5),Y(e.node.redirectTo)}}function YR(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 XR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function ZR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function QR(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function $R(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function ez(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function tz(e,t){if(e&1){let e=H();L(0,`input`,39),U(`input`,function(t){let n=T(e).$implicit,r=G(2).$implicit;return E(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 nz(e,t){if(e&1){let e=H();P(0,tz,1,5,`input`,38,Ag),L(2,`button`,7),U(`click`,function(){T(e);let t=G().$implicit,n=d_(1);return E(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)),k(2),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function rz(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){T(e);let t=G().$implicit;return E(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 iz(e,t){if(e&1&&(L(0,`tr`,34)(1,`td`,40)(2,`p`,41),J(3),R()()()),e&2){let e=G(3);k(3),Y(e.rowResult()?.text)}}function az(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,WR,2,0,`span`,28),M(5,GR,2,1,`span`,28),M(6,KR,2,1,`span`,28),M(7,qR,4,2,`span`,29),R(),L(8,`td`),M(9,JR,6,1,`span`,30)(10,YR,1,1),R(),L(11,`td`),P(12,XR,2,1,`span`,28,kg),P(14,ZR,2,1,`span`,28,Ag),M(16,QR,4,0),R(),L(17,`td`),M(18,$R,1,1)(19,ez,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,nz,4,3),M(23,rz,2,1,`button`,33),R()()(),M(24,iz,4,1,`tr`,34)),e&2){let e=t.$implicit,n=G(2);q(`active`,n.isActive(e.node)),k(2),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.node.fullPath,` `),k(),N(n.isActive(e.node)?4:-1),k(),N(e.node.lazy?5:-1),k(),N(e.node.outlet?6:-1),k(),N(e.at?7:-1),k(2),N(e.node.redirectTo===void 0?10:9),k(3),F(n.guardList(e.node)),k(2),F(e.node.resolvers??mv(15,OR)),k(2),N(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),k(2),N(e.node.title?18:19),k(4),N(n.canNavigate(e.node)?22:-1),k(),N(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),k(),N(n.rowResult()?.id===e.node.id?24:-1)}}function oz(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,az,25,16,null,null,kR),R()()()),e&2){let e=G();k(16),F(e.rows())}}function sz(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var cz=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);sources=$([]);filter=O(``);testUrl=O(``);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=pI(o,t),s=i&&fI(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(()=>sz(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${sz(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 mI(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(gI))}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 _I(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 _I(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 _I(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=A({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&l_(t.urlInput,DR,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 T(e),n.preventDefault(),E(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,FR,11,4,`div`,8),M(10,IR,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,LR,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,VR,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,HR,5,2,`div`,15)(21,UR,7,0,`div`,15)(22,oz,18,0,`div`,16)}if(e&2){let e;k(3),I(`value`,t.testUrl()),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),k(2),N((e=t.match())?9:-1,e),k(),N(t.message()?10:-1),k(2),Y(t.rowResult()?.text),k(),N(t.navigationAllowed()?-1:13),k(2),I(`value`,t.filter()),k(2),N(t.page().config?17:-1),k(2),Y(t.filterAnnouncement()),k(),N(t.page().config?t.rows().length?22:21:20)}},dependencies:[uM,gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},OR=[`urlInput`],kR=()=>[],AR=(e,t)=>t.node.id;function jR(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);k(2),Y(Cv(3,1,e.params))}}function MR(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,jR,4,3)),e&2){G();let e=fv(0),t=G();k(4),Y(t.chainText(e)),k(),N(t.hasKeys(e.params)?5:-1)}}function NR(e,t){if(e&1&&(J(0,` Nearest: `),L(1,`code`),J(2),R()),e&2){G(2);let e=fv(0);k(2),Y(e.nearest.join(`, `))}}function PR(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,NR,3,1)),e&2){G();let e=fv(0);k(3),N(e.nearest.length?3:-1)}}function FR(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function IR(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,MR,6,2)(8,PR,4,1),P(9,FR,2,1,`div`,18,Ag),R()),e&2){let e=t,n=dv(e.result);k(),j(`data-matched`,n.matched),k(4),Y(e.url),k(2),N(n.matched?7:8),k(2),F(n.notes)}}function LR(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function RR(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function zR(e,t){if(e&1&&(L(0,`span`,22),J(1),R(),J(2,`. `)),e&2){let e=G(2);k(),Y(e.countText())}}function BR(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function VR(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 HR(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,zR,3,1)(3,BR,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,VR,1,1),R()),e&2){let e,t=G();k(),X(` Generation `,t.page().generation,` · `),k(),N(t.filter()?2:3),k(3),N((e=t.page().configTruncated)?5:-1,e)}}function UR(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();k(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.`,` `),k(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 WR(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(){T(e);let t=G(),n=d_(16);return t.setFilter(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function GR(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function KR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`lazy `,e.node.lazy)}}function qR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`outlet `,e.node.outlet)}}function JR(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;k(3),I(`file`,e.at.file)(`line`,e.at.line)}}function YR(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;k(5),Y(e.node.redirectTo)}}function XR(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 ZR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function QR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function $R(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function ez(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function tz(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function nz(e,t){if(e&1){let e=H();L(0,`input`,39),U(`input`,function(t){let n=T(e).$implicit,r=G(2).$implicit;return E(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 rz(e,t){if(e&1){let e=H();P(0,nz,1,5,`input`,38,Ag),L(2,`button`,7),U(`click`,function(){T(e);let t=G().$implicit,n=d_(1);return E(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)),k(2),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function iz(e,t){if(e&1){let e=H();L(0,`button`,24),U(`click`,function(){T(e);let t=G().$implicit;return E(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 az(e,t){if(e&1&&(L(0,`tr`,34)(1,`td`,40)(2,`p`,41),J(3),R()()()),e&2){let e=G(3);k(3),Y(e.rowResult()?.text)}}function oz(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,GR,2,0,`span`,28),M(5,KR,2,1,`span`,28),M(6,qR,2,1,`span`,28),M(7,JR,4,2,`span`,29),R(),L(8,`td`),M(9,YR,6,1,`span`,30)(10,XR,1,1),R(),L(11,`td`),P(12,ZR,2,1,`span`,28,kg),P(14,QR,2,1,`span`,28,Ag),M(16,$R,4,0),R(),L(17,`td`),M(18,ez,1,1)(19,tz,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,rz,4,3),M(23,iz,2,1,`button`,33),R()()(),M(24,az,4,1,`tr`,34)),e&2){let e=t.$implicit,n=G(2);q(`active`,n.isActive(e.node)),k(2),K(`padding-left`,14+e.depth*16,`px`),k(),X(` `,e.node.fullPath,` `),k(),N(n.isActive(e.node)?4:-1),k(),N(e.node.lazy?5:-1),k(),N(e.node.outlet?6:-1),k(),N(e.at?7:-1),k(2),N(e.node.redirectTo===void 0?10:9),k(3),F(n.guardList(e.node)),k(2),F(e.node.resolvers??mv(15,kR)),k(2),N(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),k(2),N(e.node.title?18:19),k(4),N(n.canNavigate(e.node)?22:-1),k(),N(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),k(),N(n.rowResult()?.id===e.node.id?24:-1)}}function sz(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,oz,25,16,null,null,AR),R()()()),e&2){let e=G();k(16),F(e.rows())}}function cz(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var lz=class e{page=$.required();rpc=$(null);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);sources=$([]);filter=O(``);testUrl=O(``);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=mI(o,t),s=i&&pI(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(()=>cz(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${cz(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 hI(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(_I))}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 vI(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 vI(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 vI(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=A({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&l_(t.urlInput,OR,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 T(e),n.preventDefault(),E(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,IR,11,4,`div`,8),M(10,LR,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,RR,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,HR,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,UR,5,2,`div`,15)(21,WR,7,0,`div`,15)(22,sz,18,0,`div`,16)}if(e&2){let e;k(3),I(`value`,t.testUrl()),k(4),I(`disabled`,!t.navigationAllowed()),j(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),k(2),N((e=t.match())?9:-1,e),k(),N(t.message()?10:-1),k(2),Y(t.rowResult()?.text),k(),N(t.navigationAllowed()?-1:13),k(2),I(`value`,t.filter()),k(2),N(t.page().config?17:-1),k(2),Y(t.filterAnnouncement()),k(),N(t.page().config?t.rows().length?22:21:20)}},dependencies:[uM,gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5523,7 +5523,7 @@ tr.active[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {
   .filter[_ngcontent-%COMP%] {
     flex-basis: 100%;
   }
-}`]})},lz=(e,t)=>t.id;function uz(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 T(e),E(G(2).pageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function dz(e,t){e&1&&M(0,uz,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function fz(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function pz(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function mz(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);k(),Y(e.problems()),k(2),X(`, `,e.problems(),` problem navigations`)}}function hz(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selected.set(t.id))}),J(1),M(2,mz,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),k(),X(` `,e.label,` `),k(),N(e.id===`navigations`&&n.problems()>0?2:-1)}}function gz(e,t){if(e&1){let e=H();L(0,`app-route-current`,19),U(`showComponent`,function(t){return T(e),E(G(2).showComponent.emit(t))}),R()}if(e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function _z(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 vz(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 yz(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function bz(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 xz(e,t){if(e&1){let e=H();L(0,`div`,10),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(1,hz,3,6,`button`,11,lz),R(),L(3,`div`,12),M(4,gz,1,2,`app-route-current`,13)(5,_z,1,2,`app-route-timeline`,13)(6,vz,1,3,`app-route-tree`,14)(7,yz,1,1,`app-route-setup`,15)(8,bz,1,2,`app-route-lint`,13),R()}if(e&2){let e,t=G();k(),F(t.tabs),k(2),I(`id`,`router-panel-`+t.selected()),j(`aria-labelledby`,`router-tab-`+t.selected()),k(),N((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function Sz(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 Cz=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],wz=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=Cz;selected=O(`current`);pages=O([]);hostPageId=LE();loading=O(!0);failed=O(!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=C(Ds);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(){mc(()=>{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=A({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,dz,1,1),R(),M(4,fz,7,0,`div`,1)(5,pz,2,0,`p`,2)(6,xz,9,3)(7,Sz,5,0,`div`,3)),e&2){let e,n;k(3),N((e=t.page())?3:-1,e),k(),N(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[tL,hL,kL,ER,cz,OO],styles:[`[_nghost-%COMP%] {
+}`]})},uz=(e,t)=>t.id;function dz(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 T(e),E(G(2).pageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function fz(e,t){e&1&&M(0,dz,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function pz(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function mz(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function hz(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);k(),Y(e.problems()),k(2),X(`, `,e.problems(),` problem navigations`)}}function gz(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selected.set(t.id))}),J(1),M(2,hz,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),k(),X(` `,e.label,` `),k(),N(e.id===`navigations`&&n.problems()>0?2:-1)}}function _z(e,t){if(e&1){let e=H();L(0,`app-route-current`,19),U(`showComponent`,function(t){return T(e),E(G(2).showComponent.emit(t))}),R()}if(e&2){let e=G(),t=G();I(`page`,e)(`rpc`,t.rpc())}}function vz(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 yz(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 bz(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function xz(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 Sz(e,t){if(e&1){let e=H();L(0,`div`,10),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(1,gz,3,6,`button`,11,uz),R(),L(3,`div`,12),M(4,_z,1,2,`app-route-current`,13)(5,vz,1,2,`app-route-timeline`,13)(6,yz,1,3,`app-route-tree`,14)(7,bz,1,1,`app-route-setup`,15)(8,xz,1,2,`app-route-lint`,13),R()}if(e&2){let e,t=G();k(),F(t.tabs),k(2),I(`id`,`router-panel-`+t.selected()),j(`aria-labelledby`,`router-tab-`+t.selected()),k(),N((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function Cz(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 wz=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],Tz=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=wz;selected=O(`current`);pages=O([]);hostPageId=LE();loading=O(!0);failed=O(!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=C(Ds);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(){mc(()=>{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=A({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,fz,1,1),R(),M(4,pz,7,0,`div`,1)(5,mz,2,0,`p`,2)(6,Sz,9,3)(7,Cz,5,0,`div`,3)),e&2){let e,n;k(3),N((e=t.page())?3:-1,e),k(),N(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[nL,gL,AL,DR,lz,OO],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 16px;
   min-width: 0;
@@ -5688,7 +5688,7 @@ h2[_ngcontent-%COMP%] {
   line-height: 16px;
   text-align: center;
   font-variant-numeric: tabular-nums;
-}`]})};function Tz(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function Ez(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){T(e);let t=G();return E(t.expanded.set(!t.expanded()))}),J(1),R()}if(e&2){let e=G();j(`aria-expanded`,e.expanded()),k(),X(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function Dz(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function Oz(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function kz(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,Dz,4,0)(5,Oz,1,0),R()()),e&2){let e=G();k(4),N(e.staticReport()?4:5)}}function Az(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function jz(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(){T(e);let t=G(2),n=d_(12);return t.filter.set(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function Mz(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 Nz(e,t){e&1&&M(0,jz,7,0,`div`,16)(1,Mz,11,0,`div`,16),e&2&&N(+!G().routes().length)}function Pz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function Fz(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;k(5),X(` `,e.redirectTo)}}function Iz(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function Lz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Rz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function zz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Bz(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function Vz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Hz(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,Pz,2,1,`span`,21),R(),L(4,`td`),M(5,Fz,6,1,`span`,22)(6,Iz,2,1,`code`,23)(7,Lz,4,0),R(),L(8,`td`),P(9,Rz,2,1,`span`,21,kg,!1,zz,4,0),R(),L(12,`td`),M(13,Bz,1,1)(14,Vz,4,0),R(),L(15,`td`,24),z(16,`app-source-link`,25),R()()),e&2){let e=t.$implicit,n=G(2);k(2),X(` `,e.fullPath,` `),k(),N(e.kind===`page`?-1:3),k(2),N(e.redirectTo===void 0?e.component?6:7:5),k(4),F(n.checks(e)),k(4),N(e.title?13:14),k(3),I(`file`,e.file)(`line`,e.line)}}function Uz(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,Hz,17,7,`tr`,null,kg),R()()()),e&2){let e=G();k(),rv(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),k(16),F(e.filtered())}}var Wz=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>UE(this.rpc()));routes=O([]);filter=O(``);loading=O(!1);error=O(!1);live=Jv(wz);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(){mc(()=>{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=A({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&l_(t.live,wz,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,Tz,1,0),R(),M(8,Ez,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,kz,6,1,`div`,11)(16,Az,2,0,`p`,12)(17,Nz,2,1)(18,Uz,19,3),R()()),e&2&&(I(`rpc`,t.rpc())(`sources`,t.routes()),k(7),N(t.liveHasConfig()?7:-1),k(),N(t.liveHasConfig()?8:-1),k(),I(`hidden`,!t.expanded()),k(2),I(`value`,t.filter()),k(2),j(`aria-busy`,t.loading()),k(),X(` `,t.loading()?`Scanning…`:`Refresh`,` `),k(),N(t.error()?15:t.loading()&&t.routes().length===0?16:t.filtered().length===0?17:18))},dependencies:[wz,uM],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function Ez(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function Dz(e,t){if(e&1){let e=H();L(0,`button`,13),U(`click`,function(){T(e);let t=G();return E(t.expanded.set(!t.expanded()))}),J(1),R()}if(e&2){let e=G();j(`aria-expanded`,e.expanded()),k(),X(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function Oz(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function kz(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function Az(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,Oz,4,0)(5,kz,1,0),R()()),e&2){let e=G();k(4),N(e.staticReport()?4:5)}}function jz(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function Mz(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(){T(e);let t=G(2),n=d_(12);return t.filter.set(``),E(n.focus())}),J(6,` Clear filter `),R()()}}function Nz(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 Pz(e,t){e&1&&M(0,Mz,7,0,`div`,16)(1,Nz,11,0,`div`,16),e&2&&N(+!G().routes().length)}function Fz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function Iz(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;k(5),X(` `,e.redirectTo)}}function Lz(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function Rz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function zz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Bz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Vz(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function Hz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Uz(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,Fz,2,1,`span`,21),R(),L(4,`td`),M(5,Iz,6,1,`span`,22)(6,Lz,2,1,`code`,23)(7,Rz,4,0),R(),L(8,`td`),P(9,zz,2,1,`span`,21,kg,!1,Bz,4,0),R(),L(12,`td`),M(13,Vz,1,1)(14,Hz,4,0),R(),L(15,`td`,24),z(16,`app-source-link`,25),R()()),e&2){let e=t.$implicit,n=G(2);k(2),X(` `,e.fullPath,` `),k(),N(e.kind===`page`?-1:3),k(2),N(e.redirectTo===void 0?e.component?6:7:5),k(4),F(n.checks(e)),k(4),N(e.title?13:14),k(3),I(`file`,e.file)(`line`,e.line)}}function Wz(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,Uz,17,7,`tr`,null,kg),R()()()),e&2){let e=G();k(),rv(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),k(16),F(e.filtered())}}var Gz=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>UE(this.rpc()));routes=O([]);filter=O(``);loading=O(!1);error=O(!1);live=Jv(Tz);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(){mc(()=>{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=A({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&l_(t.live,Tz,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,Ez,1,0),R(),M(8,Dz,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,Az,6,1,`div`,11)(16,jz,2,0,`p`,12)(17,Pz,2,1)(18,Wz,19,3),R()()),e&2&&(I(`rpc`,t.rpc())(`sources`,t.routes()),k(7),N(t.liveHasConfig()?7:-1),k(),N(t.liveHasConfig()?8:-1),k(),I(`hidden`,!t.expanded()),k(2),I(`value`,t.filter()),k(2),j(`aria-busy`,t.loading()),k(),X(` `,t.loading()?`Scanning…`:`Refresh`,` `),k(),N(t.error()?15:t.loading()&&t.routes().length===0?16:t.filtered().length===0?17:18))},dependencies:[Tz,uM],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -6069,7 +6069,7 @@ h2[_ngcontent-%COMP%] {
   font-family: var(--%NS%font-mono);
   font-size: 12px;
   overflow-wrap: anywhere;
-}`]})},Gz=[`ArrowDown`,`ArrowUp`,`Home`,`End`],Kz=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,qz=class e{appRovingList=$(``);rovingWindow=$(null);host=C(Il).nativeElement;current=null;focusInside=!1;constructor(){let e=C(Ds);Hd(()=>{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(Kz))??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(!Gz.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=this.rovingWindow();if(i?.enabled()&&(e.key===`Home`||e.key===`End`)){e.preventDefault();let t=e.key===`Home`?0:i.count-1,n=()=>{let e=this.host.querySelector(`[data-vindex="${t}"]`);(e?.matches(this.appRovingList())?e:e?.querySelector(this.appRovingList()))?.focus()};i.rendered(t)?n():i.reveal(t,n);return}let a={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[a].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`],rovingWindow:[1,`rovingWindow`]}})},Jz=56,Yz=12,Xz=8,Zz=4;function Qz(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 $z(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 eB(e,t){let{producers:n,consumers:r}=Qz(e,t),i=$z(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<Zz;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:Xz+e*224,y:Xz+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-Jz,height:16+Math.max(1,f)*56-Yz}}function tB(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 nB(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}=tB(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 rB(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 iB=(e,t)=>t.producer+`>`+t.consumer,aB=(e,t)=>t.id;function oB(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=t,n=G();k(),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 sB(e,t){if(e&1&&(D(),Vg(0,`path`,11)),e&2){let e=t.$implicit;M_(G().edgeTone(e)),j(`d`,e.path)}}function cB(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function lB(e,t){if(e&1){let e=H();B(0,`button`,12),W(`click`,function(){let t=T(e).$implicit;return E(G().pick(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G().focused.set(t.id))})(`keydown`,function(t){let n=T(e).$implicit;return E(G().onKey(t,n.id))}),B(1,`span`,13),Vg(2,`span`,14),J(3),M(4,cB,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),k(2),K(`background`,n.colorOf(e.id)),k(),X(` `,n.byId().get(e.id)?.kind,` `),k(),N(n.watched().has(e.id)?4:-1),k(2),Y(n.labelOf(e.id))}}var uB=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),dB=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=Rv();host=C(Il).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(()=>nB(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(()=>eB(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?tB(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=O(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(!uB.has(e.key))return;e.preventDefault();let n=rB(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=A({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,oB,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),D(),B(12,`svg`,8),P(13,sB,1,3,`:svg:path`,9,iB),V(),P(15,lB,7,20,`button`,10,aB),V()()),e&2){let e;qg(`id`,t.helpId),k(9),N((e=t.capped())?9:-1,e),k(),j(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),k(),K(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),k(),j(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),k(),F(t.layout().edges),k(2),F(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
+}`]})},Kz=[`ArrowDown`,`ArrowUp`,`Home`,`End`],qz=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,Jz=class e{appRovingList=$(``);rovingWindow=$(null);host=C(Il).nativeElement;current=null;focusInside=!1;constructor(){let e=C(Ds);Hd(()=>{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(qz))??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(!Kz.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=this.rovingWindow();if(i?.enabled()&&(e.key===`Home`||e.key===`End`)){e.preventDefault();let t=e.key===`Home`?0:i.count-1,n=()=>{let e=this.host.querySelector(`[data-vindex="${t}"]`);(e?.matches(this.appRovingList())?e:e?.querySelector(this.appRovingList()))?.focus()};i.rendered(t)?n():i.reveal(t,n);return}let a={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[a].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`],rovingWindow:[1,`rovingWindow`]}})},Yz=56,Xz=12,Zz=8,Qz=4;function $z(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 eB(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 tB(e,t){let{producers:n,consumers:r}=$z(e,t),i=eB(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<Qz;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:Zz+e*224,y:Zz+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-Yz,height:16+Math.max(1,f)*56-Xz}}function nB(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 rB(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}=nB(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 iB(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 aB=(e,t)=>t.producer+`>`+t.consumer,oB=(e,t)=>t.id;function sB(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=t,n=G();k(),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 cB(e,t){if(e&1&&(D(),Vg(0,`path`,11)),e&2){let e=t.$implicit;M_(G().edgeTone(e)),j(`d`,e.path)}}function lB(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function uB(e,t){if(e&1){let e=H();B(0,`button`,12),W(`click`,function(){let t=T(e).$implicit;return E(G().pick(t.id))})(`focus`,function(){let t=T(e).$implicit;return E(G().focused.set(t.id))})(`keydown`,function(t){let n=T(e).$implicit;return E(G().onKey(t,n.id))}),B(1,`span`,13),Vg(2,`span`,14),J(3),M(4,lB,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),k(2),K(`background`,n.colorOf(e.id)),k(),X(` `,n.byId().get(e.id)?.kind,` `),k(),N(n.watched().has(e.id)?4:-1),k(2),Y(n.labelOf(e.id))}}var dB=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),fB=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=Rv();host=C(Il).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(()=>rB(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(()=>tB(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?nB(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=O(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(!dB.has(e.key))return;e.preventDefault();let n=iB(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=A({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,sB,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),D(),B(12,`svg`,8),P(13,cB,1,3,`:svg:path`,9,aB),V(),P(15,uB,7,20,`button`,10,oB),V()()),e&2){let e;qg(`id`,t.helpId),k(9),N((e=t.capped())?9:-1,e),k(),j(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),k(),K(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),k(),j(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),k(),F(t.layout().edges),k(2),F(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -6250,7 +6250,7 @@ svg[_ngcontent-%COMP%] {
    .gnode[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},fB=[`filterInput`],pB=e=>({id:e,label:`Status history`}),mB=e=>({id:e,label:`Value history`}),hB=(e,t)=>t.kind,gB=(e,t)=>t.name+t.file+t.line,_B=(e,t)=>t.epoch,vB=(e,t)=>t.id,yB=(e,t)=>t.id+`:`+t.change.epoch;function bB(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,18),J(2,`Page`),R(),L(3,`app-select`,19),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function xB(e,t){if(e&1){let e=H();L(0,`div`,5)(1,`span`,20),J(2,`Graph of`),R(),L(3,`app-select`,21),U(`valueChange`,function(t){return T(e),E(G().pickComponent(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.componentOptions())(`value`,e.pickerValue())}}function SB(e,t){if(e&1&&(L(0,`span`,24),J(1),R()),e&2){let e=G(2);k(),Y(e.sourceNote(e.graph().source))}}function CB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,23),J(4),R(),M(5,SB,2,1,`span`,24),R()),e&2){let e=t,n=G();k(2),Y(e.name),k(2),Y(e.path),k(),N(n.graph().source?5:-1)}}function wB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,24),J(4,`environment injector`),R()()),e&2){let e=G();k(2),Y(e.injectorLabel(t))}}function TB(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 EB(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 DB(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 OB(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function kB(e,t){if(e&1&&(L(0,`app-angular-unavailable`,10),J(1,` This list comes from a source scan. `),R()),e&2){let e=G();I(`page`,e.angularPage())(`missing`,e.unsupported())}}function AB(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 jB(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Z(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function MB(e,t){if(e&1){let e=H();L(0,`button`,25),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,28),L(2,`span`,29),J(3),R(),L(4,`span`,26),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(e.kind),k(2),Y(e.count)}}function NB(e,t){if(e&1){let e=H();L(0,`div`,11)(1,`button`,25),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,26),J(4),R()(),P(5,MB,6,7,`button`,27,hB),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.kindTotal()),k(),F(e.kindChips())}}function PB(e,t){e&1&&(L(0,`div`,12),z(1,`span`,30),L(2,`p`,31),J(3,`Scanning source for signals…`),R()())}function FB(e,t){if(e&1){let e=H();L(0,`div`,32)(1,`p`,31),J(2,`Couldn't load signals`),R(),L(3,`p`,33),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=G();q(`compact`,e.sourceSignals().length>0),k(5),j(`aria-disabled`,e.retrying()||null),k(),X(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function IB(e,t){e&1&&(L(0,`div`,14)(1,`p`,31),J(2,`No signals found.`),R(),L(3,`p`,33),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 LB(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit;k(3),X(`in <`,e.component,`>`)}}function RB(e,t){if(e&1&&(L(0,`div`,37)(1,`div`,39)(2,`span`,40),J(3),R(),L(4,`span`,41),J(5),R()(),L(6,`div`,42),z(7,`app-source-link`,43),M(8,LB,4,1),R()()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.name),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.component?8:-1)}}function zB(e,t){if(e&1){let e=H();L(0,`div`,38)(1,`p`,31),J(2,`No signals match.`),R(),L(3,`p`,33),J(4,`Try a different name or kind.`),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(6,`Clear filters`),R()()}}function BB(e,t){if(e&1&&(L(0,`p`,35),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,36),P(3,RB,9,7,`div`,37,gB,!1,zB,7,0,`div`,38),R()),e&2){let e=G();k(3),F(e.filteredSourceSignals())}}function VB(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.missed,` earlier not captured`)}}function HB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function UB(e,t){if(e&1&&(L(0,`ol`,51),P(1,HB,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.stack)}}function WB(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,49),J(6),R(),L(7,`span`),J(8),R(),M(9,VB,2,1,`span`,50),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,UB,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,8,e.at,`HH:mm:ss.SSS`)),k(2),M_(`source-`+e.source),k(),Y(n.sourceLabel(e.source)),k(2),X(`epoch `,e.epoch),k(),N(e.missed?9:-1),k(2),Y(Cv(12,11,e.value)),k(2),N(e.stack?.length?13:-1)}}function GB(e,t){if(e&1&&(L(0,`h4`,45),J(1),R(),L(2,`p`,46),J(3),R(),L(4,`ol`,47),P(5,WB,14,13,`li`,null,_B),R()),e&2){let e=G(),t=e.id,n=e.label,r=G();I(`id`,`history-heading-`+t),k(),Y(n),k(2),Y(r.historySummary(t)),k(),j(`aria-labelledby`,`history-heading-`+t),k(),F(r.selectedHistory())}}function KB(e,t){e&1&&M(0,GB,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function qB(e,t){if(e&1){let e=H();L(0,`button`,56),U(`click`,function(){T(e);let t=G(2);return E(t.showFramework.set(!t.showFramework()))}),J(1,` Show framework signals `),L(2,`span`,26),J(3),R()()}if(e&2){let e=G(2);j(`aria-pressed`,e.showFramework()),k(3),Z(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function JB(e,t){e&1&&(L(0,`p`,58),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 YB(e,t){if(e&1){let e=H();L(0,`app-signal-graph-view`,62),U(`selected`,function(t){return T(e),E(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 XB(e,t){e&1&&(L(0,`p`,58),J(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),R())}function ZB(e,t){if(e&1){let e=H();L(0,`p`,61)(1,`span`),J(2,`Selected`),R(),L(3,`span`,63),J(4),R(),L(5,`span`,44),J(6,`·`),R(),L(7,`span`),J(8),R(),L(9,`span`,44),J(10,`·`),R(),L(11,`span`),J(12),R(),L(13,`button`,64),U(`click`,function(){let t=T(e);return E(G(3).jumpTo(t))}),J(14,` Show details `),R()()}if(e&2){let e=t,n=G(3);k(4),Y(e.label??`(unnamed)`),k(4),Y(n.plural(n.getDependencies(e).length,`producer`)),k(4),Y(n.plural(n.getConsumers(e).length,`consumer`))}}function QB(e,t){if(e&1&&(L(0,`div`,59),M(1,YB,1,5,`app-signal-graph-view`,60)(2,XB,2,0,`p`,58),M(3,ZB,15,3,`p`,61),R()),e&2){let e,t=G(2);k(),N(t.graphNodes().length?1:2),k(2),N((e=t.selectedNode())?3:-1,e)}}function $B(e,t){if(e&1){let e=H();L(0,`section`,15)(1,`div`,52)(2,`h2`,53),J(3,`Graph`),R(),L(4,`div`,54),M(5,qB,4,3,`button`,55),L(6,`button`,56),U(`click`,function(){return T(e),E(G().toggleStacks())}),J(7,` Record write stacks `),R(),L(8,`button`,57),U(`click`,function(){T(e);let t=G();return E(t.showGraph.set(!t.showGraph()))}),J(9),R()()(),M(10,JB,2,0,`p`,58),M(11,QB,4,2,`div`,59),R()}if(e&2){let e,t=G();k(5),N((e=t.frameworkCount())?5:-1,e),k(),j(`aria-pressed`,t.stacksOn()),k(2),j(`aria-expanded`,t.showGraph()),k(),X(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),k(),N(t.stacksOn()?10:-1),k(),N(t.showGraph()?11:-1)}}function eV(e,t){if(e&1&&(L(0,`p`,33),J(1),R()),e&2){let e=t;k(),Z(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function tV(e,t){if(e&1&&(L(0,`span`,67),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function nV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function rV(e,t){if(e&1){let e=H();L(0,`li`)(1,`span`,63),J(2),R(),M(3,tV,3,3,`span`,67),M(4,nV,2,2,`span`,68),L(5,`button`,64),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleWatch(t))}),J(6,` Stop watching `),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(2),Y(n.label??`(unnamed)`),k(),N(n.value===void 0?-1:3),k(),N((e=r.changeCount(n.id))?4:-1,e),k(),j(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function iV(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function aV(e,t){if(e&1&&(L(0,`ol`,51),P(1,iV,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.change.stack)}}function oV(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,63),J(6),R(),L(7,`span`,49),J(8),R()(),L(9,`pre`),J(10),xv(11,`json`),R(),M(12,aV,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,7,e.change.at,`HH:mm:ss.SSS`)),k(3),Y(e.label),k(),M_(`source-`+e.change.source),k(),Y(n.sourceLabel(e.change.source)),k(2),Y(Cv(11,10,e.change.value)),k(2),N(e.change.stack?.length?12:-1)}}function sV(e,t){if(e&1&&(L(0,`h3`,69),J(1,`Recent changes`),R(),L(2,`div`,70)(3,`ol`,71),P(4,oV,13,12,`li`,null,yB),R()()),e&2){let e=G(2);k(4),F(e.watchLog())}}function cV(e,t){if(e&1&&(L(0,`section`,16)(1,`h2`,65),J(2,`Watched`),R(),M(3,eV,2,2,`p`,33),L(4,`ul`,66),P(5,rV,7,4,`li`,null,vB),R(),M(7,sV,6,0),R()),e&2){let e,t=G();k(3),N((e=t.watchedElsewhere())?3:-1,e),k(2),F(t.watchedNodes()),k(2),N(t.watchLog().length?7:-1)}}function lV(e,t){if(e&1&&(L(0,`span`,79),J(1),R()),e&2){let e=G().$implicit;M_(`tone-`+G(2).statusTone(e.status)),k(),Y(e.status)}}function uV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function dV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.error))}}function fV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function pV(e,t){e&1&&(L(0,`p`,33),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 mV(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;k(3),Y(e.isLoading?`yes`:`no`)}}function hV(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;k(3),Y(e.statusCode)}}function gV(e,t){if(e&1&&(L(0,`dt`),J(1,`Params`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Params of `+e.name),k(),Y(Cv(5,2,e.params))}}function _V(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Value of `+e.name),k(),Y(Cv(5,2,e.value))}}function vV(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Error of `+e.name),k(),Y(Cv(5,2,e.error))}}function yV(e,t){if(e&1&&(L(0,`li`)(1,`span`,84),J(2),R(),L(3,`span`,63),J(4),R()()),e&2){let e=t.$implicit,n=G(5);k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function bV(e,t){if(e&1&&(L(0,`ul`,45),P(1,yV,5,4,`li`,null,vB),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),k(),F(t.internalsOf(e))}}function xV(e,t){if(e&1){let e=H();L(0,`div`,78)(1,`h3`,80),J(2),R(),M(3,pV,11,0,`p`,33),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,mV,4,1),M(10,hV,4,1),M(11,gV,6,4),M(12,_V,6,4),M(13,vV,6,4),R(),Gg(14,81),L(15,`button`,82),U(`click`,function(){T(e);let t=G(3);return E(t.showInternals.set(!t.showInternals()))}),J(16),R(),M(17,bV,3,1,`ul`,45),R()}if(e&2){let e=G().$implicit,t=G(2),n=d_(23);I(`id`,`signal-detail-`+e.id),k(2),Y(e.name),k(),N(e.named?-1:3),k(5),Y(e.status??`unknown`),k(),N(e.isLoading===void 0?-1:9),k(),N(e.statusCode===void 0?-1:10),k(),N(e.params===void 0?-1:11),k(),N(e.value===void 0?-1:12),k(),N(e.error===void 0?-1:13),k(),I(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,hv(16,pB,e.id)),k(),j(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),k(),Z(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),k(),N(t.showInternals()?17:-1)}}function SV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4,`resource`),R(),L(5,`span`,41),J(6),R(),M(7,lV,2,3,`span`,75),M(8,uV,2,2,`span`,68),z(9,`span`,76),R(),M(10,dV,3,3,`span`,77)(11,fV,3,3,`span`,77),R(),M(12,xV,18,18,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(`resource`)),k(3),Y(n.name),k(),N(n.status?7:-1),k(),N((e=n.changes)?8:-1,e),k(2),N(n.error===void 0?n.value===void 0?-1:11:10),k(2),N(r.selectedId()===n.id?12:-1)}}function CV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Resources`),R(),L(2,`ul`,73),P(3,SV,13,12,`li`,null,vB),R()),e&2){let e=G();k(3),F(e.filteredResources())}}function wV(e,t){e&1&&(L(0,`span`,87),J(1,`watching`),R())}function TV(e,t){e&1&&(L(0,`span`,88),J(1,`framework`),R())}function EV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function DV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function OV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Deps: `,t.getDependencies(e).length)}}function kV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Consumers: `,t.getConsumers(e).length)}}function AV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(4);k(3),j(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),k(),Y(Cv(5,2,e.selectedNode().value))}}function jV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function MV(e,t){if(e&1&&(L(0,`h4`),J(1,`Dependencies (producers)`),R(),L(2,`ul`),P(3,jV,6,5,`li`,null,vB),R()),e&2){let e=G(4);k(3),F(e.getDependencies(e.selectedNode()))}}function NV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function PV(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,NV,6,5,`li`,null,vB),R()),e&2){let e=G(4);k(3),F(e.getConsumers(e.selectedNode()))}}function FV(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e);let t=G(4);return E(t.toggleWatch(t.selectedNode()))}),J(1,` Watch `),R(),L(2,`p`,33),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 IV(e,t){e&1&&(L(0,`p`,33),J(1),R()),e&2&&(k(),Y(t))}function LV(e,t){if(e&1&&(L(0,`div`,78)(1,`h3`,80),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,AV,6,4),R(),M(13,MV,5,0),M(14,PV,5,0),M(15,FV,4,1),M(16,IV,2,1,`p`,33),Gg(17,81),R()),e&2){let e,t=G().$implicit,n=G(2),r=d_(23);I(`id`,`signal-detail-`+t.id),k(2),Y(n.selectedNode().label??n.selectedNode().id),k(5),Y(n.selectedNode().kind),k(4),Y(n.selectedNode().epoch),k(),N(n.selectedNode().value===void 0?-1:12),k(),N(n.getDependencies(n.selectedNode()).length?13:-1),k(),N(n.getConsumers(n.selectedNode()).length?14:-1),k(),N(n.isWatchable(n.selectedNode())?15:-1),k(),N((e=n.writeHint())?16:-1,e),k(),I(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,hv(11,mB,t.id))}}function RV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4),R(),L(5,`span`,41),J(6),R(),M(7,wV,2,0,`span`,87),M(8,TV,2,0,`span`,88),M(9,EV,2,2,`span`,68),z(10,`span`,76),R(),M(11,DV,3,3,`span`,77),L(12,`span`,42)(13,`span`),J(14),R(),M(15,OV,4,1),M(16,kV,4,1),R()(),M(17,LV,18,13,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(n.kind)),k(),Y(n.kind),k(2),Y(n.label??`(unnamed)`),k(),N(r.watchedIds().has(n.id)?7:-1),k(),N(n.framework?8:-1),k(),N((e=r.changeCount(n.id))?9:-1,e),k(2),N(n.value===void 0?-1:11),k(3),X(`Epoch: `,n.epoch),k(),N(r.getDependencies(n).length?15:-1),k(),N(r.getConsumers(n).length?16:-1),k(),N(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function zV(e,t){if(e&1){let e=H();L(0,`button`,34),U(`click`,function(){return T(e),E(G(3).clearFilters())}),J(1,`Clear filters`),R()}}function BV(e,t){if(e&1&&(L(0,`li`,86)(1,`p`,31),J(2),R(),L(3,`p`,33),J(4),R(),M(5,zV,2,0,`button`,91),R()),e&2){let e=G(2);k(2),X(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),k(2),X(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),k(),N(e.hasAnySignals()?5:-1)}}function VV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Signals`),R(),L(2,`ul`,85),P(3,RV,18,17,`li`,null,vB,!1,BV,6,3,`li`,86),R()),e&2){let e=G();k(3),F(e.filteredNodes())}}var HV=`follow`;function UV(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var WV=`env:`,GV=50,KV=new Set([`signal`,`computed`,`linkedSignal`]),qV=20,JV={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},YV={write:`set`,sample:`sampled`,initial:`initial`},XV={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},ZV={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`},QV=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);filterInput=Jv(`filterInput`);injector=C(Ts);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=O({});graphState=O({graph:null,pages:{}});chosenPageId=O(null);announcement=O(``);graphPages=Q(()=>UV(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 RE(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=O({});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=O(!1);sourceSignals=O([]);sourceLoaded=O(!1);sourceFailed=O(!1);graphFailed=O(!1);loadFailed=Q(()=>this.sourceFailed()||this.graphFailed());retrying=O(!1);filter=O(``);resources=Q(()=>this.graph()?.resources??[]);internalIds=Q(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=O(!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=O(!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,qV)});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=O(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(ZV).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:HV,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:WV+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:HV});constructor(){mc(()=>{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(UV(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!==HV?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(WV)?{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 JV[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||Hd(()=>{(!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 KV.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),Hd(()=>{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>=GV&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return XV[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return YV[e]}kindColor(e){return ZV[e]??ZV.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=A({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,fB,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`],[`capability`,`signalGraph`,`compact`,``,3,`page`,`missing`],[`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,bB,4,2,`div`,4),M(4,xB,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,CB,6,3,`p`,7)(8,wB,5,1,`p`,7),M(9,TB,2,0,`p`,8),L(10,`p`,9),M(11,EB,1,0)(12,DB,1,0)(13,OB,1,0),R(),M(14,kB,2,2,`app-angular-unavailable`,10),M(15,AB,2,0,`p`,8),M(16,jB,2,2,`p`,8),M(17,NB,7,4,`div`,11),M(18,PB,4,0,`div`,12),M(19,FB,7,4,`div`,13)(20,IB,14,0,`div`,14),M(21,BB,6,1),sg(22,KB,1,1,`ng-template`,null,1,Ev),M(24,$B,12,6,`section`,15),M(25,cV,8,2,`section`,16),L(26,`p`,17),J(27),R(),M(28,CV,5,0),M(29,VV,6,1)),e&2){let e,n;k(),I(`value`,t.filter()),k(2),N(t.pageOptions().length>1?3:-1),k(),N(t.componentOptions().length?4:-1),k(2),Y(t.announcement()),k(),N((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),k(2),N(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),k(2),N(t.graph()?.injector?11:t.graph()?12:13),k(3),N(t.graph()?-1:14),k(),N(t.graph()?.writeHook===!1?15:-1),k(),N((n=t.graph()?.nodeCount)?16:-1,n),k(),N(t.kindChips().length?17:-1),k(),N(!t.graph()&&!t.sourceLoaded()?18:-1),k(),N(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?19:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?20:-1),k(2),N(!t.graph()&&t.sourceSignals().length>0?21:-1),k(3),N(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?24:-1),k(),N(t.watchedNodes().length||t.watchedElsewhere()?25:-1),k(2),Y(t.jumpNote()),k(),N(t.graph()&&t.filteredResources().length?28:-1),k(),N(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?29:-1)}},dependencies:[hO,ub,qz,OO,dB,uM,hb,gb],styles:[`[_nghost-%COMP%] {
+}`]})},pB=[`filterInput`],mB=e=>({id:e,label:`Status history`}),hB=e=>({id:e,label:`Value history`}),gB=(e,t)=>t.kind,_B=(e,t)=>t.name+t.file+t.line,vB=(e,t)=>t.epoch,yB=(e,t)=>t.id,bB=(e,t)=>t.id+`:`+t.change.epoch;function xB(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`span`,18),J(2,`Page`),R(),L(3,`app-select`,19),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function SB(e,t){if(e&1){let e=H();L(0,`div`,5)(1,`span`,20),J(2,`Graph of`),R(),L(3,`app-select`,21),U(`valueChange`,function(t){return T(e),E(G().pickComponent(t))}),R()()}if(e&2){let e=G();k(3),I(`options`,e.componentOptions())(`value`,e.pickerValue())}}function CB(e,t){if(e&1&&(L(0,`span`,24),J(1),R()),e&2){let e=G(2);k(),Y(e.sourceNote(e.graph().source))}}function wB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,23),J(4),R(),M(5,CB,2,1,`span`,24),R()),e&2){let e=t,n=G();k(2),Y(e.name),k(2),Y(e.path),k(),N(n.graph().source?5:-1)}}function TB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,24),J(4,`environment injector`),R()()),e&2){let e=G();k(2),Y(e.injectorLabel(t))}}function EB(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 DB(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 OB(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 kB(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function AB(e,t){if(e&1&&(L(0,`app-angular-unavailable`,10),J(1,` This list comes from a source scan. `),R()),e&2){let e=G();I(`page`,e.angularPage())(`missing`,e.unsupported())}}function jB(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 MB(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Z(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function NB(e,t){if(e&1){let e=H();L(0,`button`,25),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,28),L(2,`span`,29),J(3),R(),L(4,`span`,26),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(e.kind),k(2),Y(e.count)}}function PB(e,t){if(e&1){let e=H();L(0,`div`,11)(1,`button`,25),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,26),J(4),R()(),P(5,NB,6,7,`button`,27,gB),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.kindTotal()),k(),F(e.kindChips())}}function FB(e,t){e&1&&(L(0,`div`,12),z(1,`span`,30),L(2,`p`,31),J(3,`Scanning source for signals…`),R()())}function IB(e,t){if(e&1){let e=H();L(0,`div`,32)(1,`p`,31),J(2,`Couldn't load signals`),R(),L(3,`p`,33),J(4,` The devtools server did not answer. Check that it is still running, then retry. `),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=G();q(`compact`,e.sourceSignals().length>0),k(5),j(`aria-disabled`,e.retrying()||null),k(),X(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function LB(e,t){e&1&&(L(0,`div`,14)(1,`p`,31),J(2,`No signals found.`),R(),L(3,`p`,33),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 RB(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit;k(3),X(`in <`,e.component,`>`)}}function zB(e,t){if(e&1&&(L(0,`div`,37)(1,`div`,39)(2,`span`,40),J(3),R(),L(4,`span`,41),J(5),R()(),L(6,`div`,42),z(7,`app-source-link`,43),M(8,RB,4,1),R()()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.name),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.component?8:-1)}}function BB(e,t){if(e&1){let e=H();L(0,`div`,38)(1,`p`,31),J(2,`No signals match.`),R(),L(3,`p`,33),J(4,`Try a different name or kind.`),R(),L(5,`button`,34),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(6,`Clear filters`),R()()}}function VB(e,t){if(e&1&&(L(0,`p`,35),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,36),P(3,zB,9,7,`div`,37,_B,!1,BB,7,0,`div`,38),R()),e&2){let e=G();k(3),F(e.filteredSourceSignals())}}function HB(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.missed,` earlier not captured`)}}function UB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function WB(e,t){if(e&1&&(L(0,`ol`,51),P(1,UB,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.stack)}}function GB(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,49),J(6),R(),L(7,`span`),J(8),R(),M(9,HB,2,1,`span`,50),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,WB,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,8,e.at,`HH:mm:ss.SSS`)),k(2),M_(`source-`+e.source),k(),Y(n.sourceLabel(e.source)),k(2),X(`epoch `,e.epoch),k(),N(e.missed?9:-1),k(2),Y(Cv(12,11,e.value)),k(2),N(e.stack?.length?13:-1)}}function KB(e,t){if(e&1&&(L(0,`h4`,45),J(1),R(),L(2,`p`,46),J(3),R(),L(4,`ol`,47),P(5,GB,14,13,`li`,null,vB),R()),e&2){let e=G(),t=e.id,n=e.label,r=G();I(`id`,`history-heading-`+t),k(),Y(n),k(2),Y(r.historySummary(t)),k(),j(`aria-labelledby`,`history-heading-`+t),k(),F(r.selectedHistory())}}function qB(e,t){e&1&&M(0,KB,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function JB(e,t){if(e&1){let e=H();L(0,`button`,56),U(`click`,function(){T(e);let t=G(2);return E(t.showFramework.set(!t.showFramework()))}),J(1,` Show framework signals `),L(2,`span`,26),J(3),R()()}if(e&2){let e=G(2);j(`aria-pressed`,e.showFramework()),k(3),Z(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function YB(e,t){e&1&&(L(0,`p`,58),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 XB(e,t){if(e&1){let e=H();L(0,`app-signal-graph-view`,62),U(`selected`,function(t){return T(e),E(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 ZB(e,t){e&1&&(L(0,`p`,58),J(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),R())}function QB(e,t){if(e&1){let e=H();L(0,`p`,61)(1,`span`),J(2,`Selected`),R(),L(3,`span`,63),J(4),R(),L(5,`span`,44),J(6,`·`),R(),L(7,`span`),J(8),R(),L(9,`span`,44),J(10,`·`),R(),L(11,`span`),J(12),R(),L(13,`button`,64),U(`click`,function(){let t=T(e);return E(G(3).jumpTo(t))}),J(14,` Show details `),R()()}if(e&2){let e=t,n=G(3);k(4),Y(e.label??`(unnamed)`),k(4),Y(n.plural(n.getDependencies(e).length,`producer`)),k(4),Y(n.plural(n.getConsumers(e).length,`consumer`))}}function $B(e,t){if(e&1&&(L(0,`div`,59),M(1,XB,1,5,`app-signal-graph-view`,60)(2,ZB,2,0,`p`,58),M(3,QB,15,3,`p`,61),R()),e&2){let e,t=G(2);k(),N(t.graphNodes().length?1:2),k(2),N((e=t.selectedNode())?3:-1,e)}}function eV(e,t){if(e&1){let e=H();L(0,`section`,15)(1,`div`,52)(2,`h2`,53),J(3,`Graph`),R(),L(4,`div`,54),M(5,JB,4,3,`button`,55),L(6,`button`,56),U(`click`,function(){return T(e),E(G().toggleStacks())}),J(7,` Record write stacks `),R(),L(8,`button`,57),U(`click`,function(){T(e);let t=G();return E(t.showGraph.set(!t.showGraph()))}),J(9),R()()(),M(10,YB,2,0,`p`,58),M(11,$B,4,2,`div`,59),R()}if(e&2){let e,t=G();k(5),N((e=t.frameworkCount())?5:-1,e),k(),j(`aria-pressed`,t.stacksOn()),k(2),j(`aria-expanded`,t.showGraph()),k(),X(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),k(),N(t.stacksOn()?10:-1),k(),N(t.showGraph()?11:-1)}}function tV(e,t){if(e&1&&(L(0,`p`,33),J(1),R()),e&2){let e=t;k(),Z(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function nV(e,t){if(e&1&&(L(0,`span`,67),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function rV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function iV(e,t){if(e&1){let e=H();L(0,`li`)(1,`span`,63),J(2),R(),M(3,nV,3,3,`span`,67),M(4,rV,2,2,`span`,68),L(5,`button`,64),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleWatch(t))}),J(6,` Stop watching `),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(2),Y(n.label??`(unnamed)`),k(),N(n.value===void 0?-1:3),k(),N((e=r.changeCount(n.id))?4:-1,e),k(),j(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function aV(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function oV(e,t){if(e&1&&(L(0,`ol`,51),P(1,aV,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.change.stack)}}function sV(e,t){if(e&1&&(L(0,`li`)(1,`span`,48)(2,`time`),J(3),xv(4,`date`),R(),L(5,`span`,63),J(6),R(),L(7,`span`,49),J(8),R()(),L(9,`pre`),J(10),xv(11,`json`),R(),M(12,oV,3,0,`ol`,51),R()),e&2){let e=t.$implicit,n=G(3);k(3),Y(wv(4,7,e.change.at,`HH:mm:ss.SSS`)),k(3),Y(e.label),k(),M_(`source-`+e.change.source),k(),Y(n.sourceLabel(e.change.source)),k(2),Y(Cv(11,10,e.change.value)),k(2),N(e.change.stack?.length?12:-1)}}function cV(e,t){if(e&1&&(L(0,`h3`,69),J(1,`Recent changes`),R(),L(2,`div`,70)(3,`ol`,71),P(4,sV,13,12,`li`,null,bB),R()()),e&2){let e=G(2);k(4),F(e.watchLog())}}function lV(e,t){if(e&1&&(L(0,`section`,16)(1,`h2`,65),J(2,`Watched`),R(),M(3,tV,2,2,`p`,33),L(4,`ul`,66),P(5,iV,7,4,`li`,null,yB),R(),M(7,cV,6,0),R()),e&2){let e,t=G();k(3),N((e=t.watchedElsewhere())?3:-1,e),k(2),F(t.watchedNodes()),k(2),N(t.watchLog().length?7:-1)}}function uV(e,t){if(e&1&&(L(0,`span`,79),J(1),R()),e&2){let e=G().$implicit;M_(`tone-`+G(2).statusTone(e.status)),k(),Y(e.status)}}function dV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function fV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.error))}}function pV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function mV(e,t){e&1&&(L(0,`p`,33),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 hV(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;k(3),Y(e.isLoading?`yes`:`no`)}}function gV(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;k(3),Y(e.statusCode)}}function _V(e,t){if(e&1&&(L(0,`dt`),J(1,`Params`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Params of `+e.name),k(),Y(Cv(5,2,e.params))}}function vV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Value of `+e.name),k(),Y(Cv(5,2,e.value))}}function yV(e,t){if(e&1&&(L(0,`dt`),J(1,`Error`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(2).$implicit;k(3),j(`aria-label`,`Error of `+e.name),k(),Y(Cv(5,2,e.error))}}function bV(e,t){if(e&1&&(L(0,`li`)(1,`span`,84),J(2),R(),L(3,`span`,63),J(4),R()()),e&2){let e=t.$implicit,n=G(5);k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function xV(e,t){if(e&1&&(L(0,`ul`,45),P(1,bV,5,4,`li`,null,yB),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),k(),F(t.internalsOf(e))}}function SV(e,t){if(e&1){let e=H();L(0,`div`,78)(1,`h3`,80),J(2),R(),M(3,mV,11,0,`p`,33),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,hV,4,1),M(10,gV,4,1),M(11,_V,6,4),M(12,vV,6,4),M(13,yV,6,4),R(),Gg(14,81),L(15,`button`,82),U(`click`,function(){T(e);let t=G(3);return E(t.showInternals.set(!t.showInternals()))}),J(16),R(),M(17,xV,3,1,`ul`,45),R()}if(e&2){let e=G().$implicit,t=G(2),n=d_(23);I(`id`,`signal-detail-`+e.id),k(2),Y(e.name),k(),N(e.named?-1:3),k(5),Y(e.status??`unknown`),k(),N(e.isLoading===void 0?-1:9),k(),N(e.statusCode===void 0?-1:10),k(),N(e.params===void 0?-1:11),k(),N(e.value===void 0?-1:12),k(),N(e.error===void 0?-1:13),k(),I(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,hv(16,mB,e.id)),k(),j(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),k(),Z(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),k(),N(t.showInternals()?17:-1)}}function CV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4,`resource`),R(),L(5,`span`,41),J(6),R(),M(7,uV,2,3,`span`,75),M(8,dV,2,2,`span`,68),z(9,`span`,76),R(),M(10,fV,3,3,`span`,77)(11,pV,3,3,`span`,77),R(),M(12,SV,18,18,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(`resource`)),k(3),Y(n.name),k(),N(n.status?7:-1),k(),N((e=n.changes)?8:-1,e),k(2),N(n.error===void 0?n.value===void 0?-1:11:10),k(2),N(r.selectedId()===n.id?12:-1)}}function wV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Resources`),R(),L(2,`ul`,73),P(3,CV,13,12,`li`,null,yB),R()),e&2){let e=G();k(3),F(e.filteredResources())}}function TV(e,t){e&1&&(L(0,`span`,87),J(1,`watching`),R())}function EV(e,t){e&1&&(L(0,`span`,88),J(1,`framework`),R())}function DV(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=t;k(),Z(``,e,` `,e===1?`change`:`changes`)}}function OV(e,t){if(e&1&&(L(0,`span`,77),J(1),xv(2,`json`),R()),e&2){let e=G().$implicit;k(),Y(Cv(2,1,e.value))}}function kV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Deps: `,t.getDependencies(e).length)}}function AV(e,t){if(e&1&&(L(0,`span`,44),J(1,`·`),R(),L(2,`span`),J(3),R()),e&2){let e=G().$implicit,t=G(2);k(3),X(`Consumers: `,t.getConsumers(e).length)}}function jV(e,t){if(e&1&&(L(0,`dt`),J(1,`Value`),R(),L(2,`dd`)(3,`pre`,83),J(4),xv(5,`json`),R()()),e&2){let e=G(4);k(3),j(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),k(),Y(Cv(5,2,e.selectedNode().value))}}function MV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function NV(e,t){if(e&1&&(L(0,`h4`),J(1,`Dependencies (producers)`),R(),L(2,`ul`),P(3,MV,6,5,`li`,null,yB),R()),e&2){let e=G(4);k(3),F(e.getDependencies(e.selectedNode()))}}function PV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,89),U(`click`,function(){let t=T(e).$implicit;return E(G(5).jumpTo(t))}),L(2,`span`,84),J(3),R(),L(4,`span`,63),J(5),R()()()}if(e&2){let e=t.$implicit,n=G(5);k(),j(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),k(),K(`background`,n.kindColor(e.kind)),k(),Y(e.kind),k(2),Y(e.label??e.id)}}function FV(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,PV,6,5,`li`,null,yB),R()),e&2){let e=G(4);k(3),F(e.getConsumers(e.selectedNode()))}}function IV(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e);let t=G(4);return E(t.toggleWatch(t.selectedNode()))}),J(1,` Watch `),R(),L(2,`p`,33),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 LV(e,t){e&1&&(L(0,`p`,33),J(1),R()),e&2&&(k(),Y(t))}function RV(e,t){if(e&1&&(L(0,`div`,78)(1,`h3`,80),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,jV,6,4),R(),M(13,NV,5,0),M(14,FV,5,0),M(15,IV,4,1),M(16,LV,2,1,`p`,33),Gg(17,81),R()),e&2){let e,t=G().$implicit,n=G(2),r=d_(23);I(`id`,`signal-detail-`+t.id),k(2),Y(n.selectedNode().label??n.selectedNode().id),k(5),Y(n.selectedNode().kind),k(4),Y(n.selectedNode().epoch),k(),N(n.selectedNode().value===void 0?-1:12),k(),N(n.getDependencies(n.selectedNode()).length?13:-1),k(),N(n.getConsumers(n.selectedNode()).length?14:-1),k(),N(n.isWatchable(n.selectedNode())?15:-1),k(),N((e=n.writeHint())?16:-1,e),k(),I(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,hv(11,hB,t.id))}}function zV(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.id))}),L(2,`span`,39)(3,`span`,40),J(4),R(),L(5,`span`,41),J(6),R(),M(7,TV,2,0,`span`,87),M(8,EV,2,0,`span`,88),M(9,DV,2,2,`span`,68),z(10,`span`,76),R(),M(11,OV,3,3,`span`,77),L(12,`span`,42)(13,`span`),J(14),R(),M(15,kV,4,1),M(16,AV,4,1),R()(),M(17,RV,18,13,`div`,78),R()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`selected`,r.selectedId()===n.id),j(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),k(2),K(`background`,r.kindColor(n.kind)),k(),Y(n.kind),k(2),Y(n.label??`(unnamed)`),k(),N(r.watchedIds().has(n.id)?7:-1),k(),N(n.framework?8:-1),k(),N((e=r.changeCount(n.id))?9:-1,e),k(2),N(n.value===void 0?-1:11),k(3),X(`Epoch: `,n.epoch),k(),N(r.getDependencies(n).length?15:-1),k(),N(r.getConsumers(n).length?16:-1),k(),N(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function BV(e,t){if(e&1){let e=H();L(0,`button`,34),U(`click`,function(){return T(e),E(G(3).clearFilters())}),J(1,`Clear filters`),R()}}function VV(e,t){if(e&1&&(L(0,`li`,86)(1,`p`,31),J(2),R(),L(3,`p`,33),J(4),R(),M(5,BV,2,0,`button`,91),R()),e&2){let e=G(2);k(2),X(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),k(2),X(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),k(),N(e.hasAnySignals()?5:-1)}}function HV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Signals`),R(),L(2,`ul`,85),P(3,zV,18,17,`li`,null,yB,!1,VV,6,3,`li`,86),R()),e&2){let e=G();k(3),F(e.filteredNodes())}}var UV=`follow`;function WV(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var GV=`env:`,KV=50,qV=new Set([`signal`,`computed`,`linkedSignal`]),JV=20,YV={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},XV={write:`set`,sample:`sampled`,initial:`initial`},ZV={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},QV={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`},$V=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);filterInput=Jv(`filterInput`);injector=C(Ts);pageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=O({});graphState=O({graph:null,pages:{}});chosenPageId=O(null);announcement=O(``);graphPages=Q(()=>WV(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 RE(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=O({});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=O(!1);sourceSignals=O([]);sourceLoaded=O(!1);sourceFailed=O(!1);graphFailed=O(!1);loadFailed=Q(()=>this.sourceFailed()||this.graphFailed());retrying=O(!1);filter=O(``);resources=Q(()=>this.graph()?.resources??[]);internalIds=Q(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=O(!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=O(!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,JV)});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=O(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(QV).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:UV,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:GV+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:UV});constructor(){mc(()=>{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(WV(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!==UV?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(GV)?{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 YV[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||Hd(()=>{(!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 qV.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),Hd(()=>{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>=KV&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return ZV[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return XV[e]}kindColor(e){return QV[e]??QV.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=A({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,pB,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`],[`capability`,`signalGraph`,`compact`,``,3,`page`,`missing`],[`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,xB,4,2,`div`,4),M(4,SB,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,wB,6,3,`p`,7)(8,TB,5,1,`p`,7),M(9,EB,2,0,`p`,8),L(10,`p`,9),M(11,DB,1,0)(12,OB,1,0)(13,kB,1,0),R(),M(14,AB,2,2,`app-angular-unavailable`,10),M(15,jB,2,0,`p`,8),M(16,MB,2,2,`p`,8),M(17,PB,7,4,`div`,11),M(18,FB,4,0,`div`,12),M(19,IB,7,4,`div`,13)(20,LB,14,0,`div`,14),M(21,VB,6,1),sg(22,qB,1,1,`ng-template`,null,1,Ev),M(24,eV,12,6,`section`,15),M(25,lV,8,2,`section`,16),L(26,`p`,17),J(27),R(),M(28,wV,5,0),M(29,HV,6,1)),e&2){let e,n;k(),I(`value`,t.filter()),k(2),N(t.pageOptions().length>1?3:-1),k(),N(t.componentOptions().length?4:-1),k(2),Y(t.announcement()),k(),N((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),k(2),N(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),k(2),N(t.graph()?.injector?11:t.graph()?12:13),k(3),N(t.graph()?-1:14),k(),N(t.graph()?.writeHook===!1?15:-1),k(),N((n=t.graph()?.nodeCount)?16:-1,n),k(),N(t.kindChips().length?17:-1),k(),N(!t.graph()&&!t.sourceLoaded()?18:-1),k(),N(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?19:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?20:-1),k(2),N(!t.graph()&&t.sourceSignals().length>0?21:-1),k(3),N(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?24:-1),k(),N(t.watchedNodes().length||t.watchedElsewhere()?25:-1),k(2),Y(t.jumpNote()),k(),N(t.graph()&&t.filteredResources().length?28:-1),k(),N(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?29:-1)}},dependencies:[hO,ub,Jz,OO,fB,uM,hb,gb],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
   color: var(--%NS%text);
@@ -7207,7 +7207,7 @@ button.node-card[_ngcontent-%COMP%] {
   dd[_ngcontent-%COMP%]    + dt[_ngcontent-%COMP%] {
     margin-top: 8px;
   }
-}`]})},$V=`pangular-pref`;function eH(e){try{let t=localStorage.getItem(`${$V}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function tH(e,t){try{localStorage.setItem(`${$V}:${e}`,String(t))}catch{}}var nH=[`queryInput`],rH=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),iH=()=>({compact:!1}),aH=()=>({compact:!0}),oH=(e,t)=>t.node.injector.id,sH=(e,t)=>t.id,cH=(e,t)=>t.from+t.token+e,lH=(e,t)=>t.token+e,uH=(e,t)=>t.type,dH=(e,t)=>t.token+t.file+t.line;function fH(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 T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=t.compact,n=G();q(`compact`,e),k(2),X(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),k(3),j(`aria-disabled`,n.retrying()||null),k(),X(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function pH(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 T(e),E(G(2).selectPage(t))}),R()()}if(e&2){let e=G(2);k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function mH(e,t){e&1&&M(0,pH,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function hH(e,t){if(e&1){let e=H();L(0,`label`,24)(1,`input`,25),U(`change`,function(){T(e);let t=G(2);return E(t.componentsOnly.set(!t.componentsOnly()))}),R(),J(2,` Components only `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.componentsOnly())}}function gH(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G(2);k(),Y(e.frameworkHiddenText())}}function _H(e,t){e&1&&(L(0,`span`,27),J(1),R()),e&2&&(k(),X(`Change detection: `,t))}function vH(e,t){e&1&&(L(0,`p`,28),D(),L(1,`svg`,37),z(2,`circle`,38)(3,`path`,39),R(),_s(),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 yH(e,t){if(e&1){let e=H();L(0,`button`,43),U(`click`,function(){let t=T(e).$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),L(4,`span`,46),J(5),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),K(`background`,n.tone(e.kind)),k(2),Y(e.label),k(2),Y(e.tokens)}}function bH(e,t){e&1&&(L(0,`span`,42),J(1),R()),e&2&&(k(),X(`+`,t,` more`))}function xH(e,t){if(e&1&&(L(0,`div`,29)(1,`span`,40),J(2,`Provided by`),R(),P(3,yH,6,4,`button`,41,sH),M(5,bH,2,1,`span`,42),R()),e&2){let e,t=G(2);k(3),F(t.providedBy()),k(2),N((e=t.providedByMore())?5:-1,e)}}function SH(e,t){if(e&1){let e=H();L(0,`div`,30),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(2).clearQuery())}),J(3,`Clear search`),R()()}if(e&2){let e=G(2);k(),X(` Nothing here matches “`,e.query().trim(),`”. `)}}function CH(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function wH(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function TH(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function EH(e,t){e&1&&J(0,` Try a different search. `)}function DH(e,t){if(e&1&&(L(0,`div`,32)(1,`p`,7),J(2,`No injectors to show`),R(),L(3,`p`,8),M(4,CH,1,0)(5,wH,1,0)(6,TH,1,0)(7,EH,1,0),R()()),e&2){let e=G(2);k(4),N(e.hideFramework()&&e.frameworkHiddenCount().injectors>0?4:e.onlyProviding()?5:e.componentsOnly()&&e.view()===`element`?6:7)}}function OH(e,t){if(e&1){let e=H();L(0,`span`,58),U(`click`,function(t){T(e);let n=G().$implicit;return E(G(2).toggle(n.node.injector.id,t))}),D(),L(1,`svg`,59),z(2,`path`,60),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function kH(e,t){e&1&&z(0,`span`,50)}function AH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.component)}}function jH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.directives.join(`, `))}}function MH(e,t){if(e&1&&(L(0,`span`,56),D(),L(1,`svg`,37),z(2,`path`,61),R(),_s(),L(3,`span`,52),J(4,`injects`),R(),J(5),R()),e&2){let e=G().$implicit;j(`title`,e.node.dependencies.length+` injected`),k(5),X(` `,e.node.dependencies.length,` `)}}function NH(e,t){if(e&1&&(L(0,`span`,57),D(),L(1,`svg`,37),z(2,`path`,62),R(),_s(),L(3,`span`,52),J(4,`provides`),R(),J(5),R()),e&2){let e=t;j(`title`,e+` provided`),k(5),X(` `,e,` `)}}function PH(e,t){if(e&1){let e=H();L(0,`div`,48),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.node.injector.id))})(`focus`,function(){let t=T(e).$implicit,n=G(2);return n.focusId.set(t.node.injector.id),E(n.highlight(t.node))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.node))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,OH,3,2,`span`,49)(2,kH,1,0,`span`,50),L(3,`span`,51),J(4),R(),L(5,`span`,52),J(6),R(),L(7,`span`,53),J(8),R(),M(9,AH,2,1,`span`,54)(10,jH,2,1,`span`,54),L(11,`span`,55),M(12,MH,6,2,`span`,56),M(13,NH,6,2,`span`,57),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),k(),N(n.hasChildren?1:2),k(2),K(`--%NS%tone`,r.tone(r.kind(n.node))),j(`title`,r.kind(n.node)),k(),Y(r.kind(n.node)[0].toUpperCase()),k(2),Y(r.kind(n.node)),k(2),Y(r.label(n.node)),k(),N(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),k(3),N((n.node.dependencies?.length??0)>0?12:-1),k(),N((e=r.providerCount(n.node))?13:-1,e)}}function FH(e,t){if(e&1){let e=H();L(0,`button`,9),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.node.injector.id))}),J(1),R()}if(e&2){let e=G(3);k(),X(` Show `,e.label(t.node),` `)}}function IH(e,t){if(e&1&&(L(0,`section`,35)(1,`header`,63)(2,`h2`,64),J(3),R()(),L(4,`div`,65)(5,`p`,8),J(6,` This injector is no longer on the page. Its component or directive was destroyed. `),R(),M(7,FH,2,1,`button`,66),R()()),e&2){let e,n=G(2);k(3),Y(t),k(4),N((e=n.rows()[0])?7:-1,e)}}function LH(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),k(),Y(e)}}function RH(e,t){if(e&1&&(L(0,`ul`,68),P(1,LH,2,3,`li`,77,Ag),R()),e&2){let e=G();k(),F(e.injector.directives)}}function zH(e,t){if(e&1){let e=H();L(0,`button`,78),U(`click`,function(){let t=T(e);return E(G(3).openComponent(t))}),J(1,` Show in Components `),L(2,`span`,52),J(3),R()()}if(e&2){let e=G();k(3),X(`: `,e.injector.component)}}function BH(e,t){if(e&1&&(L(0,`span`,79),z(1,`span`,44),J(2,` Null injector `),L(3,`span`,81),J(4,`throws NullInjectorError`),R()()),e&2){let e=G(4);k(),K(`background`,e.tone(`null`))}}function VH(e,t){if(e&1&&(L(0,`span`,83),J(1),L(2,`span`,52),J(3),R()()),e&2){let e=G(2).$implicit;k(),X(` `,e.providers,` `),k(2),Y(e.providers===1?`provider`:`providers`)}}function HH(e,t){if(e&1){let e=H();L(0,`button`,82),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),M(4,VH,4,2,`span`,83),R()}if(e&2){let e=G().$implicit,t=G(3);k(),K(`background`,t.tone(e.kind)),k(2),Y(e.label),k(),N(e.providers?4:-1)}}function UH(e,t){if(e&1&&(L(0,`li`),M(1,BH,5,2,`span`,79)(2,HH,5,4,`button`,80),R()),e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`current`,n===0),k(),N(e.id===r.nullId?1:2)}}function WH(e,t){e&1&&(L(0,`p`,71),J(1,`Only services this injector has already created are listed.`),R())}function GH(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function KH(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`for `,e.from)}}function qH(e,t){if(e&1){let e=H();L(0,`button`,94),U(`click`,function(){let t=T(e);return E(G(6).reveal(t))}),z(1,`span`,44),J(2,` from `),L(3,`span`,45),J(4),R()()}if(e&2){let e=t,n=G(6);k(),K(`background`,n.tone(n.kindById(e))),k(3),Y(n.labelById(e))}}function JH(e,t){e&1&&(L(0,`span`,92),J(1,`optional, not provided`),R())}function YH(e,t){e&1&&(L(0,`span`,93),J(1,`not provided anywhere`),R())}function XH(e,t){if(e&1&&(L(0,`li`,86)(1,`div`,87)(2,`span`,88),J(3),R(),P(4,GH,2,1,`span`,89,Ag),R(),L(6,`div`,90),M(7,KH,2,1,`span`),M(8,qH,5,3,`button`,91)(9,JH,2,0,`span`,92)(10,YH,2,0,`span`,93),R()()),e&2){let e,n=t.$implicit,r=G(3);q(`hit`,G(2).matches(n.token)),k(3),Y(n.token),k(),F(n.flags),k(3),N(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),k(),N((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function ZH(e,t){if(e&1&&(L(0,`ul`,84),P(1,XH,11,5,`li`,85,cH),R()),e&2){let e=G(2);k(),F(e.dependencies)}}function QH(e,t){e&1&&(L(0,`p`,76),J(1,`Nothing is injected through the constructor or inject().`),R())}function $H(e,t){e&1&&(L(0,`p`,76),J(1,`No service created here has injected anything yet.`),R())}function eU(e,t){if(e&1&&(L(0,`div`,70)(1,`h3`),J(2),L(3,`span`,17),J(4),R()(),M(5,WH,2,0,`p`,71),M(6,ZH,3,0,`ul`,84)(7,QH,2,0,`p`,76)(8,$H,2,0,`p`,76),R()),e&2){let e=G();k(2),X(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),k(2),Y(e.dependencies?.length??0),k(),N(e.injector.type===`element`?-1:5),k(),N(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function tU(e,t){if(e&1){let e=H();L(0,`p`,74),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(3).setHideFramework(!1))}),J(3,` Show them `),R()()}if(e&2){let e=t;k(),Z(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function nU(e,t){e&1&&(L(0,`span`,89),J(1,`viewProviders`),R())}function rU(e,t){e&1&&(L(0,`span`,89),J(1,`multi`),R())}function iU(e,t){e&1&&(L(0,`span`,89),J(1,`Angular`),R())}function aU(e,t){if(e&1&&(L(0,`div`,90),J(1),R()),e&2){let e=G(2).$implicit;k(),X(`via `,e.importPath.join(` › `))}}function oU(e,t){if(e&1&&(L(0,`li`,96)(1,`div`,87)(2,`span`,88),J(3),R(),L(4,`span`,97),J(5),R(),M(6,nU,2,0,`span`,89),M(7,rU,2,0,`span`,89),M(8,iU,2,0,`span`,89),R(),M(9,aU,2,1,`div`,90),z(10,`app-store-global`,98),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2),i=G(2);q(`hit`,i.matches(t.token)),k(3),Y(t.token),k(2),Y(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),k(),N(t.isViewProvider?6:-1),k(),N(t.multi?7:-1),k(),N(t.framework?8:-1),k(),N(t.importPath?.length?9:-1),k(),I(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,gv(13,rH,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function sU(e,t){if(e&1&&M(0,oU,11,17,`li`,95),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function cU(e,t){if(e&1&&(L(0,`ul`,75),P(1,sU,1,1,null,null,lH),R()),e&2){let e=G();k(),F(e.providers)}}function lU(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function uU(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function dU(e,t){if(e&1&&(L(0,`p`,76),M(1,lU,1,0)(2,uU,1,0),R()),e&2){let e=G();k(),N(e.injector.type===`element`?1:2)}}function fU(e,t){if(e&1&&(L(0,`section`,36)(1,`header`,63)(2,`span`,67),J(3),R(),L(4,`h2`,64),J(5),R(),M(6,RH,3,0,`ul`,68),M(7,zH,4,1,`button`,69),R(),L(8,`div`,70)(9,`h3`),J(10,`Lookup path`),R(),L(11,`p`,71),J(12,`Angular asks these injectors in order until one has the token.`),R(),L(13,`ol`,72),P(14,UH,3,3,`li`,73,sH),R()(),M(16,eU,9,4,`div`,70),L(17,`div`,70)(18,`h3`),J(19,` Provides `),L(20,`span`,17),J(21),R()(),M(22,tU,4,2,`p`,74),M(23,cU,3,0,`ul`,75)(24,dU,3,1,`p`,76),R()()),e&2){let e,n,r=t,i=G(2);k(2),K(`--%NS%tone`,i.tone(i.kind(r))),k(),Y(i.kind(r)),k(2),Y(i.label(r)),k(),N(r.injector.directives?.length?6:-1),k(),N((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),k(7),F(i.path()),k(2),N(r.injector.type===`element`||r.dependencies?16:-1),k(5),Y(i.providerCount(r)),k(),N((n=i.hiddenProviders(r))?22:-1,n),k(),N(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function pU(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,`app-angular-unavailable`,14),J(3,` This tree shows the element injectors the page reports, with providers and environment injectors only where its Angular exposes them. `),R(),L(4,`div`,15)(5,`div`,16)(6,`button`,9),U(`click`,function(){return T(e),E(G().setView(`element`))}),J(7,` Elements `),L(8,`span`,17),J(9),R()(),L(10,`button`,9),U(`click`,function(){return T(e),E(G().setView(`environment`))}),J(11,` Environment `),L(12,`span`,17),J(13),R()()(),L(14,`div`,18),D(),L(15,`svg`,19),z(16,`circle`,20)(17,`path`,21),R(),_s(),L(18,`input`,22,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(20,23),M(21,hH,3,1,`label`,24),L(22,`label`,24)(23,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.onlyProviding.set(!t.onlyProviding()))}),R(),J(24,` With providers `),R(),L(25,`label`,24)(26,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.setHideFramework(!t.hideFramework()))}),R(),J(27,` Hide framework `),R(),M(28,gH,2,1,`span`,26),M(29,_H,2,1,`span`,27),R(),M(30,vH,8,0,`p`,28),M(31,xH,6,1,`div`,29)(32,SH,4,1,`div`,30),L(33,`div`,31),M(34,DH,8,1,`div`,32),L(35,`div`,33),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(36,PH,14,19,`div`,34,oH),R(),M(38,IH,8,2,`section`,35)(39,fU,25,10,`section`,36),R()}if(e&2){let e,t,n=G(),r=d_(5);k(2),I(`page`,n.angularPage()),k(4),q(`active`,n.view()===`element`),j(`aria-pressed`,n.view()===`element`),k(3),Y(n.elementCount()),k(),q(`active`,n.view()===`environment`),j(`aria-pressed`,n.view()===`environment`),k(3),Y(n.environmentCount()),k(5),I(`value`,n.query()),k(2),I(`ngTemplateOutlet`,r),k(),N(n.view()===`element`?21:-1),k(2),I(`checked`,n.onlyProviding()),k(3),I(`checked`,n.hideFramework()),k(2),N(n.hideFramework()?28:-1),k(),N((e=n.zone())?29:-1,e),k(),N(n.truncated()?30:-1),k(),N(n.providedBy().length?31:n.query().trim()&&!n.rows().length?32:-1),k(3),N(n.rows().length?-1:34),k(),I(`hidden`,!n.rows().length),j(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),k(),F(n.rows()),k(2),N((t=n.gone())?38:(t=n.selected())?39:-1,t)}}function mU(e,t){e&1&&(L(0,`div`,4),z(1,`span`,99),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function hU(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,iH)))}function gU(e,t){if(e&1&&(L(0,`div`,15),Gg(1,23),R()),e&2){G(2);let e=d_(5);k(),I(`ngTemplateOutlet`,e)}}function _U(e,t){e&1&&(M(0,gU,2,1,`div`,15),L(1,`div`,32)(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 vU(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,aH)))}function yU(e,t){if(e&1){let e=H();L(0,`div`,32)(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 T(e),E(G(2).clearQuery())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No providers match “`,e.query(),`”`)}}function bU(e,t){if(e&1&&(L(0,`span`,110),J(1),R()),e&2){let e=G().$implicit;k(),X(`providedIn: `,e.providedIn)}}function xU(e,t){if(e&1&&(L(0,`span`,113),J(1),R()),e&2){let e=G().$implicit;k(),X(`as `,e.source)}}function SU(e,t){if(e&1&&(L(0,`li`,107)(1,`div`,108)(2,`span`,109),J(3),R(),M(4,bU,2,1,`span`,110),R(),L(5,`div`,111),z(6,`app-source-link`,112),M(7,xU,2,1,`span`,113),R()()),e&2){let e=t.$implicit;k(3),Y(e.token),k(),N(e.providedIn?4:-1),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function CU(e,t){if(e&1&&(L(0,`section`,104)(1,`h2`),J(2),L(3,`span`,105),J(4),R()(),L(5,`ul`,106),P(6,SU,8,5,`li`,107,dH),R()()),e&2){let e=t.$implicit;k(2),X(` `,e.label,` `),k(2),Y(e.items.length),k(2),F(e.items)}}function wU(e,t){if(e&1&&(L(0,`div`,103),P(1,CU,8,2,`section`,104,uH),R()),e&2){let e=G(2);k(),F(e.groupedProviders())}}function TU(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`div`,18),D(),L(2,`svg`,19),z(3,`circle`,20)(4,`path`,21),R(),_s(),L(5,`input`,100,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(7,23),L(8,`span`,101),J(9),R()(),M(10,vU,1,3,`ng-container`,5),L(11,`p`,28),D(),L(12,`svg`,37),z(13,`circle`,38)(14,`path`,39),R(),_s(),L(15,`span`)(16,`strong`),J(17,`DI from source scan (static analysis).`),R(),J(18,` Connect the overlay to a development build to see the live injector tree. `),R()(),z(19,`app-angular-unavailable`,102),M(20,yU,7,1,`div`,32)(21,wU,3,0,`div`,103)}if(e&2){let e=G(),t=d_(5);k(5),I(`value`,e.query()),k(2),I(`ngTemplateOutlet`,t),k(2),Z(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),k(),N(e.loadFailed()?10:-1),k(9),I(`page`,e.angularPage()),k(),N(e.groupedProviders().length===0?20:21)}}var EU=`inj-null`,DU=`injectors.hideFramework`,OU=12,kU=600,AU={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function jU(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function MU(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function NU(e){return Array.isArray(e)}var PU=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=C(Ts);nullId=EU;hostPage=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()||this.hostPage));treeState=O(null);pageTitles=O({});chosenPageId=O(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 RE(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 NU(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return NU(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?GD(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=O([]);loaded=O(!1);treeFailed=O(!1);sourceFailed=O(!1);loadFailed=Q(()=>this.treeFailed()||this.sourceFailed());retrying=O(!1);host=C(Il);view=O(`element`);query=O(``);queryInput=Jv(`queryInput`);onlyProviding=O(!1);componentsOnly=O(!0);hideFramework=O(eH(DU)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=O(``);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(EU)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?MU(n):e===EU?`Null injector`:`Not listed`,kind:n?jU(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:MU(n),kind:jU(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,OU));providedByMore=Q(()=>Math.max(0,this.providerHits().length-OU));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=C(Ds);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){mc(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)},kU);e(()=>clearTimeout(n))}),mc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),mc(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(()=>{})}),mc(()=>{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 ${MU(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),tH(DU,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||Hd(()=>{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 MU(e)}kind(e){return jU(e)}tone(e){return AU[e]??AU.null}kindById(e){let t=this.index().map.get(e);return t?jU(t):`null`}labelById(e){let t=this.index().map.get(e);return t?MU(t):e===EU?`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?MU(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),Hd(()=>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=A({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&l_(t.queryInput,nH,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`],[`capability`,`injectorMetadata`,`compact`,``,3,`page`],[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`],[`capability`,`debugApi`,`compact`,``,3,`page`],[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,fH,7,5,`ng-template`,null,0,Ev)(4,mH,1,1,`ng-template`,null,1,Ev),M(6,pU,40,22)(7,mU,4,0,`div`,4)(8,hU,1,3,`ng-container`,5)(9,_U,6,1)(10,TU,22,7)),e&2&&(k(),Y(t.announcement()),k(5),N(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[hO,ub,OO,uM,pN],styles:[`[_nghost-%COMP%] {
+}`]})},eH=`pangular-pref`;function tH(e){try{let t=localStorage.getItem(`${eH}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function nH(e,t){try{localStorage.setItem(`${eH}:${e}`,String(t))}catch{}}var rH=[`queryInput`],iH=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),aH=()=>({compact:!1}),oH=()=>({compact:!0}),sH=(e,t)=>t.node.injector.id,cH=(e,t)=>t.id,lH=(e,t)=>t.from+t.token+e,uH=(e,t)=>t.token+e,dH=(e,t)=>t.type,fH=(e,t)=>t.token+t.file+t.line;function pH(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 T(e),E(G().retry())}),J(6),R()()}if(e&2){let e=t.compact,n=G();q(`compact`,e),k(2),X(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),k(3),j(`aria-disabled`,n.retrying()||null),k(),X(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function mH(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 T(e),E(G(2).selectPage(t))}),R()()}if(e&2){let e=G(2);k(3),I(`options`,e.pageOptions())(`value`,e.shownPageId())}}function hH(e,t){e&1&&M(0,mH,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function gH(e,t){if(e&1){let e=H();L(0,`label`,24)(1,`input`,25),U(`change`,function(){T(e);let t=G(2);return E(t.componentsOnly.set(!t.componentsOnly()))}),R(),J(2,` Components only `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.componentsOnly())}}function _H(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G(2);k(),Y(e.frameworkHiddenText())}}function vH(e,t){e&1&&(L(0,`span`,27),J(1),R()),e&2&&(k(),X(`Change detection: `,t))}function yH(e,t){e&1&&(L(0,`p`,28),D(),L(1,`svg`,37),z(2,`circle`,38)(3,`path`,39),R(),_s(),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 bH(e,t){if(e&1){let e=H();L(0,`button`,43),U(`click`,function(){let t=T(e).$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),L(4,`span`,46),J(5),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),K(`background`,n.tone(e.kind)),k(2),Y(e.label),k(2),Y(e.tokens)}}function xH(e,t){e&1&&(L(0,`span`,42),J(1),R()),e&2&&(k(),X(`+`,t,` more`))}function SH(e,t){if(e&1&&(L(0,`div`,29)(1,`span`,40),J(2,`Provided by`),R(),P(3,bH,6,4,`button`,41,cH),M(5,xH,2,1,`span`,42),R()),e&2){let e,t=G(2);k(3),F(t.providedBy()),k(2),N((e=t.providedByMore())?5:-1,e)}}function CH(e,t){if(e&1){let e=H();L(0,`div`,30),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(2).clearQuery())}),J(3,`Clear search`),R()()}if(e&2){let e=G(2);k(),X(` Nothing here matches “`,e.query().trim(),`”. `)}}function wH(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function TH(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function EH(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function DH(e,t){e&1&&J(0,` Try a different search. `)}function OH(e,t){if(e&1&&(L(0,`div`,32)(1,`p`,7),J(2,`No injectors to show`),R(),L(3,`p`,8),M(4,wH,1,0)(5,TH,1,0)(6,EH,1,0)(7,DH,1,0),R()()),e&2){let e=G(2);k(4),N(e.hideFramework()&&e.frameworkHiddenCount().injectors>0?4:e.onlyProviding()?5:e.componentsOnly()&&e.view()===`element`?6:7)}}function kH(e,t){if(e&1){let e=H();L(0,`span`,58),U(`click`,function(t){T(e);let n=G().$implicit;return E(G(2).toggle(n.node.injector.id,t))}),D(),L(1,`svg`,59),z(2,`path`,60),R()()}if(e&2){let e=G().$implicit;q(`open`,e.expanded)}}function AH(e,t){e&1&&z(0,`span`,50)}function jH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.component)}}function MH(e,t){if(e&1&&(L(0,`span`,54),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.injector.directives.join(`, `))}}function NH(e,t){if(e&1&&(L(0,`span`,56),D(),L(1,`svg`,37),z(2,`path`,61),R(),_s(),L(3,`span`,52),J(4,`injects`),R(),J(5),R()),e&2){let e=G().$implicit;j(`title`,e.node.dependencies.length+` injected`),k(5),X(` `,e.node.dependencies.length,` `)}}function PH(e,t){if(e&1&&(L(0,`span`,57),D(),L(1,`svg`,37),z(2,`path`,62),R(),_s(),L(3,`span`,52),J(4,`provides`),R(),J(5),R()),e&2){let e=t;j(`title`,e+` provided`),k(5),X(` `,e,` `)}}function FH(e,t){if(e&1){let e=H();L(0,`div`,48),U(`click`,function(){let t=T(e).$implicit;return E(G(2).select(t.node.injector.id))})(`focus`,function(){let t=T(e).$implicit,n=G(2);return n.focusId.set(t.node.injector.id),E(n.highlight(t.node))})(`blur`,function(){return T(e),E(G(2).highlight(null))})(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.node))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,kH,3,2,`span`,49)(2,AH,1,0,`span`,50),L(3,`span`,51),J(4),R(),L(5,`span`,52),J(6),R(),L(7,`span`,53),J(8),R(),M(9,jH,2,1,`span`,54)(10,MH,2,1,`span`,54),L(11,`span`,55),M(12,NH,6,2,`span`,56),M(13,PH,6,2,`span`,57),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),k(),N(n.hasChildren?1:2),k(2),K(`--%NS%tone`,r.tone(r.kind(n.node))),j(`title`,r.kind(n.node)),k(),Y(r.kind(n.node)[0].toUpperCase()),k(2),Y(r.kind(n.node)),k(2),Y(r.label(n.node)),k(),N(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),k(3),N((n.node.dependencies?.length??0)>0?12:-1),k(),N((e=r.providerCount(n.node))?13:-1,e)}}function IH(e,t){if(e&1){let e=H();L(0,`button`,9),U(`click`,function(){let t=T(e);return E(G(3).reveal(t.node.injector.id))}),J(1),R()}if(e&2){let e=G(3);k(),X(` Show `,e.label(t.node),` `)}}function LH(e,t){if(e&1&&(L(0,`section`,35)(1,`header`,63)(2,`h2`,64),J(3),R()(),L(4,`div`,65)(5,`p`,8),J(6,` This injector is no longer on the page. Its component or directive was destroyed. `),R(),M(7,IH,2,1,`button`,66),R()()),e&2){let e,n=G(2);k(3),Y(t),k(4),N((e=n.rows()[0])?7:-1,e)}}function RH(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),k(),Y(e)}}function zH(e,t){if(e&1&&(L(0,`ul`,68),P(1,RH,2,3,`li`,77,Ag),R()),e&2){let e=G();k(),F(e.injector.directives)}}function BH(e,t){if(e&1){let e=H();L(0,`button`,78),U(`click`,function(){let t=T(e);return E(G(3).openComponent(t))}),J(1,` Show in Components `),L(2,`span`,52),J(3),R()()}if(e&2){let e=G();k(3),X(`: `,e.injector.component)}}function VH(e,t){if(e&1&&(L(0,`span`,79),z(1,`span`,44),J(2,` Null injector `),L(3,`span`,81),J(4,`throws NullInjectorError`),R()()),e&2){let e=G(4);k(),K(`background`,e.tone(`null`))}}function HH(e,t){if(e&1&&(L(0,`span`,83),J(1),L(2,`span`,52),J(3),R()()),e&2){let e=G(2).$implicit;k(),X(` `,e.providers,` `),k(2),Y(e.providers===1?`provider`:`providers`)}}function UH(e,t){if(e&1){let e=H();L(0,`button`,82),U(`click`,function(){T(e);let t=G().$implicit;return E(G(3).reveal(t.id))}),z(1,`span`,44),L(2,`span`,45),J(3),R(),M(4,HH,4,2,`span`,83),R()}if(e&2){let e=G().$implicit,t=G(3);k(),K(`background`,t.tone(e.kind)),k(2),Y(e.label),k(),N(e.providers?4:-1)}}function WH(e,t){if(e&1&&(L(0,`li`),M(1,VH,5,2,`span`,79)(2,UH,5,4,`button`,80),R()),e&2){let e=t.$implicit,n=t.$index,r=G(3);q(`current`,n===0),k(),N(e.id===r.nullId?1:2)}}function GH(e,t){e&1&&(L(0,`p`,71),J(1,`Only services this injector has already created are listed.`),R())}function KH(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function qH(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`for `,e.from)}}function JH(e,t){if(e&1){let e=H();L(0,`button`,94),U(`click`,function(){let t=T(e);return E(G(6).reveal(t))}),z(1,`span`,44),J(2,` from `),L(3,`span`,45),J(4),R()()}if(e&2){let e=t,n=G(6);k(),K(`background`,n.tone(n.kindById(e))),k(3),Y(n.labelById(e))}}function YH(e,t){e&1&&(L(0,`span`,92),J(1,`optional, not provided`),R())}function XH(e,t){e&1&&(L(0,`span`,93),J(1,`not provided anywhere`),R())}function ZH(e,t){if(e&1&&(L(0,`li`,86)(1,`div`,87)(2,`span`,88),J(3),R(),P(4,KH,2,1,`span`,89,Ag),R(),L(6,`div`,90),M(7,qH,2,1,`span`),M(8,JH,5,3,`button`,91)(9,YH,2,0,`span`,92)(10,XH,2,0,`span`,93),R()()),e&2){let e,n=t.$implicit,r=G(3);q(`hit`,G(2).matches(n.token)),k(3),Y(n.token),k(),F(n.flags),k(3),N(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),k(),N((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function QH(e,t){if(e&1&&(L(0,`ul`,84),P(1,ZH,11,5,`li`,85,lH),R()),e&2){let e=G(2);k(),F(e.dependencies)}}function $H(e,t){e&1&&(L(0,`p`,76),J(1,`Nothing is injected through the constructor or inject().`),R())}function eU(e,t){e&1&&(L(0,`p`,76),J(1,`No service created here has injected anything yet.`),R())}function tU(e,t){if(e&1&&(L(0,`div`,70)(1,`h3`),J(2),L(3,`span`,17),J(4),R()(),M(5,GH,2,0,`p`,71),M(6,QH,3,0,`ul`,84)(7,$H,2,0,`p`,76)(8,eU,2,0,`p`,76),R()),e&2){let e=G();k(2),X(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),k(2),Y(e.dependencies?.length??0),k(),N(e.injector.type===`element`?-1:5),k(),N(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function nU(e,t){if(e&1){let e=H();L(0,`p`,74),J(1),L(2,`button`,47),U(`click`,function(){return T(e),E(G(3).setHideFramework(!1))}),J(3,` Show them `),R()()}if(e&2){let e=t;k(),Z(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function rU(e,t){e&1&&(L(0,`span`,89),J(1,`viewProviders`),R())}function iU(e,t){e&1&&(L(0,`span`,89),J(1,`multi`),R())}function aU(e,t){e&1&&(L(0,`span`,89),J(1,`Angular`),R())}function oU(e,t){if(e&1&&(L(0,`div`,90),J(1),R()),e&2){let e=G(2).$implicit;k(),X(`via `,e.importPath.join(` › `))}}function sU(e,t){if(e&1&&(L(0,`li`,96)(1,`div`,87)(2,`span`,88),J(3),R(),L(4,`span`,97),J(5),R(),M(6,rU,2,0,`span`,89),M(7,iU,2,0,`span`,89),M(8,aU,2,0,`span`,89),R(),M(9,oU,2,1,`div`,90),z(10,`app-store-global`,98),R()),e&2){let e=G(),t=e.$implicit,n=e.$index,r=G(2),i=G(2);q(`hit`,i.matches(t.token)),k(3),Y(t.token),k(2),Y(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),k(),N(t.isViewProvider?6:-1),k(),N(t.multi?7:-1),k(),N(t.framework?8:-1),k(),N(t.importPath?.length?9:-1),k(),I(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,gv(13,iH,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function cU(e,t){if(e&1&&M(0,sU,11,17,`li`,95),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function lU(e,t){if(e&1&&(L(0,`ul`,75),P(1,cU,1,1,null,null,uH),R()),e&2){let e=G();k(),F(e.providers)}}function uU(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function dU(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function fU(e,t){if(e&1&&(L(0,`p`,76),M(1,uU,1,0)(2,dU,1,0),R()),e&2){let e=G();k(),N(e.injector.type===`element`?1:2)}}function pU(e,t){if(e&1&&(L(0,`section`,36)(1,`header`,63)(2,`span`,67),J(3),R(),L(4,`h2`,64),J(5),R(),M(6,zH,3,0,`ul`,68),M(7,BH,4,1,`button`,69),R(),L(8,`div`,70)(9,`h3`),J(10,`Lookup path`),R(),L(11,`p`,71),J(12,`Angular asks these injectors in order until one has the token.`),R(),L(13,`ol`,72),P(14,WH,3,3,`li`,73,cH),R()(),M(16,tU,9,4,`div`,70),L(17,`div`,70)(18,`h3`),J(19,` Provides `),L(20,`span`,17),J(21),R()(),M(22,nU,4,2,`p`,74),M(23,lU,3,0,`ul`,75)(24,fU,3,1,`p`,76),R()()),e&2){let e,n,r=t,i=G(2);k(2),K(`--%NS%tone`,i.tone(i.kind(r))),k(),Y(i.kind(r)),k(2),Y(i.label(r)),k(),N(r.injector.directives?.length?6:-1),k(),N((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),k(7),F(i.path()),k(2),N(r.injector.type===`element`||r.dependencies?16:-1),k(5),Y(i.providerCount(r)),k(),N((n=i.hiddenProviders(r))?22:-1,n),k(),N(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function mU(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,`app-angular-unavailable`,14),J(3,` This tree shows the element injectors the page reports, with providers and environment injectors only where its Angular exposes them. `),R(),L(4,`div`,15)(5,`div`,16)(6,`button`,9),U(`click`,function(){return T(e),E(G().setView(`element`))}),J(7,` Elements `),L(8,`span`,17),J(9),R()(),L(10,`button`,9),U(`click`,function(){return T(e),E(G().setView(`environment`))}),J(11,` Environment `),L(12,`span`,17),J(13),R()()(),L(14,`div`,18),D(),L(15,`svg`,19),z(16,`circle`,20)(17,`path`,21),R(),_s(),L(18,`input`,22,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(20,23),M(21,gH,3,1,`label`,24),L(22,`label`,24)(23,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.onlyProviding.set(!t.onlyProviding()))}),R(),J(24,` With providers `),R(),L(25,`label`,24)(26,`input`,25),U(`change`,function(){T(e);let t=G();return E(t.setHideFramework(!t.hideFramework()))}),R(),J(27,` Hide framework `),R(),M(28,_H,2,1,`span`,26),M(29,vH,2,1,`span`,27),R(),M(30,yH,8,0,`p`,28),M(31,SH,6,1,`div`,29)(32,CH,4,1,`div`,30),L(33,`div`,31),M(34,OH,8,1,`div`,32),L(35,`div`,33),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(36,FH,14,19,`div`,34,sH),R(),M(38,LH,8,2,`section`,35)(39,pU,25,10,`section`,36),R()}if(e&2){let e,t,n=G(),r=d_(5);k(2),I(`page`,n.angularPage()),k(4),q(`active`,n.view()===`element`),j(`aria-pressed`,n.view()===`element`),k(3),Y(n.elementCount()),k(),q(`active`,n.view()===`environment`),j(`aria-pressed`,n.view()===`environment`),k(3),Y(n.environmentCount()),k(5),I(`value`,n.query()),k(2),I(`ngTemplateOutlet`,r),k(),N(n.view()===`element`?21:-1),k(2),I(`checked`,n.onlyProviding()),k(3),I(`checked`,n.hideFramework()),k(2),N(n.hideFramework()?28:-1),k(),N((e=n.zone())?29:-1,e),k(),N(n.truncated()?30:-1),k(),N(n.providedBy().length?31:n.query().trim()&&!n.rows().length?32:-1),k(3),N(n.rows().length?-1:34),k(),I(`hidden`,!n.rows().length),j(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),k(),F(n.rows()),k(2),N((t=n.gone())?38:(t=n.selected())?39:-1,t)}}function hU(e,t){e&1&&(L(0,`div`,4),z(1,`span`,99),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function gU(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,aH)))}function _U(e,t){if(e&1&&(L(0,`div`,15),Gg(1,23),R()),e&2){G(2);let e=d_(5);k(),I(`ngTemplateOutlet`,e)}}function vU(e,t){e&1&&(M(0,_U,2,1,`div`,15),L(1,`div`,32)(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 yU(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,oH)))}function bU(e,t){if(e&1){let e=H();L(0,`div`,32)(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 T(e),E(G(2).clearQuery())}),J(6,`Clear filter`),R()()}if(e&2){let e=G(2);k(2),X(`No providers match “`,e.query(),`”`)}}function xU(e,t){if(e&1&&(L(0,`span`,110),J(1),R()),e&2){let e=G().$implicit;k(),X(`providedIn: `,e.providedIn)}}function SU(e,t){if(e&1&&(L(0,`span`,113),J(1),R()),e&2){let e=G().$implicit;k(),X(`as `,e.source)}}function CU(e,t){if(e&1&&(L(0,`li`,107)(1,`div`,108)(2,`span`,109),J(3),R(),M(4,xU,2,1,`span`,110),R(),L(5,`div`,111),z(6,`app-source-link`,112),M(7,SU,2,1,`span`,113),R()()),e&2){let e=t.$implicit;k(3),Y(e.token),k(),N(e.providedIn?4:-1),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function wU(e,t){if(e&1&&(L(0,`section`,104)(1,`h2`),J(2),L(3,`span`,105),J(4),R()(),L(5,`ul`,106),P(6,CU,8,5,`li`,107,fH),R()()),e&2){let e=t.$implicit;k(2),X(` `,e.label,` `),k(2),Y(e.items.length),k(2),F(e.items)}}function TU(e,t){if(e&1&&(L(0,`div`,103),P(1,wU,8,2,`section`,104,dH),R()),e&2){let e=G(2);k(),F(e.groupedProviders())}}function EU(e,t){if(e&1){let e=H();L(0,`div`,15)(1,`div`,18),D(),L(2,`svg`,19),z(3,`circle`,20)(4,`path`,21),R(),_s(),L(5,`input`,100,2),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),Gg(7,23),L(8,`span`,101),J(9),R()(),M(10,yU,1,3,`ng-container`,5),L(11,`p`,28),D(),L(12,`svg`,37),z(13,`circle`,38)(14,`path`,39),R(),_s(),L(15,`span`)(16,`strong`),J(17,`DI from source scan (static analysis).`),R(),J(18,` Connect the overlay to a development build to see the live injector tree. `),R()(),z(19,`app-angular-unavailable`,102),M(20,bU,7,1,`div`,32)(21,TU,3,0,`div`,103)}if(e&2){let e=G(),t=d_(5);k(5),I(`value`,e.query()),k(2),I(`ngTemplateOutlet`,t),k(2),Z(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),k(),N(e.loadFailed()?10:-1),k(9),I(`page`,e.angularPage()),k(),N(e.groupedProviders().length===0?20:21)}}var DU=`inj-null`,OU=`injectors.hideFramework`,kU=12,AU=600,jU={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function MU(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function NU(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function PU(e){return Array.isArray(e)}var FU=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=C(Ts);nullId=DU;hostPage=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.shownPageId()||this.hostPage));treeState=O(null);pageTitles=O({});chosenPageId=O(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 RE(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 PU(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return PU(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?GD(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=O([]);loaded=O(!1);treeFailed=O(!1);sourceFailed=O(!1);loadFailed=Q(()=>this.treeFailed()||this.sourceFailed());retrying=O(!1);host=C(Il);view=O(`element`);query=O(``);queryInput=Jv(`queryInput`);onlyProviding=O(!1);componentsOnly=O(!0);hideFramework=O(tH(OU)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=O(``);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(DU)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?NU(n):e===DU?`Null injector`:`Not listed`,kind:n?MU(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:NU(n),kind:MU(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,kU));providedByMore=Q(()=>Math.max(0,this.providerHits().length-kU));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=C(Ds);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){mc(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)},AU);e(()=>clearTimeout(n))}),mc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),mc(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(()=>{})}),mc(()=>{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 ${NU(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),nH(OU,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||Hd(()=>{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 NU(e)}kind(e){return MU(e)}tone(e){return jU[e]??jU.null}kindById(e){let t=this.index().map.get(e);return t?MU(t):`null`}labelById(e){let t=this.index().map.get(e);return t?NU(t):e===DU?`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?NU(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),Hd(()=>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=A({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&l_(t.queryInput,rH,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`],[`capability`,`injectorMetadata`,`compact`,``,3,`page`],[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`],[`capability`,`debugApi`,`compact`,``,3,`page`],[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,pH,7,5,`ng-template`,null,0,Ev)(4,hH,1,1,`ng-template`,null,1,Ev),M(6,mU,40,22)(7,hU,4,0,`div`,4)(8,gU,1,3,`ng-container`,5)(9,vU,6,1)(10,EU,22,7)),e&2&&(k(),Y(t.announcement()),k(5),N(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[hO,ub,OO,uM,pN],styles:[`[_nghost-%COMP%] {
   --%NS%directive: #7cb4ff;
   display: block;
   color: var(--%NS%text);
@@ -8159,11 +8159,11 @@ button[_ngcontent-%COMP%] {
 
 .provider-meta[_ngcontent-%COMP%]   .as[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
-}`]})},FU=1e3;function IU(e){return`${e>=1e3?`${FU}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function LU(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 RU(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 zU=`@type`,BU=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function VU(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&zU in e&&BU.has(e[zU])}function HU(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function UU(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+UU(e,n)).join(`,
-`)}\n${t}]`:`[]`;if(VU(e)){let r=e;switch(r[zU]){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}${UU(e,n)} => ${UU(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+UU(e,n)).join(`,
-`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[zU])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${HU(e)}: ${UU(t,n)}`).join(`,
-`)}\n${t}}`:`{}`}function WU(e,t=120){let n=UU(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var GU=[`eventDetailHeading`],KU=[`cancelButton`],qU=[`restoreButton`],JU=[`stateTree`],YU=[`filterInput`],XU=[`latestButton`],ZU=[`logList`],QU=[`eventsList`],$U=e=>({kind:`ngrx`,storeId:e}),eW=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),tW=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),nW=(e,t)=>t.id,rW=(e,t)=>t.entry.seq,iW=(e,t)=>t.key,aW=(e,t)=>t.name,oW=(e,t)=>t.idsKey,sW=(e,t)=>t.path,cW=(e,t)=>t.kind,lW=(e,t)=>t.name+t.file+t.line;function uW(e,t){if(e&1){let e=H();L(0,`span`,27),J(1,`Page`),R(),L(2,`app-select`,28),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()}if(e&2){let e=G();k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function dW(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.liveStores().length)}}function fW(e,t){if(e&1){let e=H();L(0,`div`,17)(1,`p`,29),J(2,`Could not load the live store state.`),R(),L(3,`p`,30),J(4,`Check that the dev server with Pangular Inspector is still running.`),R(),L(5,`button`,31),U(`click`,function(){return T(e),E(G().retry())}),J(6,`Retry`),R()()}}function pW(e,t){e&1&&(L(0,`div`,18)(1,`p`,29),J(2,`Loading…`),R()())}function mW(e,t){e&1&&(L(0,`div`,19)(1,`p`,29),J(2,`No page is reporting NgRx state yet.`),R(),L(3,`p`,30),J(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),R()())}function hW(e,t){e&1&&(L(0,`p`,29),J(1,`No signal store instance on this page yet.`),R(),L(2,`p`,30),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 gW(e,t){e&1&&(L(0,`p`,29),J(1,`The @ngrx/store Store was not found on this page.`),R(),L(2,`p`,30),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 _W(e,t){e&1&&(L(0,`p`,29),J(1,`This page has no NgRx store.`),R(),L(2,`p`,30),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 vW(e,t){if(e&1&&(L(0,`app-angular-unavailable`,32),J(1,` The overlay finds stores through the injectors, so stores it can't reach from a component are not listed. `),R(),L(2,`div`,19),M(3,hW,7,0)(4,gW,10,0)(5,_W,16,0),R()),e&2){let e=G();I(`page`,e.angularPage()),k(3),N(e.usesSignals()?3:e.usesClassic()?4:5)}}function yW(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectStore(t.id))}),L(2,`span`,37),z(3,`span`,38),L(4,`span`,39),J(5),R()(),L(6,`span`,40),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);k(),q(`selected`,e.id===n.store()?.id),j(`aria-pressed`,e.id===n.store()?.id),k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.label),k(2),iv(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.changeCount(e.id),` `,n.changeCount(e.id)===1?`change`:`changes`,` `)}}function bW(e,t){e&1&&(L(0,`li`,34),J(1,`No stores match this filter.`),R())}function xW(e,t){e&1&&z(0,`app-source-link`,44),e&2&&I(`file`,t)}function SW(e,t){if(e&1&&(L(0,`span`,43),J(1),R()),e&2){let e=G();k(),Y(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function CW(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function wW(e,t){if(e&1&&(L(0,`p`,45),J(1,` Referenced by `),P(2,CW,3,2,null,null,Ag),R()),e&2){let e=G();k(2),F(e.signal.references)}}function TW(e,t){if(e&1&&(L(0,`p`,63),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function EW(e,t){if(e&1){let e=H();L(0,`div`,46)(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`,62,4),U(`click`,function(){return T(e),E(G(3).backToLatest())}),J(7,` Back to latest `),R(),M(8,TW,2,1,`p`,63),R()}if(e&2){let e=G(3);k(5),I(`disabled`,e.busy()||!e.canRestore()),j(`aria-describedby`,e.canRestore()?null:`store-latest-off`),k(3),N(e.canRestore()?-1:8)}}function DW(e,t){if(e&1&&(L(0,`dt`),J(1),R(),L(2,`dd`)(3,`code`,71),J(4),R()()),e&2){let e=t.$implicit;k(),Y(e.key),k(2),I(`title`,e.full),k(),Y(e.value)}}function OW(e,t){if(e&1&&(L(0,`dl`,66),P(1,DW,5,3,null,null,iW),R()),e&2){let e=G(4);k(),F(e.computedEntries())}}function kW(e,t){e&1&&(L(0,`p`,67),J(1,`No computed signals.`),R())}function AW(e,t){e&1&&(L(0,`span`,73),J(1,`signalMethod`),R())}function jW(e,t){e&1&&(L(0,`span`,73),J(1,`rxMethod`),R())}function MW(e,t){if(e&1&&(L(0,`li`,72),J(1),M(2,AW,2,0,`span`,73)(3,jW,2,0,`span`,73),L(4,`span`,74),J(5),R()()),e&2){let e=t.$implicit,n=G(5);k(),X(` `,e.name,` `),k(),N(e.signalMethod?2:e.rx?3:-1),k(3),rv(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function NW(e,t){if(e&1&&(L(0,`ul`,69),P(1,MW,6,5,`li`,72,aW),R()),e&2){let e=G();k(),F(e.methods)}}function PW(e,t){e&1&&(L(0,`p`,67),J(1,`No methods.`),R())}function FW(e,t){if(e&1&&(L(0,`li`,72),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function IW(e,t){if(e&1&&(L(0,`li`,81),J(1),R()),e&2){let e=G().$implicit;I(`title`,G(5).entityOverflowTitle(e.ids,e.count)),k(),X(` +`,e.count-30,` more `)}}function LW(e,t){if(e&1&&(L(0,`code`,71),J(1),R()),e&2){let e=G(2).$implicit,t=G(5);I(`title`,t.prettyText(e.selected)),k(),Y(t.shortText(e.selected))}}function RW(e,t){e&1&&(L(0,`span`,67),J(1,`None selected`),R())}function zW(e,t){if(e&1&&(L(0,`dl`,66)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,LW,2,2,`code`,71)(5,RW,2,0,`span`,67),R()()),e&2){let e=G().$implicit;k(4),N(e.selected===void 0?5:4)}}function BW(e,t){if(e&1&&(L(0,`div`,77)(1,`div`,78)(2,`span`,72),J(3),R(),L(4,`span`,79),J(5),R()(),L(6,`ul`,80),P(7,FW,2,1,`li`,72,Ag),M(9,IW,2,2,`li`,81),R(),M(10,zW,6,1,`dl`,66),R()),e&2){let e=t.$implicit,n=G(5);k(3),Y(e.collection??`entities`),k(2),Z(``,e.count,` `,e.count===1?`entity`:`entities`),k(),j(`aria-label`,(e.collection??`entities`)+` ids`),k(),F(n.entityIds(e.ids)),k(2),N(e.count>30?9:-1),k(),N(e.selectedId===void 0?-1:10)}}function VW(e,t){if(e&1&&(L(0,`section`,70)(1,`h4`,75),J(2,`Entities`),R(),L(3,`div`,76),P(4,BW,11,6,`div`,77,oW),R()()),e&2){let e=G();k(4),F(e.entities)}}function HW(e,t){if(e&1&&(L(0,`section`,64)(1,`h4`,65),J(2,`Computed`),R(),M(3,OW,3,0,`dl`,66)(4,kW,2,0,`p`,67),L(5,`h4`,68),J(6,`Methods`),R(),M(7,NW,3,0,`ul`,69)(8,PW,2,0,`p`,67),R(),M(9,VW,6,0,`section`,70)),e&2){let e=t,n=G(3);k(3),N(n.computedEntries().length?3:4),k(4),N(e.methods.length?7:8),k(2),N(e.entities?.length?9:-1)}}function UW(e,t){if(e&1&&(L(0,`span`,86),J(1),R()),e&2){let e=t;I(`title`,`Caused by `+G(4).kindLabel(`event`)+`: `+e.type),k(),Y(e.type)}}function WW(e,t){if(e&1&&(L(0,`span`,73),J(1),R()),e&2){G();let e=fv(0);k(),Y(e.origin)}}function GW(e,t){if(e&1&&J(0),e&2){G();let e=fv(0);X(` · `,G(3).formatDuration(e.durationMs),` `)}}function KW(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,82),U(`click`,function(){T(e);let t=fv(0);return E(G(3).selectChange(t.seq))}),L(3,`span`,83),J(4),R(),L(5,`span`,84)(6,`span`,85),J(7),R(),M(8,UW,2,2,`span`,86),R(),L(9,`span`,87),M(10,WW,2,1,`span`,73),J(11),M(12,GW,1,1),R()()()}if(e&2){let e,n=t.$implicit,r=G(3),i=dv(n.entry);k(),j(`data-vindex`,n.index)(`aria-setsize`,r.logWindow.enabled()?r.storeLog().length:null)(`aria-posinset`,r.logWindow.enabled()?n.index+1:null),k(),q(`selected`,i.seq===r.selectedChangeSeq()),j(`aria-pressed`,i.seq===r.selectedChangeSeq())(`aria-controls`,i.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),k(2),X(`#`,i.seq),k(2),I(`title`,i.type),k(),Y(i.type),k(),N((e=i.causedByEvent)?8:-1,e),k(2),N(i.origin?10:-1),k(),Z(` `,r.changesLabel(i),` · `,r.formatTime(i.timestamp),` `),k(),N(i.durationMs===void 0?-1:12)}}function qW(e,t){e&1&&J(0,` No entries match this filter. `)}function JW(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function YW(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function XW(e,t){if(e&1&&(L(0,`li`,34),M(1,qW,1,0)(2,JW,1,0)(3,YW,1,0),R()),e&2){let e=G(),t=G(2);k(),N(t.filter()?1:e.classic?2:3)}}function ZW(e,t){if(e&1&&(L(0,`div`,60),Gg(1,88),R()),e&2){G(3);let e=d_(21);k(),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,eW,t))}}function QW(e,t){if(e&1&&z(0,`option`,93),e&2){let e=t.$implicit;I(`value`,e)}}function $W(e,t){if(e&1&&(L(0,`p`,99),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function eG(e,t){if(e&1){let e=H();L(0,`section`,61)(1,`h4`,89),J(2,`Dispatch an action`),R(),L(3,`form`,90),U(`submit`,function(t){return T(e),E(G(3).dispatchAction(t))}),L(4,`label`)(5,`span`),J(6,`Type`),R(),L(7,`input`,91),U(`input`,function(t){return T(e),E(G(3).dispatchType.set(t.target.value))}),R()(),L(8,`datalist`,92),P(9,QW,1,1,`option`,93,Ag),R(),L(11,`label`)(12,`span`),J(13,`Payload `),L(14,`span`,94),J(15,`(JSON object, optional)`),R()(),L(16,`textarea`,95),U(`input`,function(t){return T(e),E(G(3).dispatchPayload.set(t.target.value))}),R()(),L(17,`p`,96),J(18),R(),L(19,`div`,97)(20,`button`,98),J(21,` Dispatch `),R()(),M(22,$W,2,1,`p`,99),R()()}if(e&2){let e=G(3);k(7),I(`value`,e.dispatchType()),k(2),F(e.actionTypes()),k(7),I(`value`,e.dispatchPayload()),j(`aria-invalid`,e.payloadError()?`true`:null),k(2),Y(e.payloadError()),k(2),I(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),j(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),k(2),N(e.canRestore()?-1:22)}}function tG(e,t){if(e&1){let e=H();L(0,`div`,35)(1,`div`,41)(2,`h3`),J(3),R(),L(4,`div`,42)(5,`span`,43),J(6),R(),L(7,`span`,43),J(8),R(),M(9,xW,1,1,`app-source-link`,44),M(10,SW,2,1,`span`,43),R(),M(11,wW,4,0,`p`,45),R(),M(12,EW,9,3,`div`,46),L(13,`div`,47)(14,`section`,48)(15,`div`,49)(16,`h4`,50),J(17,`State`),R(),L(18,`div`,51),z(19,`app-store-global`,52),L(20,`button`,53),U(`click`,function(){return T(e),E(G(2).copyState())}),J(21,` Copy `),R()()(),L(22,`pre`,54,2),J(24),R()(),M(25,HW,10,3),R(),L(26,`section`,55)(27,`h4`,56),J(28),L(29,`span`,16),J(30),R()(),z(31,`app-limit-note`,57),L(32,`div`,58)(33,`ul`,59,3),P(35,KW,13,16,`li`,null,rW,!1,XW,4,1,`li`,34),R(),M(38,ZW,2,4,`div`,60),R()(),M(39,eG,23,7,`section`,61),R()}if(e&2){let e,n,r,i=t,a=G(2);k(3),Y(i.label),k(3),Y(a.kindLabel(i.kind)),k(2),X(`scope: `,i.scope),k(),N((e=i.signal?.declaredIn)?9:-1,e),k(),N(i.classic?10:-1),k(),N(i.signal?.references?.length?11:-1),k(),N(i.classic?.paused?12:-1),k(7),I(`rpc`,a.rpc())(`pageId`,a.page()?.pageId)(`target`,hv(26,$U,i.id))(`label`,i.label+` state`),k(5),Y(a.stateText()),k(),N((n=i.signal)?25:-1,n),k(3),X(` `,i.classic?`Action log`:`Change log`,` `),k(2),Y(a.storeLog().length),k(),I(`dropped`,a.page()?.dropped??0)(`max`,a.maxLog()),k(2),K(`padding-top`,a.logWindow.enabled()?2+a.logWindow.padTop():null,`px`)(`padding-bottom`,a.logWindow.enabled()?2+a.logWindow.padBottom():null,`px`),I(`rovingWindow`,a.logWindow),j(`aria-label`,i.classic?`Actions`:`Changes`),k(2),F(a.shownLog()),k(3),N((r=a.changeEntry())?38:-1,r),k(),N(i.classic?39:-1)}}function nG(e,t){if(e&1&&(L(0,`div`,20)(1,`ul`,33),P(2,yW,8,10,`li`,null,nW,!1,bW,2,0,`li`,34),R(),M(5,tG,40,28,`div`,35),R()),e&2){let e,t=G();k(2),F(t.filteredStores()),k(3),N((e=t.store())?5:-1,e)}}function rG(e,t){if(e&1&&(L(0,`code`,106),J(1),R()),e&2){G();let e=fv(0),t=G(2);I(`title`,t.prettyText(e.payload)),k(),Y(t.shortText(e.payload))}}function iG(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,104),U(`click`,function(){T(e);let t=fv(0);return E(G(2).selectEvent(t.seq))}),z(3,`span`,38),L(4,`span`,105),J(5),R(),M(6,rG,2,2,`code`,106),L(7,`span`,107),J(8),R()()()}if(e&2){let e=t.$implicit,n=G(2),r=dv(e.entry);k(),j(`data-vindex`,e.index)(`aria-setsize`,n.eventWindow.enabled()?n.pageEvents().length:null)(`aria-posinset`,n.eventWindow.enabled()?e.index+1:null),k(),q(`selected`,r.seq===n.selectedEventSeq()),j(`aria-pressed`,r.seq===n.selectedEventSeq())(`aria-controls`,r.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),k(),K(`background`,n.kindColor(`event`)),k(),I(`title`,r.eventType??r.type),k(),Y(r.eventType??r.type),k(),N(r.payload===void 0?-1:6),k(2),Y(n.formatTime(r.timestamp))}}function aG(e,t){e&1&&(L(0,`li`,34),J(1,`No events match this filter.`),R())}function oG(e,t){if(e&1&&(L(0,`div`,103,6),Gg(2,88),R()),e&2){G(2);let e=d_(21);k(2),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,tW,t))}}function sG(e,t){if(e&1&&(L(0,`section`,22)(1,`div`,14)(2,`h2`,100),J(3,`Events`),R(),L(4,`span`,16),J(5),R()(),L(6,`p`,101),J(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),R(),L(8,`ul`,102,5),P(10,iG,9,14,`li`,null,rW,!1,aG,2,0,`li`,34),R(),M(13,oG,3,4,`div`,103),R()),e&2){let e,t=G();k(5),Y(t.pageEvents().length),k(3),K(`padding-top`,t.eventWindow.enabled()?6+t.eventWindow.padTop():null,`px`)(`padding-bottom`,t.eventWindow.enabled()?6+t.eventWindow.padBottom():null,`px`),I(`rovingWindow`,t.eventWindow),k(2),F(t.shownEvents()),k(3),N((e=t.eventEntry())?13:-1,e)}}function cG(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();k(3),Y(t.originText(e.origin))}}function lG(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();k(3),Y(t.formatDuration(e.durationMs))}}function uG(e,t){if(e&1&&(L(0,`dt`),J(1,`Action`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.action))}}function dG(e,t){if(e&1&&(L(0,`dt`),J(1,`Arguments`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.args))}}function fG(e,t){if(e&1&&(L(0,`dt`),J(1,`Payload`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.payload))}}function pG(e,t){if(e&1&&(L(0,`pre`,112),J(1),R()),e&2){let e=G(),t=G(2);k(),Y(t.prettyText(e.payload))}}function mG(e,t){if(e&1&&(L(0,`dt`),J(1,`Caused by event`),R(),L(2,`dd`)(3,`code`,113),J(4),R(),M(5,pG,2,1,`pre`,112),R()),e&2){let e=t;k(4),Y(e.type),k(),N(e.payload===void 0?-1:5)}}function hG(e,t){if(e&1){let e=H();L(0,`button`,117),U(`click`,function(){T(e);let t=G(2).selected;return E(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 gG(e,t){if(e&1&&(L(0,`code`,123),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.before))}}function _G(e,t){e&1&&(L(0,`span`,125),J(1,`→`),R(),L(2,`span`,126),J(3,`became`),R())}function vG(e,t){if(e&1&&(L(0,`code`,124),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.after))}}function yG(e,t){if(e&1&&(L(0,`li`)(1,`span`,120),J(2),R(),L(3,`code`,121),J(4),R(),L(5,`span`,122),M(6,gG,2,1,`code`,123),M(7,_G,4,0),M(8,vG,2,1,`code`,124),R()()),e&2){let e=t.$implicit,n=G(4);M_(`diff-row `+e.op),k(2),Y(n.opLabel(e.op)),k(2),Y(e.path),k(2),N(e.op===`add`?-1:6),k(),N(e.op===`change`?7:-1),k(),N(e.op===`remove`?-1:8)}}function bG(e,t){if(e&1&&(L(0,`p`,67),J(1),R()),e&2){let e=G(3).selected,t=G();k(),Y(t.moreChanges(e.diffTruncated))}}function xG(e,t){if(e&1&&(L(0,`ul`,118),P(1,yG,9,7,`li`,119,sW),R(),M(3,bG,2,1,`p`,67)),e&2){let e=G(2).selected;k(),F(e.diff),k(2),N(e.diffTruncated?3:-1)}}function SG(e,t){e&1&&(L(0,`p`,67),J(1,`The state did not change.`),R())}function CG(e,t){if(e&1&&(L(0,`div`,114)(1,`div`,115),J(2,`State diff`),R(),M(3,hG,2,1,`button`,116),R(),M(4,xG,4,1)(5,SG,2,0,`p`,67)),e&2){let e=G(),t=e.selected,n=e.headingLevel;k(),j(`aria-level`,n+1),k(2),N(t.diff.length?3:-1),k(),N(t.diff.length?4:5)}}function wG(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 TG(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 EG(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 DG(e,t){if(e&1&&M(0,TG,1,2)(1,EG,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function OG(e,t){if(e&1){let e=H();L(0,`div`,127),U(`keydown.escape`,function(t){return T(e),E(G(2).cancelRestore(t))}),L(1,`p`,128),M(2,wG,1,1)(3,DG,2,1),R(),L(4,`div`,97)(5,`button`,62),U(`click`,function(){T(e);let t=G().selected;return E(G().restore(t.seq,t.source===`store`))}),J(6,` Restore `),R(),L(7,`button`,31,7),U(`click`,function(){return T(e),E(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`),k(),I(`id`,n+`-confirm-text`),k(),N(t.source===`store`?2:3),k(3),I(`disabled`,r.busy())}}function kG(e,t){if(e&1){let e=H();L(0,`button`,133,8),U(`click`,function(){T(e);let t=G(2).selected;return E(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 AG(e,t){if(e&1){let e=H();L(0,`button`,134),U(`click`,function(){T(e);let t=G(2).selected;return E(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 jG(e,t){if(e&1&&(L(0,`p`,132),J(1),R()),e&2){let e=G(2).idPrefix,t=G();I(`id`,e+`-writes-off`),k(),Y(t.restoreOff)}}function MG(e,t){if(e&1&&(L(0,`div`,129),M(1,kG,3,2,`button`,130),M(2,AG,2,2,`button`,131),R(),M(3,jG,2,2,`p`,132)),e&2){let e=G().selected,t=G();k(),N(e.restorable?1:-1),k(),N(t.canAgain(e)?2:-1),k(),N(t.canRestore()?-1:3)}}function NG(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 PG(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 FG(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 IG(e,t){if(e&1&&(L(0,`p`,111),M(1,NG,4,0)(2,PG,10,0)(3,FG,4,0),R()),e&2){let e=G().selected;k(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function LG(e,t){if(e&1&&(L(0,`section`,108)(1,`div`,109),J(2),R(),L(3,`dl`,66)(4,`dt`),J(5,`Time`),R(),L(6,`dd`),J(7),R(),M(8,cG,4,1),M(9,lG,4,1),M(10,uG,5,1),M(11,dG,5,1),M(12,fG,5,1),M(13,mG,6,2),R(),M(14,CG,6,3),M(15,OG,10,4,`div`,110),M(16,MG,4,3),M(17,IG,4,1,`p`,111),R()),e&2){let e,n=t.selected,r=t.headingLevel,i=t.idPrefix,a=G();j(`aria-labelledby`,i+`-entry-heading`),k(),I(`id`,i+`-entry-heading`),j(`aria-level`,r),k(),Z(` #`,n.seq,` `,n.type,` `),k(5),Y(a.formatTime(n.timestamp)),k(),N(n.origin?8:-1),k(),N(n.durationMs===void 0?-1:9),k(),N(n.action===void 0?-1:10),k(),N(n.args?.length?11:-1),k(),N(n.source===`event`&&n.payload!==void 0?12:-1),k(),N((e=n.causedByEvent)?13:-1,e),k(),N(n.source===`event`?-1:14),k(),N(n.restorable&&a.confirmSeq()===n.seq?15:-1),k(),N(a.confirmSeq()!==n.seq&&(n.restorable||a.canAgain(n))?16:-1),k(),N(!n.restorable&&n.source===`store`?17:-1)}}function RG(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.sourceEntries().length)}}function zG(e,t){e&1&&(L(0,`div`,25),z(1,`span`,135),L(2,`p`,29),J(3,`Scanning source for NgRx declarations…`),R()())}function BG(e,t){e&1&&(L(0,`div`,26)(1,`p`,29),J(2,`No NgRx declarations found in source.`),R(),L(3,`p`,30),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 VG(e,t){if(e&1){let e=H();L(0,`button`,137),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,38),L(2,`span`,142),J(3),R(),L(4,`span`,138),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(n.kindLabel(e.kind)),k(2),Y(e.count)}}function HG(e,t){if(e&1&&(L(0,`p`,147),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function UG(e,t){if(e&1&&(L(0,`li`,141)(1,`div`,143),z(2,`span`,38),L(3,`span`,144),J(4),R(),L(5,`span`,43),J(6),R()(),L(7,`div`,145),z(8,`app-source-link`,146),R(),M(9,HG,2,1,`p`,147),R()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.name),k(2),Y(n.kindLabel(e.kind)),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.detail?9:-1)}}function WG(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25)(2,`p`,29),J(3,`No declarations match.`),R(),L(4,`button`,31),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(5,`Clear filters`),R()()()}}function GG(e,t){if(e&1){let e=H();L(0,`div`,136)(1,`button`,137),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,138),J(4),R()(),P(5,VG,6,7,`button`,139,cW),R(),L(7,`ul`,140),P(8,UG,10,7,`li`,141,lW,!1,WG,6,0,`li`),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.sourceEntries().length),k(),F(e.groupedEntries()),k(3),F(e.filteredEntries())}}var KG={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)`},qG={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`},JG={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function YG(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 XG=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),ZG=class e{rpc=$(null);canRestore=Q(()=>rD(this.rpc(),`ngrx`));restoreOff=bE(`ngrx`);filter=O(``);kind=O(null);sourceEntries=O([]);sourceLoaded=O(!1);pages=O([]);failed=O(!1);stateLoaded=O(!1);selectedPageId=O(null);hostPageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.hostPageId));maxLog=Q(()=>nD(this.rpc()).limits.changeLog);selectedStoreId=O(null);focusEventSeq=O(null);eventDetailHeading=Jv(`eventDetailHeading`);busy=O(!1);focusLatest=O(!1);focusConfirm=O(null);cancelButton=Jv(`cancelButton`);restoreButton=Jv(`restoreButton`);stateTree=Jv(`stateTree`);filterInput=Jv(`filterInput`);latestButton=Jv(`latestButton`);message=O(``);destroyRef=C(Ds);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?RU(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?UU(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:WU(t,160),full:UU(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()});logWindow=new aP({count:Q(()=>this.storeLog().length),estimate:56});shownLog=Q(()=>QG(this.storeLog(),this.logWindow));eventWindow=new aP({count:Q(()=>this.pageEvents().length),estimate:36});shownEvents=Q(()=>QG(this.pageEvents(),this.eventWindow));logList=Jv(`logList`);eventsList=Jv(`eventsList`);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=O(``);dispatchPayload=O(``);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(()=>YG(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=YG(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=>XG.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(){mc(()=>{let e=this.logList()?.nativeElement;e&&this.logWindow.attach(e)}),mc(()=>{let e=this.eventsList()?.nativeElement;e&&this.eventWindow.attach(e)}),mc(()=>{let e=this.rpc();e&&this.load(e)}),dy(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),mc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),dy(()=>{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),VE(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(UU(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 VE(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 VE(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 VE(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 KG[e]??`var(--text-3)`}kindLabel(e){return qG[e]??e}originText(e){return JG[e]??e}changesLabel=LU;moreChanges=IU;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return UU(e)}shortText(e){return WU(e)}formatTime=QO;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=A({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&l_(t.eventDetailHeading,GU,5)(t.cancelButton,KU,5)(t.restoreButton,qU,5)(t.stateTree,JU,5)(t.filterInput,YU,5)(t.latestButton,XU,5)(t.logList,ZU,5)(t.eventsList,QU,5),e&2&&u_(8)},inputs:{rpc:[1,`rpc`]},decls:30,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`logList`,``],[`latestButton`,``],[`eventsList`,``],[`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`],[`capability`,`injectorProviders`,`compact`,``,3,`page`],[`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`,3,`rovingWindow`],[`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`,3,`rovingWindow`],[`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`,9)(1,`input`,10,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,uW,3,2),L(4,`span`,11),z(5,`span`,12),J(6),R()(),L(7,`section`,13)(8,`div`,14)(9,`h2`,15),J(10,`Live stores`),R(),M(11,dW,2,1,`span`,16),R(),M(12,fW,7,0,`div`,17)(13,pW,3,0,`div`,18)(14,mW,5,0,`div`,19)(15,vW,6,2)(16,nG,6,2,`div`,20),L(17,`p`,21),J(18),R()(),M(19,sG,14,8,`section`,22),sg(20,LG,18,16,`ng-template`,null,1,Ev),L(22,`section`,23)(23,`div`,14)(24,`h2`,24),J(25,`Source declarations`),R(),M(26,RG,2,1,`span`,16),R(),M(27,zG,4,0,`div`,25)(28,BG,29,0,`div`,26)(29,GG,11,5),R()),e&2&&(k(),I(`value`,t.filter()),k(2),N(t.pages().length>1?3:-1),k(),q(`on`,!!t.page()),k(2),X(` `,t.page()?`Live`:`No page connected`,` `),k(5),N(t.liveStores().length?11:-1),k(),N(t.failed()?12:t.stateLoaded()?t.page()?t.liveStores().length?16:15:14:13),k(6),Y(t.message()),k(),N(t.hasEvents()?19:-1),k(7),N(t.sourceEntries().length?26:-1),k(),N(t.sourceLoaded()?t.sourceEntries().length===0?28:29:27))},dependencies:[hO,rk,qz,OO,ub,uM,pN],styles:[`[_nghost-%COMP%] {
+}`]})},IU=1e3;function LU(e){return`${e>=1e3?`${IU}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function RU(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 zU(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 BU=`@type`,VU=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function HU(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&BU in e&&VU.has(e[BU])}function UU(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function WU(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+WU(e,n)).join(`,
+`)}\n${t}]`:`[]`;if(HU(e)){let r=e;switch(r[BU]){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}${WU(e,n)} => ${WU(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+WU(e,n)).join(`,
+`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[BU])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${UU(e)}: ${WU(t,n)}`).join(`,
+`)}\n${t}}`:`{}`}function GU(e,t=120){let n=WU(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var KU=[`eventDetailHeading`],qU=[`cancelButton`],JU=[`restoreButton`],YU=[`stateTree`],XU=[`filterInput`],ZU=[`latestButton`],QU=[`logList`],$U=[`eventsList`],eW=e=>({kind:`ngrx`,storeId:e}),tW=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),nW=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),rW=(e,t)=>t.id,iW=(e,t)=>t.entry.seq,aW=(e,t)=>t.key,oW=(e,t)=>t.name,sW=(e,t)=>t.idsKey,cW=(e,t)=>t.path,lW=(e,t)=>t.kind,uW=(e,t)=>t.name+t.file+t.line;function dW(e,t){if(e&1){let e=H();L(0,`span`,27),J(1,`Page`),R(),L(2,`app-select`,28),U(`valueChange`,function(t){return T(e),E(G().selectPage(t))}),R()}if(e&2){let e=G();k(2),I(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function fW(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.liveStores().length)}}function pW(e,t){if(e&1){let e=H();L(0,`div`,17)(1,`p`,29),J(2,`Could not load the live store state.`),R(),L(3,`p`,30),J(4,`Check that the dev server with Pangular Inspector is still running.`),R(),L(5,`button`,31),U(`click`,function(){return T(e),E(G().retry())}),J(6,`Retry`),R()()}}function mW(e,t){e&1&&(L(0,`div`,18)(1,`p`,29),J(2,`Loading…`),R()())}function hW(e,t){e&1&&(L(0,`div`,19)(1,`p`,29),J(2,`No page is reporting NgRx state yet.`),R(),L(3,`p`,30),J(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),R()())}function gW(e,t){e&1&&(L(0,`p`,29),J(1,`No signal store instance on this page yet.`),R(),L(2,`p`,30),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 _W(e,t){e&1&&(L(0,`p`,29),J(1,`The @ngrx/store Store was not found on this page.`),R(),L(2,`p`,30),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 vW(e,t){e&1&&(L(0,`p`,29),J(1,`This page has no NgRx store.`),R(),L(2,`p`,30),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 yW(e,t){if(e&1&&(L(0,`app-angular-unavailable`,32),J(1,` The overlay finds stores through the injectors, so stores it can't reach from a component are not listed. `),R(),L(2,`div`,19),M(3,gW,7,0)(4,_W,10,0)(5,vW,16,0),R()),e&2){let e=G();I(`page`,e.angularPage()),k(3),N(e.usesSignals()?3:e.usesClassic()?4:5)}}function bW(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,36),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectStore(t.id))}),L(2,`span`,37),z(3,`span`,38),L(4,`span`,39),J(5),R()(),L(6,`span`,40),J(7),R()()()}if(e&2){let e=t.$implicit,n=G(2);k(),q(`selected`,e.id===n.store()?.id),j(`aria-pressed`,e.id===n.store()?.id),k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.label),k(2),iv(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.changeCount(e.id),` `,n.changeCount(e.id)===1?`change`:`changes`,` `)}}function xW(e,t){e&1&&(L(0,`li`,34),J(1,`No stores match this filter.`),R())}function SW(e,t){e&1&&z(0,`app-source-link`,44),e&2&&I(`file`,t)}function CW(e,t){if(e&1&&(L(0,`span`,43),J(1),R()),e&2){let e=G();k(),Y(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function wW(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function TW(e,t){if(e&1&&(L(0,`p`,45),J(1,` Referenced by `),P(2,wW,3,2,null,null,Ag),R()),e&2){let e=G();k(2),F(e.signal.references)}}function EW(e,t){if(e&1&&(L(0,`p`,63),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function DW(e,t){if(e&1){let e=H();L(0,`div`,46)(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`,62,4),U(`click`,function(){return T(e),E(G(3).backToLatest())}),J(7,` Back to latest `),R(),M(8,EW,2,1,`p`,63),R()}if(e&2){let e=G(3);k(5),I(`disabled`,e.busy()||!e.canRestore()),j(`aria-describedby`,e.canRestore()?null:`store-latest-off`),k(3),N(e.canRestore()?-1:8)}}function OW(e,t){if(e&1&&(L(0,`dt`),J(1),R(),L(2,`dd`)(3,`code`,71),J(4),R()()),e&2){let e=t.$implicit;k(),Y(e.key),k(2),I(`title`,e.full),k(),Y(e.value)}}function kW(e,t){if(e&1&&(L(0,`dl`,66),P(1,OW,5,3,null,null,aW),R()),e&2){let e=G(4);k(),F(e.computedEntries())}}function AW(e,t){e&1&&(L(0,`p`,67),J(1,`No computed signals.`),R())}function jW(e,t){e&1&&(L(0,`span`,73),J(1,`signalMethod`),R())}function MW(e,t){e&1&&(L(0,`span`,73),J(1,`rxMethod`),R())}function NW(e,t){if(e&1&&(L(0,`li`,72),J(1),M(2,jW,2,0,`span`,73)(3,MW,2,0,`span`,73),L(4,`span`,74),J(5),R()()),e&2){let e=t.$implicit,n=G(5);k(),X(` `,e.name,` `),k(),N(e.signalMethod?2:e.rx?3:-1),k(3),rv(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function PW(e,t){if(e&1&&(L(0,`ul`,69),P(1,NW,6,5,`li`,72,oW),R()),e&2){let e=G();k(),F(e.methods)}}function FW(e,t){e&1&&(L(0,`p`,67),J(1,`No methods.`),R())}function IW(e,t){if(e&1&&(L(0,`li`,72),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function LW(e,t){if(e&1&&(L(0,`li`,81),J(1),R()),e&2){let e=G().$implicit;I(`title`,G(5).entityOverflowTitle(e.ids,e.count)),k(),X(` +`,e.count-30,` more `)}}function RW(e,t){if(e&1&&(L(0,`code`,71),J(1),R()),e&2){let e=G(2).$implicit,t=G(5);I(`title`,t.prettyText(e.selected)),k(),Y(t.shortText(e.selected))}}function zW(e,t){e&1&&(L(0,`span`,67),J(1,`None selected`),R())}function BW(e,t){if(e&1&&(L(0,`dl`,66)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,RW,2,2,`code`,71)(5,zW,2,0,`span`,67),R()()),e&2){let e=G().$implicit;k(4),N(e.selected===void 0?5:4)}}function VW(e,t){if(e&1&&(L(0,`div`,77)(1,`div`,78)(2,`span`,72),J(3),R(),L(4,`span`,79),J(5),R()(),L(6,`ul`,80),P(7,IW,2,1,`li`,72,Ag),M(9,LW,2,2,`li`,81),R(),M(10,BW,6,1,`dl`,66),R()),e&2){let e=t.$implicit,n=G(5);k(3),Y(e.collection??`entities`),k(2),Z(``,e.count,` `,e.count===1?`entity`:`entities`),k(),j(`aria-label`,(e.collection??`entities`)+` ids`),k(),F(n.entityIds(e.ids)),k(2),N(e.count>30?9:-1),k(),N(e.selectedId===void 0?-1:10)}}function HW(e,t){if(e&1&&(L(0,`section`,70)(1,`h4`,75),J(2,`Entities`),R(),L(3,`div`,76),P(4,VW,11,6,`div`,77,sW),R()()),e&2){let e=G();k(4),F(e.entities)}}function UW(e,t){if(e&1&&(L(0,`section`,64)(1,`h4`,65),J(2,`Computed`),R(),M(3,kW,3,0,`dl`,66)(4,AW,2,0,`p`,67),L(5,`h4`,68),J(6,`Methods`),R(),M(7,PW,3,0,`ul`,69)(8,FW,2,0,`p`,67),R(),M(9,HW,6,0,`section`,70)),e&2){let e=t,n=G(3);k(3),N(n.computedEntries().length?3:4),k(4),N(e.methods.length?7:8),k(2),N(e.entities?.length?9:-1)}}function WW(e,t){if(e&1&&(L(0,`span`,86),J(1),R()),e&2){let e=t;I(`title`,`Caused by `+G(4).kindLabel(`event`)+`: `+e.type),k(),Y(e.type)}}function GW(e,t){if(e&1&&(L(0,`span`,73),J(1),R()),e&2){G();let e=fv(0);k(),Y(e.origin)}}function KW(e,t){if(e&1&&J(0),e&2){G();let e=fv(0);X(` · `,G(3).formatDuration(e.durationMs),` `)}}function qW(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,82),U(`click`,function(){T(e);let t=fv(0);return E(G(3).selectChange(t.seq))}),L(3,`span`,83),J(4),R(),L(5,`span`,84)(6,`span`,85),J(7),R(),M(8,WW,2,2,`span`,86),R(),L(9,`span`,87),M(10,GW,2,1,`span`,73),J(11),M(12,KW,1,1),R()()()}if(e&2){let e,n=t.$implicit,r=G(3),i=dv(n.entry);k(),j(`data-vindex`,n.index)(`aria-setsize`,r.logWindow.enabled()?r.storeLog().length:null)(`aria-posinset`,r.logWindow.enabled()?n.index+1:null),k(),q(`selected`,i.seq===r.selectedChangeSeq()),j(`aria-pressed`,i.seq===r.selectedChangeSeq())(`aria-controls`,i.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),k(2),X(`#`,i.seq),k(2),I(`title`,i.type),k(),Y(i.type),k(),N((e=i.causedByEvent)?8:-1,e),k(2),N(i.origin?10:-1),k(),Z(` `,r.changesLabel(i),` · `,r.formatTime(i.timestamp),` `),k(),N(i.durationMs===void 0?-1:12)}}function JW(e,t){e&1&&J(0,` No entries match this filter. `)}function YW(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function XW(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function ZW(e,t){if(e&1&&(L(0,`li`,34),M(1,JW,1,0)(2,YW,1,0)(3,XW,1,0),R()),e&2){let e=G(),t=G(2);k(),N(t.filter()?1:e.classic?2:3)}}function QW(e,t){if(e&1&&(L(0,`div`,60),Gg(1,88),R()),e&2){G(3);let e=d_(21);k(),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,tW,t))}}function $W(e,t){if(e&1&&z(0,`option`,93),e&2){let e=t.$implicit;I(`value`,e)}}function eG(e,t){if(e&1&&(L(0,`p`,99),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function tG(e,t){if(e&1){let e=H();L(0,`section`,61)(1,`h4`,89),J(2,`Dispatch an action`),R(),L(3,`form`,90),U(`submit`,function(t){return T(e),E(G(3).dispatchAction(t))}),L(4,`label`)(5,`span`),J(6,`Type`),R(),L(7,`input`,91),U(`input`,function(t){return T(e),E(G(3).dispatchType.set(t.target.value))}),R()(),L(8,`datalist`,92),P(9,$W,1,1,`option`,93,Ag),R(),L(11,`label`)(12,`span`),J(13,`Payload `),L(14,`span`,94),J(15,`(JSON object, optional)`),R()(),L(16,`textarea`,95),U(`input`,function(t){return T(e),E(G(3).dispatchPayload.set(t.target.value))}),R()(),L(17,`p`,96),J(18),R(),L(19,`div`,97)(20,`button`,98),J(21,` Dispatch `),R()(),M(22,eG,2,1,`p`,99),R()()}if(e&2){let e=G(3);k(7),I(`value`,e.dispatchType()),k(2),F(e.actionTypes()),k(7),I(`value`,e.dispatchPayload()),j(`aria-invalid`,e.payloadError()?`true`:null),k(2),Y(e.payloadError()),k(2),I(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),j(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),k(2),N(e.canRestore()?-1:22)}}function nG(e,t){if(e&1){let e=H();L(0,`div`,35)(1,`div`,41)(2,`h3`),J(3),R(),L(4,`div`,42)(5,`span`,43),J(6),R(),L(7,`span`,43),J(8),R(),M(9,SW,1,1,`app-source-link`,44),M(10,CW,2,1,`span`,43),R(),M(11,TW,4,0,`p`,45),R(),M(12,DW,9,3,`div`,46),L(13,`div`,47)(14,`section`,48)(15,`div`,49)(16,`h4`,50),J(17,`State`),R(),L(18,`div`,51),z(19,`app-store-global`,52),L(20,`button`,53),U(`click`,function(){return T(e),E(G(2).copyState())}),J(21,` Copy `),R()()(),L(22,`pre`,54,2),J(24),R()(),M(25,UW,10,3),R(),L(26,`section`,55)(27,`h4`,56),J(28),L(29,`span`,16),J(30),R()(),z(31,`app-limit-note`,57),L(32,`div`,58)(33,`ul`,59,3),P(35,qW,13,16,`li`,null,iW,!1,ZW,4,1,`li`,34),R(),M(38,QW,2,4,`div`,60),R()(),M(39,tG,23,7,`section`,61),R()}if(e&2){let e,n,r,i=t,a=G(2);k(3),Y(i.label),k(3),Y(a.kindLabel(i.kind)),k(2),X(`scope: `,i.scope),k(),N((e=i.signal?.declaredIn)?9:-1,e),k(),N(i.classic?10:-1),k(),N(i.signal?.references?.length?11:-1),k(),N(i.classic?.paused?12:-1),k(7),I(`rpc`,a.rpc())(`pageId`,a.page()?.pageId)(`target`,hv(26,eW,i.id))(`label`,i.label+` state`),k(5),Y(a.stateText()),k(),N((n=i.signal)?25:-1,n),k(3),X(` `,i.classic?`Action log`:`Change log`,` `),k(2),Y(a.storeLog().length),k(),I(`dropped`,a.page()?.dropped??0)(`max`,a.maxLog()),k(2),K(`padding-top`,a.logWindow.enabled()?2+a.logWindow.padTop():null,`px`)(`padding-bottom`,a.logWindow.enabled()?2+a.logWindow.padBottom():null,`px`),I(`rovingWindow`,a.logWindow),j(`aria-label`,i.classic?`Actions`:`Changes`),k(2),F(a.shownLog()),k(3),N((r=a.changeEntry())?38:-1,r),k(),N(i.classic?39:-1)}}function rG(e,t){if(e&1&&(L(0,`div`,20)(1,`ul`,33),P(2,bW,8,10,`li`,null,rW,!1,xW,2,0,`li`,34),R(),M(5,nG,40,28,`div`,35),R()),e&2){let e,t=G();k(2),F(t.filteredStores()),k(3),N((e=t.store())?5:-1,e)}}function iG(e,t){if(e&1&&(L(0,`code`,106),J(1),R()),e&2){G();let e=fv(0),t=G(2);I(`title`,t.prettyText(e.payload)),k(),Y(t.shortText(e.payload))}}function aG(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,104),U(`click`,function(){T(e);let t=fv(0);return E(G(2).selectEvent(t.seq))}),z(3,`span`,38),L(4,`span`,105),J(5),R(),M(6,iG,2,2,`code`,106),L(7,`span`,107),J(8),R()()()}if(e&2){let e=t.$implicit,n=G(2),r=dv(e.entry);k(),j(`data-vindex`,e.index)(`aria-setsize`,n.eventWindow.enabled()?n.pageEvents().length:null)(`aria-posinset`,n.eventWindow.enabled()?e.index+1:null),k(),q(`selected`,r.seq===n.selectedEventSeq()),j(`aria-pressed`,r.seq===n.selectedEventSeq())(`aria-controls`,r.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),k(),K(`background`,n.kindColor(`event`)),k(),I(`title`,r.eventType??r.type),k(),Y(r.eventType??r.type),k(),N(r.payload===void 0?-1:6),k(2),Y(n.formatTime(r.timestamp))}}function oG(e,t){e&1&&(L(0,`li`,34),J(1,`No events match this filter.`),R())}function sG(e,t){if(e&1&&(L(0,`div`,103,6),Gg(2,88),R()),e&2){G(2);let e=d_(21);k(2),I(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,hv(2,nW,t))}}function cG(e,t){if(e&1&&(L(0,`section`,22)(1,`div`,14)(2,`h2`,100),J(3,`Events`),R(),L(4,`span`,16),J(5),R()(),L(6,`p`,101),J(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),R(),L(8,`ul`,102,5),P(10,aG,9,14,`li`,null,iW,!1,oG,2,0,`li`,34),R(),M(13,sG,3,4,`div`,103),R()),e&2){let e,t=G();k(5),Y(t.pageEvents().length),k(3),K(`padding-top`,t.eventWindow.enabled()?6+t.eventWindow.padTop():null,`px`)(`padding-bottom`,t.eventWindow.enabled()?6+t.eventWindow.padBottom():null,`px`),I(`rovingWindow`,t.eventWindow),k(2),F(t.shownEvents()),k(3),N((e=t.eventEntry())?13:-1,e)}}function lG(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();k(3),Y(t.originText(e.origin))}}function uG(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();k(3),Y(t.formatDuration(e.durationMs))}}function dG(e,t){if(e&1&&(L(0,`dt`),J(1,`Action`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.action))}}function fG(e,t){if(e&1&&(L(0,`dt`),J(1,`Arguments`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.args))}}function pG(e,t){if(e&1&&(L(0,`dt`),J(1,`Payload`),R(),L(2,`dd`)(3,`pre`,112),J(4),R()()),e&2){let e=G().selected,t=G();k(4),Y(t.prettyText(e.payload))}}function mG(e,t){if(e&1&&(L(0,`pre`,112),J(1),R()),e&2){let e=G(),t=G(2);k(),Y(t.prettyText(e.payload))}}function hG(e,t){if(e&1&&(L(0,`dt`),J(1,`Caused by event`),R(),L(2,`dd`)(3,`code`,113),J(4),R(),M(5,mG,2,1,`pre`,112),R()),e&2){let e=t;k(4),Y(e.type),k(),N(e.payload===void 0?-1:5)}}function gG(e,t){if(e&1){let e=H();L(0,`button`,117),U(`click`,function(){T(e);let t=G(2).selected;return E(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 _G(e,t){if(e&1&&(L(0,`code`,123),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.before))}}function vG(e,t){e&1&&(L(0,`span`,125),J(1,`→`),R(),L(2,`span`,126),J(3,`became`),R())}function yG(e,t){if(e&1&&(L(0,`code`,124),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.shortText(e.after))}}function bG(e,t){if(e&1&&(L(0,`li`)(1,`span`,120),J(2),R(),L(3,`code`,121),J(4),R(),L(5,`span`,122),M(6,_G,2,1,`code`,123),M(7,vG,4,0),M(8,yG,2,1,`code`,124),R()()),e&2){let e=t.$implicit,n=G(4);M_(`diff-row `+e.op),k(2),Y(n.opLabel(e.op)),k(2),Y(e.path),k(2),N(e.op===`add`?-1:6),k(),N(e.op===`change`?7:-1),k(),N(e.op===`remove`?-1:8)}}function xG(e,t){if(e&1&&(L(0,`p`,67),J(1),R()),e&2){let e=G(3).selected,t=G();k(),Y(t.moreChanges(e.diffTruncated))}}function SG(e,t){if(e&1&&(L(0,`ul`,118),P(1,bG,9,7,`li`,119,cW),R(),M(3,xG,2,1,`p`,67)),e&2){let e=G(2).selected;k(),F(e.diff),k(2),N(e.diffTruncated?3:-1)}}function CG(e,t){e&1&&(L(0,`p`,67),J(1,`The state did not change.`),R())}function wG(e,t){if(e&1&&(L(0,`div`,114)(1,`div`,115),J(2,`State diff`),R(),M(3,gG,2,1,`button`,116),R(),M(4,SG,4,1)(5,CG,2,0,`p`,67)),e&2){let e=G(),t=e.selected,n=e.headingLevel;k(),j(`aria-level`,n+1),k(2),N(t.diff.length?3:-1),k(),N(t.diff.length?4:5)}}function TG(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 EG(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 DG(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 OG(e,t){if(e&1&&M(0,EG,1,2)(1,DG,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function kG(e,t){if(e&1){let e=H();L(0,`div`,127),U(`keydown.escape`,function(t){return T(e),E(G(2).cancelRestore(t))}),L(1,`p`,128),M(2,TG,1,1)(3,OG,2,1),R(),L(4,`div`,97)(5,`button`,62),U(`click`,function(){T(e);let t=G().selected;return E(G().restore(t.seq,t.source===`store`))}),J(6,` Restore `),R(),L(7,`button`,31,7),U(`click`,function(){return T(e),E(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`),k(),I(`id`,n+`-confirm-text`),k(),N(t.source===`store`?2:3),k(3),I(`disabled`,r.busy())}}function AG(e,t){if(e&1){let e=H();L(0,`button`,133,8),U(`click`,function(){T(e);let t=G(2).selected;return E(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 jG(e,t){if(e&1){let e=H();L(0,`button`,134),U(`click`,function(){T(e);let t=G(2).selected;return E(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 MG(e,t){if(e&1&&(L(0,`p`,132),J(1),R()),e&2){let e=G(2).idPrefix,t=G();I(`id`,e+`-writes-off`),k(),Y(t.restoreOff)}}function NG(e,t){if(e&1&&(L(0,`div`,129),M(1,AG,3,2,`button`,130),M(2,jG,2,2,`button`,131),R(),M(3,MG,2,2,`p`,132)),e&2){let e=G().selected,t=G();k(),N(e.restorable?1:-1),k(),N(t.canAgain(e)?2:-1),k(),N(t.canRestore()?-1:3)}}function PG(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 FG(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 IG(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 LG(e,t){if(e&1&&(L(0,`p`,111),M(1,PG,4,0)(2,FG,10,0)(3,IG,4,0),R()),e&2){let e=G().selected;k(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function RG(e,t){if(e&1&&(L(0,`section`,108)(1,`div`,109),J(2),R(),L(3,`dl`,66)(4,`dt`),J(5,`Time`),R(),L(6,`dd`),J(7),R(),M(8,lG,4,1),M(9,uG,4,1),M(10,dG,5,1),M(11,fG,5,1),M(12,pG,5,1),M(13,hG,6,2),R(),M(14,wG,6,3),M(15,kG,10,4,`div`,110),M(16,NG,4,3),M(17,LG,4,1,`p`,111),R()),e&2){let e,n=t.selected,r=t.headingLevel,i=t.idPrefix,a=G();j(`aria-labelledby`,i+`-entry-heading`),k(),I(`id`,i+`-entry-heading`),j(`aria-level`,r),k(),Z(` #`,n.seq,` `,n.type,` `),k(5),Y(a.formatTime(n.timestamp)),k(),N(n.origin?8:-1),k(),N(n.durationMs===void 0?-1:9),k(),N(n.action===void 0?-1:10),k(),N(n.args?.length?11:-1),k(),N(n.source===`event`&&n.payload!==void 0?12:-1),k(),N((e=n.causedByEvent)?13:-1,e),k(),N(n.source===`event`?-1:14),k(),N(n.restorable&&a.confirmSeq()===n.seq?15:-1),k(),N(a.confirmSeq()!==n.seq&&(n.restorable||a.canAgain(n))?16:-1),k(),N(!n.restorable&&n.source===`store`?17:-1)}}function zG(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.sourceEntries().length)}}function BG(e,t){e&1&&(L(0,`div`,25),z(1,`span`,135),L(2,`p`,29),J(3,`Scanning source for NgRx declarations…`),R()())}function VG(e,t){e&1&&(L(0,`div`,26)(1,`p`,29),J(2,`No NgRx declarations found in source.`),R(),L(3,`p`,30),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 HG(e,t){if(e&1){let e=H();L(0,`button`,137),U(`click`,function(){let t=T(e).$implicit,n=G(2);return E(n.kind.set(n.kind()===t.kind?null:t.kind))}),z(1,`span`,38),L(2,`span`,142),J(3),R(),L(4,`span`,138),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),k(),K(`background`,n.kindColor(e.kind)),k(2),Y(n.kindLabel(e.kind)),k(2),Y(e.count)}}function UG(e,t){if(e&1&&(L(0,`p`,147),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function WG(e,t){if(e&1&&(L(0,`li`,141)(1,`div`,143),z(2,`span`,38),L(3,`span`,144),J(4),R(),L(5,`span`,43),J(6),R()(),L(7,`div`,145),z(8,`app-source-link`,146),R(),M(9,UG,2,1,`p`,147),R()),e&2){let e=t.$implicit,n=G(2);k(2),K(`background`,n.kindColor(e.kind)),k(2),Y(e.name),k(2),Y(n.kindLabel(e.kind)),k(2),I(`file`,e.file)(`line`,e.line),k(),N(e.detail?9:-1)}}function GG(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25)(2,`p`,29),J(3,`No declarations match.`),R(),L(4,`button`,31),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(5,`Clear filters`),R()()()}}function KG(e,t){if(e&1){let e=H();L(0,`div`,136)(1,`button`,137),U(`click`,function(){return T(e),E(G().kind.set(null))}),J(2,` All `),L(3,`span`,138),J(4),R()(),P(5,HG,6,7,`button`,139,lW),R(),L(7,`ul`,140),P(8,WG,10,7,`li`,141,uW,!1,GG,6,0,`li`),R()}if(e&2){let e=G();k(),q(`active`,!e.kind()),j(`aria-pressed`,!e.kind()),k(3),Y(e.sourceEntries().length),k(),F(e.groupedEntries()),k(3),F(e.filteredEntries())}}var qG={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)`},JG={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`},YG={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function XG(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 ZG=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),QG=class e{rpc=$(null);canRestore=Q(()=>rD(this.rpc(),`ngrx`));restoreOff=bE(`ngrx`);filter=O(``);kind=O(null);sourceEntries=O([]);sourceLoaded=O(!1);pages=O([]);failed=O(!1);stateLoaded=O(!1);selectedPageId=O(null);hostPageId=LE();angularPages=uO(()=>this.rpc());angularPage=Q(()=>dO(this.angularPages(),this.page()?.pageId??this.hostPageId));maxLog=Q(()=>nD(this.rpc()).limits.changeLog);selectedStoreId=O(null);focusEventSeq=O(null);eventDetailHeading=Jv(`eventDetailHeading`);busy=O(!1);focusLatest=O(!1);focusConfirm=O(null);cancelButton=Jv(`cancelButton`);restoreButton=Jv(`restoreButton`);stateTree=Jv(`stateTree`);filterInput=Jv(`filterInput`);latestButton=Jv(`latestButton`);message=O(``);destroyRef=C(Ds);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?zU(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?WU(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:GU(t,160),full:WU(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()});logWindow=new aP({count:Q(()=>this.storeLog().length),estimate:56});shownLog=Q(()=>$G(this.storeLog(),this.logWindow));eventWindow=new aP({count:Q(()=>this.pageEvents().length),estimate:36});shownEvents=Q(()=>$G(this.pageEvents(),this.eventWindow));logList=Jv(`logList`);eventsList=Jv(`eventsList`);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=O(``);dispatchPayload=O(``);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(()=>XG(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=XG(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=>ZG.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(){mc(()=>{let e=this.logList()?.nativeElement;e&&this.logWindow.attach(e)}),mc(()=>{let e=this.eventsList()?.nativeElement;e&&this.eventWindow.attach(e)}),mc(()=>{let e=this.rpc();e&&this.load(e)}),dy(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),mc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),dy(()=>{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),VE(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(WU(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 VE(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 VE(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 VE(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 qG[e]??`var(--text-3)`}kindLabel(e){return JG[e]??e}originText(e){return YG[e]??e}changesLabel=RU;moreChanges=LU;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return WU(e)}shortText(e){return GU(e)}formatTime=QO;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=A({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&l_(t.eventDetailHeading,KU,5)(t.cancelButton,qU,5)(t.restoreButton,JU,5)(t.stateTree,YU,5)(t.filterInput,XU,5)(t.latestButton,ZU,5)(t.logList,QU,5)(t.eventsList,$U,5),e&2&&u_(8)},inputs:{rpc:[1,`rpc`]},decls:30,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`logList`,``],[`latestButton`,``],[`eventsList`,``],[`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`],[`capability`,`injectorProviders`,`compact`,``,3,`page`],[`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`,3,`rovingWindow`],[`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`,3,`rovingWindow`],[`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`,9)(1,`input`,10,0),U(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),R(),M(3,dW,3,2),L(4,`span`,11),z(5,`span`,12),J(6),R()(),L(7,`section`,13)(8,`div`,14)(9,`h2`,15),J(10,`Live stores`),R(),M(11,fW,2,1,`span`,16),R(),M(12,pW,7,0,`div`,17)(13,mW,3,0,`div`,18)(14,hW,5,0,`div`,19)(15,yW,6,2)(16,rG,6,2,`div`,20),L(17,`p`,21),J(18),R()(),M(19,cG,14,8,`section`,22),sg(20,RG,18,16,`ng-template`,null,1,Ev),L(22,`section`,23)(23,`div`,14)(24,`h2`,24),J(25,`Source declarations`),R(),M(26,zG,2,1,`span`,16),R(),M(27,BG,4,0,`div`,25)(28,VG,29,0,`div`,26)(29,KG,11,5),R()),e&2&&(k(),I(`value`,t.filter()),k(2),N(t.pages().length>1?3:-1),k(),q(`on`,!!t.page()),k(2),X(` `,t.page()?`Live`:`No page connected`,` `),k(5),N(t.liveStores().length?11:-1),k(),N(t.failed()?12:t.stateLoaded()?t.page()?t.liveStores().length?16:15:14:13),k(6),Y(t.message()),k(),N(t.hasEvents()?19:-1),k(7),N(t.sourceEntries().length?26:-1),k(),N(t.sourceLoaded()?t.sourceEntries().length===0?28:29:27))},dependencies:[hO,rk,Jz,OO,ub,uM,pN],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 24px;
   min-width: 0;
@@ -9178,7 +9178,7 @@ textarea[aria-invalid=true][_ngcontent-%COMP%] {
   .kv[_ngcontent-%COMP%] {
     grid-template-columns: minmax(0, 1fr);
   }
-}`]})};function QG(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}var $G=[`heading`];function eK(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 T(e),E(G().retry())}),J(4,`Try again`),V()()}}function tK(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),k(),Y(e.text()??`Loading…`)}}function nK(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 T(e),E(G().draft.set(t.target.value))})(`keydown.enter`,function(){return T(e),E(G().setValue())}),V(),B(4,`button`,17),W(`click`,function(){return T(e),E(G().setValue())}),J(5,` Set `),V()()}if(e&2){let e=G();k(2),X(`New value for `,e.node().path),k(),qg(`value`,e.draft()),k(),qg(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function rK(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();k(),X(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),k(),qg(`href`,e.unmaskDocsUrl,Nu)}}function iK(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();k(),Y(e.writesOff)}}var aK=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=Rv();canWrite=Q(()=>rD(this.rpc(),`forms`));writesOff=bE(`forms`);redactLabel=XE;unmaskDocsUrl=ZE;target=Q(()=>`${this.form().id}|${this.node().path}`);text=Fv({source:this.target,computation:()=>null});failed=Fv({source:this.target,computation:()=>!1});attempt=O(0);heading=Jv.required(`heading`);host=C(Il);draft=Fv({source:this.target,computation:()=>``});message=Fv({source:this.target,computation:()=>``});constructor(){mc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Nv(()=>this.load(n,e,t))}),dy(()=>{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 JE(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(tD(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 QE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${$E(r)} ${r.expression}`:$E(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await QE(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($E(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&l_(t.heading,$G,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,eK,5,0,`div`,6)(11,tK,2,2,`pre`,7),M(12,nK,6,4,`div`,8)(13,rK,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,iK,2,1,`p`,13),B(24,`p`,14),J(25),V()),e&2&&(k(5),Y(t.node().path||`(form)`),k(2),Y(t.node().type),k(),j(`aria-label`,`Close details for `+(t.node().path||`the form`)),k(2),N(t.failed()?10:11),k(2),N(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),k(5),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(2),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(4),N(t.canWrite()?-1:23),k(2),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function $G(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}var eK=[`heading`];function tK(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 T(e),E(G().retry())}),J(4,`Try again`),V()()}}function nK(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),k(),Y(e.text()??`Loading…`)}}function rK(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 T(e),E(G().draft.set(t.target.value))})(`keydown.enter`,function(){return T(e),E(G().setValue())}),V(),B(4,`button`,17),W(`click`,function(){return T(e),E(G().setValue())}),J(5,` Set `),V()()}if(e&2){let e=G();k(2),X(`New value for `,e.node().path),k(),qg(`value`,e.draft()),k(),qg(`disabled`,!e.canWrite()),j(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function iK(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();k(),X(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),k(),qg(`href`,e.unmaskDocsUrl,Nu)}}function aK(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();k(),Y(e.writesOff)}}var oK=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=Rv();canWrite=Q(()=>rD(this.rpc(),`forms`));writesOff=bE(`forms`);redactLabel=XE;unmaskDocsUrl=ZE;target=Q(()=>`${this.form().id}|${this.node().path}`);text=Fv({source:this.target,computation:()=>null});failed=Fv({source:this.target,computation:()=>!1});attempt=O(0);heading=Jv.required(`heading`);host=C(Il);draft=Fv({source:this.target,computation:()=>``});message=Fv({source:this.target,computation:()=>``});constructor(){mc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Nv(()=>this.load(n,e,t))}),dy(()=>{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 JE(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(tD(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 QE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${$E(r)} ${r.expression}`:$E(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await QE(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($E(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&l_(t.heading,eK,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,tK,5,0,`div`,6)(11,nK,2,2,`pre`,7),M(12,rK,6,4,`div`,8)(13,iK,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,aK,2,1,`p`,13),B(24,`p`,14),J(25),V()),e&2&&(k(5),Y(t.node().path||`(form)`),k(2),Y(t.node().type),k(),j(`aria-label`,`Close details for `+(t.node().path||`the form`)),k(2),N(t.failed()?10:11),k(2),N(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),k(5),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(2),qg(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`field-writes-off`),k(4),N(t.canWrite()?-1:23),k(2),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9519,7 +9519,7 @@ h3[_ngcontent-%COMP%]:focus-visible {
 .status[_ngcontent-%COMP%]:empty {
   height: 0;
   margin: -12px 0 0;
-}`]})};function oK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function sK(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();k(3),j(`aria-busy`,e.submit()===null?`true`:null),k(),Y(e.submit()??`Loading…`),k(4),j(`aria-busy`,e.payload()===null?`true`:null),k(),Y(e.payload()??`Loading…`)}}function cK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function lK(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function uK(e,t){e&1&&(B(0,`div`,2)(1,`span`,6),D(),B(2,`svg`,7),Vg(3,`path`,8),V()(),_s(),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 dK(e,t){if(e&1){let e=H();B(0,`span`,15),J(1,`at `),B(2,`button`,19),W(`click`,function(){let t=T(e);return E(G(3).showField.emit(t))}),B(3,`span`,20),J(4,`Show field `),V(),B(5,`code`),J(6),V()()()}e&2&&(k(6),Y(t))}function fK(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,dK,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),k(2),j(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),k(),Y(n.severity),k(2),Y(n.rule),k(),N((e=n.path)?6:-1,e),k(2),Y(n.message),k(4),X(` `,n.fix)}}function pK(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,fK,13,7,`li`,null,kg),V()),e&2){let e=G();k(2),Y(e.findings().length),k(),X(` `,e.findings().length===1?`finding`:`findings`,` `),k(2),F(e.findings())}}var mK=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=O(``);attempt=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let[n,r]=await Promise.all([JE(t,`forms-explain`,{kind:`submit`,form:e}),JE(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(tD(n)),this.payload.set(tD(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await JE(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=A({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,oK,7,0,`div`,0)(1,sK,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()),k(6),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function sK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function cK(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();k(3),j(`aria-busy`,e.submit()===null?`true`:null),k(),Y(e.submit()??`Loading…`),k(4),j(`aria-busy`,e.payload()===null?`true`:null),k(),Y(e.payload()??`Loading…`)}}function lK(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 T(e),E(G().retry())}),J(6,`Try again`),V()()}}function uK(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function dK(e,t){e&1&&(B(0,`div`,2)(1,`span`,6),D(),B(2,`svg`,7),Vg(3,`path`,8),V()(),_s(),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 fK(e,t){if(e&1){let e=H();B(0,`span`,15),J(1,`at `),B(2,`button`,19),W(`click`,function(){let t=T(e);return E(G(3).showField.emit(t))}),B(3,`span`,20),J(4,`Show field `),V(),B(5,`code`),J(6),V()()()}e&2&&(k(6),Y(t))}function pK(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,fK,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),k(2),j(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),k(),Y(n.severity),k(2),Y(n.rule),k(),N((e=n.path)?6:-1,e),k(2),Y(n.message),k(4),X(` `,n.fix)}}function mK(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,pK,13,7,`li`,null,kg),V()),e&2){let e=G();k(2),Y(e.findings().length),k(),X(` `,e.findings().length===1?`finding`:`findings`,` `),k(2),F(e.findings())}}var hK=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=O(``);attempt=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let[n,r]=await Promise.all([JE(t,`forms-explain`,{kind:`submit`,form:e}),JE(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(tD(n)),this.payload.set(tD(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await JE(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=A({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,sK,7,0,`div`,0)(1,cK,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()),k(6),Y(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -9791,7 +9791,7 @@ code[_ngcontent-%COMP%] {
   flex-wrap: wrap;
   gap: 8px 12px;
   align-items: center;
-}`]})},hK=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=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let n=await JE(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=A({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,cK,7,0,`div`,0)(1,lK,4,0,`div`,1)(2,uK,8,0,`div`,2)(3,pK,7,2),e&2&&N(t.failed()?0:t.findings()===null?1:t.findings().length?3:2)},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},gK=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=O(0);constructor(){mc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Nv(async()=>{let n=await JE(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=A({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,lK,7,0,`div`,0)(1,uK,4,0,`div`,1)(2,dK,8,0,`div`,2)(3,mK,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);
 }
 
@@ -10147,7 +10147,7 @@ code[_ngcontent-%COMP%] {
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-}`]})},gK=[`pathInput`],_K=()=>[],vK=(e,t)=>t.formId+`#`+t.seq;function yK(e,t){e&1&&z(0,`span`,6)}function bK(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,21),U(`change`,function(){let t=T(e).$implicit;return E(G().filter.set(t))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G();k(),I(`value`,e)(`checked`,e===n.filter()),k(),X(` `,e,` `)}}function xK(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`),k(),Y(e.outcome)}}function SK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),X(`×`,e.count)}}function CK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.origin)}}function wK(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`:``),k(),X(`pending `,e.ms,`ms`)}}function TK(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`:``),k(),Z(``,e.renders,` renders: `,(e.rendered??mv(3,_K)).join(`, `))}}function EK(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;k(),Y(e.prev)}}function DK(e,t){if(e&1&&(L(0,`div`,27),M(1,EK,6,1),J(2),R()),e&2){let e=G().$implicit;k(),N(e.prev===void 0?-1:1),k(),X(` `,e.detail,` `)}}function OK(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`from `,e.caller)}}function kK(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,xK,2,2,`span`,26),M(10,SK,2,1,`span`,26),M(11,CK,2,1,`span`,26),M(12,wK,2,2,`span`,26),M(13,TK,2,4,`span`,26),R(),M(14,DK,3,2,`div`,27),M(15,OK,2,1,`span`,28),R()()),e&2){let e=t.$implicit,n=G(2);j(`data-type`,e.type),k(),j(`datetime`,n.iso(e.timestamp)),k(),Y(n.time(e.timestamp)),k(4),Y(e.path||`(form)`),k(2),Y(e.type),k(),N(e.outcome?9:-1),k(),N(e.count&&e.count>1?10:-1),k(),N(e.origin?11:-1),k(),N(e.ms===void 0?-1:12),k(),N(e.renders?13:-1),k(),N(e.prev!==void 0||e.detail?14:-1),k(),N(e.caller?15:-1)}}function AK(e,t){if(e&1&&(L(0,`ol`,19),P(1,kK,16,12,`li`,null,vK),R()),e&2){let e=G();k(),F(e.shown())}}function jK(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 T(e),E(G().clearFilters())}),J(6,`Clear filters`),R()()}}function MK(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 NK=[`all`,`user`,`code`,`agent`,`devtools`],PK=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],FK=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=NK;filter=O(`all`);pathFilter=O(``);typeFilter=O(`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=PK.filter(t=>e.has(t)),r=[...e].filter(e=>!PK.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=QO;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&l_(t.pathInput,gK,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,yK,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,bK,3,3,`label`,null,Ag),R()(),L(14,`div`,10)(15,`div`,11),D(),L(16,`svg`,12),z(17,`circle`,13)(18,`path`,14),R(),_s(),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 T(e),sv(t.typeFilter,n)||(t.typeFilter=n),E(n)}),R(),L(22,`span`,17),J(23),R(),L(24,`span`,18),J(25),R()(),M(26,AK,3,0,`ol`,19)(27,jK,7,0,`div`,20)(28,MK,5,0,`div`,20)}e&2&&(k(),q(`on`,t.recording()),k(),I(`checked`,t.recording()),k(3),N(t.recording()?5:-1),k(7),F(t.origins),k(7),I(`value`,t.pathFilter()),k(2),I(`options`,t.typeOptions()),ov(`value`,t.typeFilter),k(2),Y(t.summary()),k(2),Y(t.filterStatus()),k(),N(t.shown().length?26:t.events().length?27:28))},dependencies:[OO],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},_K=[`pathInput`],vK=()=>[],yK=(e,t)=>t.formId+`#`+t.seq;function bK(e,t){e&1&&z(0,`span`,6)}function xK(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,21),U(`change`,function(){let t=T(e).$implicit;return E(G().filter.set(t))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G();k(),I(`value`,e)(`checked`,e===n.filter()),k(),X(` `,e,` `)}}function SK(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`),k(),Y(e.outcome)}}function CK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),X(`×`,e.count)}}function wK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.origin)}}function TK(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`:``),k(),X(`pending `,e.ms,`ms`)}}function EK(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`:``),k(),Z(``,e.renders,` renders: `,(e.rendered??mv(3,vK)).join(`, `))}}function DK(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;k(),Y(e.prev)}}function OK(e,t){if(e&1&&(L(0,`div`,27),M(1,DK,6,1),J(2),R()),e&2){let e=G().$implicit;k(),N(e.prev===void 0?-1:1),k(),X(` `,e.detail,` `)}}function kK(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`from `,e.caller)}}function AK(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,SK,2,2,`span`,26),M(10,CK,2,1,`span`,26),M(11,wK,2,1,`span`,26),M(12,TK,2,2,`span`,26),M(13,EK,2,4,`span`,26),R(),M(14,OK,3,2,`div`,27),M(15,kK,2,1,`span`,28),R()()),e&2){let e=t.$implicit,n=G(2);j(`data-type`,e.type),k(),j(`datetime`,n.iso(e.timestamp)),k(),Y(n.time(e.timestamp)),k(4),Y(e.path||`(form)`),k(2),Y(e.type),k(),N(e.outcome?9:-1),k(),N(e.count&&e.count>1?10:-1),k(),N(e.origin?11:-1),k(),N(e.ms===void 0?-1:12),k(),N(e.renders?13:-1),k(),N(e.prev!==void 0||e.detail?14:-1),k(),N(e.caller?15:-1)}}function jK(e,t){if(e&1&&(L(0,`ol`,19),P(1,AK,16,12,`li`,null,yK),R()),e&2){let e=G();k(),F(e.shown())}}function MK(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 T(e),E(G().clearFilters())}),J(6,`Clear filters`),R()()}}function NK(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 PK=[`all`,`user`,`code`,`agent`,`devtools`],FK=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],IK=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=PK;filter=O(`all`);pathFilter=O(``);typeFilter=O(`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=FK.filter(t=>e.has(t)),r=[...e].filter(e=>!FK.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=QO;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&l_(t.pathInput,_K,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,bK,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,xK,3,3,`label`,null,Ag),R()(),L(14,`div`,10)(15,`div`,11),D(),L(16,`svg`,12),z(17,`circle`,13)(18,`path`,14),R(),_s(),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 T(e),sv(t.typeFilter,n)||(t.typeFilter=n),E(n)}),R(),L(22,`span`,17),J(23),R(),L(24,`span`,18),J(25),R()(),M(26,jK,3,0,`ol`,19)(27,MK,7,0,`div`,20)(28,NK,5,0,`div`,20)}e&2&&(k(),q(`on`,t.recording()),k(),I(`checked`,t.recording()),k(3),N(t.recording()?5:-1),k(7),F(t.origins),k(7),I(`value`,t.pathFilter()),k(2),I(`options`,t.typeOptions()),ov(`value`,t.typeFilter),k(2),Y(t.summary()),k(2),Y(t.filterStatus()),k(),N(t.shown().length?26:t.events().length?27:28))},dependencies:[OO],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -10743,7 +10743,7 @@ time[_ngcontent-%COMP%] {
     justify-content: center;
     padding: 0 8px;
   }
-}`]})},IK=(e,t)=>t.path;function LK(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function RK(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.description)}}function zK(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();k(),Y(e.error)}}function BK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is `,e.reason,` `)}}function VK(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,BK,4,2,`li`,null,IK),V()()),e&2){let e=G();k(4),F(e.blocking)}}function HK(e,t){e&1&&(B(0,`span`,12),J(1,`required`),V())}function UK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),M(3,HK,2,0,`span`,12),V()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e),k(),N(n.isRequired(e)?3:-1)}}function WK(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Inputs`),V(),B(3,`ul`,11),P(4,UK,4,2,`li`,null,Ag),V()()),e&2){let e=G();k(4),F(e.inputs)}}function GK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is now `,e.now?`required`:`optional`,` `)}}function KK(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,GK,4,2,`li`,null,IK),V()()),e&2){let e=G();k(4),F(e.requiredChanged)}}function qK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(``,e.ms,` ms`)}}function JK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(`fields `,e.fields.join(`, `))}}function YK(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function XK(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,qK,2,1,`span`,10),M(7,JK,2,1,`span`,10),M(8,YK,2,1,`pre`,13),V()),e&2){let e=t.$implicit,n=G(3);k(),j(`datetime`,n.iso(e.at)),k(),Y(wv(3,7,e.at,`HH:mm:ss`)),k(2),j(`data-state`,e.outcome),k(),Y(n.outcome(e.outcome)),k(),N(e.ms===void 0?-1:6),k(),N(e.fields?.length?7:-1),k(),N(e.detail?8:-1)}}function ZK(e,t){if(e&1&&(B(0,`ul`),P(1,XK,9,10,`li`,null,kg),V()),e&2){let e=G();k(),F(e.calls)}}function QK(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function $K(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function eq(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,LK,2,0,`span`,6),V(),M(9,RK,2,1,`p`,7),M(10,zK,2,1,`p`,8),M(11,VK,6,0,`div`,9),M(12,WK,6,0,`div`,9),M(13,KK,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,ZK,3,0,`ul`)(18,QK,2,0,`p`,10)(19,$K,2,0,`p`,10),V()()),e&2){let e=t,n=G();k(5),Y(e.name),k(),j(`data-state`,e.status),k(),Y(n.statusText()),k(),N(e.duplicate?8:-1),k(),N(e.description?9:-1),k(),N(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),k(),N(e.blocking?.length?11:-1),k(),N(e.inputs?.length?12:-1),k(),N(e.requiredChanged?.length?13:-1),k(4),N(e.calls?.length?17:e.seen===`list`?18:19)}}function tq(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 nq={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},rq=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 nq[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,eq,20,10,`section`,0)(1,tq,8,0,`p`,1),e&2){let e;N((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[hb],styles:[`[_nghost-%COMP%] {
+}`]})},LK=(e,t)=>t.path;function RK(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function zK(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.description)}}function BK(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();k(),Y(e.error)}}function VK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is `,e.reason,` `)}}function HK(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,VK,4,2,`li`,null,LK),V()()),e&2){let e=G();k(4),F(e.blocking)}}function UK(e,t){e&1&&(B(0,`span`,12),J(1,`required`),V())}function WK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),M(3,UK,2,0,`span`,12),V()),e&2){let e=t.$implicit,n=G(3);k(2),Y(e),k(),N(n.isRequired(e)?3:-1)}}function GK(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Inputs`),V(),B(3,`ul`,11),P(4,WK,4,2,`li`,null,Ag),V()()),e&2){let e=G();k(4),F(e.inputs)}}function KK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),J(3),V()),e&2){let e=t.$implicit;k(2),Y(e.path),k(),X(` is now `,e.now?`required`:`optional`,` `)}}function qK(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,KK,4,2,`li`,null,LK),V()()),e&2){let e=G();k(4),F(e.requiredChanged)}}function JK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(``,e.ms,` ms`)}}function YK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(`fields `,e.fields.join(`, `))}}function XK(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function ZK(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,JK,2,1,`span`,10),M(7,YK,2,1,`span`,10),M(8,XK,2,1,`pre`,13),V()),e&2){let e=t.$implicit,n=G(3);k(),j(`datetime`,n.iso(e.at)),k(),Y(wv(3,7,e.at,`HH:mm:ss`)),k(2),j(`data-state`,e.outcome),k(),Y(n.outcome(e.outcome)),k(),N(e.ms===void 0?-1:6),k(),N(e.fields?.length?7:-1),k(),N(e.detail?8:-1)}}function QK(e,t){if(e&1&&(B(0,`ul`),P(1,ZK,9,10,`li`,null,kg),V()),e&2){let e=G();k(),F(e.calls)}}function $K(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function eq(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function tq(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,RK,2,0,`span`,6),V(),M(9,zK,2,1,`p`,7),M(10,BK,2,1,`p`,8),M(11,HK,6,0,`div`,9),M(12,GK,6,0,`div`,9),M(13,qK,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,QK,3,0,`ul`)(18,$K,2,0,`p`,10)(19,eq,2,0,`p`,10),V()()),e&2){let e=t,n=G();k(5),Y(e.name),k(),j(`data-state`,e.status),k(),Y(n.statusText()),k(),N(e.duplicate?8:-1),k(),N(e.description?9:-1),k(),N(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),k(),N(e.blocking?.length?11:-1),k(),N(e.inputs?.length?12:-1),k(),N(e.requiredChanged?.length?13:-1),k(4),N(e.calls?.length?17:e.seen===`list`?18:19)}}function nq(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 rq={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},iq=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 rq[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,tq,20,10,`section`,0)(1,nq,8,0,`p`,1),e&2){let e;N((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[hb],styles:[`[_nghost-%COMP%] {
   display: contents;
 }
 
@@ -10863,7 +10863,7 @@ li[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%]    + *[_ngcontent-%COMP%] {
   font-size: 12px;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
-}`]})},iq=()=>[],aq=(e,t)=>t.id,oq=(e,t)=>t.node.path;function sq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function cq(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function lq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function uq(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 dq(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 T(e),E(G().allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}if(e&2){let e=G();k(4),Z(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function fq(e,t){if(e&1){let e=H();L(0,`label`,12)(1,`input`,16),U(`change`,function(t){return T(e),E(G(2).allPages.set(t.target.checked))}),R(),J(2,` All pages `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.allPages())}}function pq(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(k(),Y(t))}function mq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,17),U(`click`,function(){let t=T(e).$implicit;return E(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,pq,4,1,`span`,23),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`active`,n.id===r.selected()?.id),j(`aria-current`,n.id===r.selected()?.id?`true`:null),k(),j(`data-status`,n.root.status),k(),j(`title`,n.label),k(),Y(n.label),k(2),X(``,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),X(`, `,n.root.status),k(),N((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function hq(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(){T(e);let t=G(2);return E(t.selectForm(t.visible()[0].id))}),J(6),R()()}if(e&2){let e=G(2);k(2),Y(t),k(4),X(` Show `,e.visible()[0].label,` `)}}function gq(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 T(e),E(G(2).allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}e&2&&(k(2),Y(t))}function _q(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();k(),Y(e.submitted?`submitted`:`not submitted`)}}function vq(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function yq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,47),U(`click`,function(){let t=T(e).$implicit;return E(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;k(5),Y(e.path||`(form)`),k(3),X(` `,e.message,` `),k(2),Y(e.kind)}}function bq(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,yq,11,3,`li`,null,kg),R()()),e&2){let e=G();k(2),X(`Error summary (`,e.errorSummary.length,`)`),k(2),F(e.errorSummary)}}function xq(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return T(e),E(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()),k(),X(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function Sq(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);k(),Y(e.writesOff)}}function Cq(e,t){if(e&1){let e=H();L(0,`button`,49),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `)}}function wq(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,16),U(`change`,function(){let t=T(e).$implicit;return E(G(4).toggleChip(t.id))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G(4);k(),I(`checked`,n.active().has(e.id)),k(),X(` `,e.label,` `)}}function Tq(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;k(3),Y(Cv(4,1,e.node.uncommitted))}}function Eq(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;k(3),Y(Cv(4,1,e.node.defaultValue))}}function Dq(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,Tq,6,3,`div`,7),M(4,Eq,5,3,`div`,7)),e&2){let e=G().$implicit;k(),Y(Cv(2,3,e.node.value)),k(2),N(e.node.uncommitted===void 0?-1:3),k(),N(e.node.defaultValue===void 0?-1:4)}}function Oq(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function kq(e,t){if(e&1&&(L(0,`span`,29),J(1),R()),e&2){let e=G().$implicit;j(`data-status`,e.node.status),k(),Y(e.node.status)}}function Aq(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function jq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function Mq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`not validated (`,e.node.skipped,`)`)}}function Nq(e,t){if(e&1&&(L(0,`span`,65),J(1),R()),e&2){let e=G().$implicit;k(),X(`stale: `,e.node.stale.join(`, `))}}function Pq(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function Fq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),X(`redacted: `,t.redactLabel(e.node.redacted))}}function Iq(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function Lq(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function Rq(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function zq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`updates on `,e.node.updateOn)}}function Bq(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function Vq(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function Hq(e,t){e&1&&(L(0,`span`),J(1,`async validator`),R())}function Uq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Wq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.accessor)}}function Gq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`name `,e.node.name)}}function Kq(e,t){if(e&1&&(L(0,`span`),J(1),xv(2,`json`),R()),e&2){let e=t.$implicit;k(),X(`metadata `,Cv(2,1,e))}}function qq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),X(`disabled: `,e)}}function Jq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit;k(),X(`at `,e.params.path)}}function Yq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(5);k(),Y(t.sourceText(e))}}function Xq(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,Jq,2,1,`span`,68),M(5,Yq,2,1,`span`,68),R()),e&2){let e=t.$implicit,n=G().$implicit,r=G(4);k(),X(` `,r.errorText(n.node,e),` `),k(2),Y(e.kind),k(),N(e.kind===`standardSchema`&&e.params?.path?4:-1),k(),N(e.source?5:-1)}}function Zq(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function Qq(e,t){if(e&1&&(L(0,`tr`)(1,`td`,69),J(2),R()()),e&2){let e=G().$implicit;k(),K(`padding-left`,28+e.depth*16,`px`),k(),Z(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function $q(e,t){if(e&1){let e=H();L(0,`tr`,58),U(`mouseenter`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return T(e),E(G(4).highlight(null,``))}),L(1,`th`,59)(2,`button`,60),U(`focus`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`blur`,function(){return T(e),E(G(4).highlight(null,``))})(`click`,function(){let t=T(e).$implicit;return E(G(4).toggleField(t.node.path))}),J(3),R(),L(4,`span`,61),J(5),R()(),L(6,`td`,62),M(7,Dq,5,5),R(),L(8,`td`,63),M(9,Oq,2,0,`span`,7)(10,kq,2,2,`span`,29),R(),L(11,`td`,64),M(12,Aq,2,0,`span`),M(13,jq,2,1,`span`),M(14,Mq,2,1,`span`),M(15,Nq,2,1,`span`,65),M(16,Pq,2,0,`span`,65),M(17,Fq,2,1,`span`),M(18,Iq,2,0,`span`),M(19,Lq,2,0,`span`),M(20,Rq,2,0,`span`),M(21,zq,2,1,`span`),M(22,Bq,2,0,`span`),M(23,Vq,2,0,`span`),M(24,Hq,2,0,`span`),P(25,Uq,2,1,`span`,null,Ag),M(27,Wq,2,1,`span`),M(28,Gq,2,1,`span`),P(29,Kq,3,3,`span`,null,kg),P(31,qq,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,Xq,6,4,`div`,null,kg),M(36,Zq,2,0,`div`,67),R()(),M(37,Qq,3,4,`tr`)}if(e&2){let e=t.$implicit,n=G(4);q(`invalid`,e.node.errors.length),k(),K(`padding-left`,12+e.depth*16,`px`),k(),j(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),k(),X(` `,e.node.key||`(form)`,` `),k(2),Y(e.node.type),k(2),N(e.node.type===`control`?7:-1),k(2),N(e.node.materialized===!1?9:10),k(3),N(e.node.touched?12:-1),k(),N(e.node.dirty?13:-1),k(),N(e.node.skipped?14:-1),k(),N(e.node.stale?.length?15:-1),k(),N(e.node.dom?.drift===void 0?-1:16),k(),N(e.node.redacted?17:-1),k(),N(e.node.required?18:-1),k(),N(e.node.readonly?19:-1),k(),N(e.node.hidden?20:-1),k(),N(e.node.updateOn?21:-1),k(),N(e.node.debouncing?22:-1),k(),N(e.node.validators?.sync?23:-1),k(),N(e.node.validators?.async?24:-1),k(),F(n.constraintList(e.node)),k(2),N(e.node.accessor?27:-1),k(),N(e.node.name?28:-1),k(),F(e.node.metadata??mv(28,iq)),k(2),F(e.node.disabledReasons??mv(29,iq)),k(3),F(e.node.errors),k(2),N(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),k(),N(e.node.truncated?37:-1)}}function eJ(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function tJ(e,t){e&1&&J(0,` No field matches the selected filters. `)}function nJ(e,t){if(e&1){let e=H();L(0,`button`,8),U(`click`,function(){T(e),G(2);let t=d_(2);return E(G(3).clearFilters(t))}),J(1,` Clear filters `),R()}}function rJ(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,eJ,1,1)(4,tJ,1,0),R(),M(5,nJ,2,0,`button`,71),R()()),e&2){let e=G(4);k(3),N(e.filter()?3:4),k(2),N(e.filtering()?5:-1)}}function iJ(e,t){if(e&1){let e=H();L(0,`app-forms-field-detail`,72),U(`closed`,function(){return T(e),E(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 aJ(e,t){if(e&1){let e=H();L(0,`div`,50)(1,`input`,51,0),U(`input`,function(t){return T(e),E(G(3).onFilter(t))})(`keydown.escape`,function(){return T(e),E(G(3).filter.set(``))}),R(),L(3,`fieldset`,52)(4,`legend`,22),J(5,`Show only fields that are`),R(),P(6,wq,3,2,`label`,null,aq),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,$q,38,30,null,null,oq,!1,rJ,6,2,`tr`),R()()(),M(28,iJ,1,4,`app-forms-field-detail`,57)}if(e&2){let e,t=G(3);k(),I(`value`,t.filter()),k(5),F(t.chips),k(3),Y(t.filterStatus()),k(16),F(t.rows()),k(3),N((e=t.selectedNode())?28:-1,e)}}function oJ(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 T(e),E(G(3).setRecording(t))}),R()}if(e&2){let e=G(3);I(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),k(),I(`events`,e.selectedEvents())(`recording`,e.recording())}}function sJ(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 cJ(e,t){if(e&1){let e=H();L(0,`app-forms-lint`,75),U(`showField`,function(t){return T(e),E(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 lJ(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,_q,2,1,`span`),M(16,vq,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,bq,6,1,`details`,31),z(25,`app-forms-webmcp`,32),L(26,`div`,33)(27,`div`,34)(28,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`touch-all`))}),J(29,` Touch all `),R(),L(30,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`revalidate`))}),J(31,` Revalidate `),R(),L(32,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`focus-first-invalid`))}),J(33,` Focus first invalid `),R(),L(34,`button`,8),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),J(35),R(),z(36,`span`,36),L(37,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`snapshot`))}),J(38,`Snapshot`),R(),M(39,xq,2,6,`button`,37),z(40,`span`,38),L(41,`button`,39),U(`click`,function(){return T(e),E(G(2).confirmAct(`reset`))}),J(42),R(),L(43,`button`,40),U(`click`,function(){return T(e),E(G(2).confirmAct(`submit`))}),J(44),R()(),M(45,Sq,2,1,`p`,41),L(46,`p`,42),J(47),R()(),L(48,`div`,43),U(`keydown`,function(t){return T(e),E(G(2).onKey(t))}),P(49,Cq,2,5,`button`,44,aq),R(),L(51,`div`,45),M(52,aJ,29,4)(53,oJ,2,4)(54,sJ,1,3,`app-forms-submit`,46)(55,cJ,1,3,`app-forms-lint`,46),R()()}if(e&2){let e,n=t,r=G(2);k(3),Y(n.label),k(2),X(` `,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),j(`data-status`,n.root.status),k(),Y(n.root.status),k(2),Y(n.root.dirty?`dirty`:`pristine`),k(2),Y(n.root.touched?`touched`:`untouched`),k(),N(n.submitted===void 0?-1:15),k(),N(n.root.submitting?16:-1),k(3),Y(r.counts().get(n.id)?.fields),k(2),q(`has-errors`,r.counts().get(n.id)?.errors),k(),Y(r.counts().get(n.id)?.errors),k(2),N(n.errorSummary?.length?24:-1),k(),I(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),k(3),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(2),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(4),q(`on`,r.picking()),j(`aria-pressed`,!!r.picking()),k(),X(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),k(4),N(r.snapshot()?39:-1),k(2),q(`armed`,r.armed()===`reset`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),k(),q(`armed`,r.armed()===`submit`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),k(),N(r.canWrite()?-1:45),k(2),Y(r.message()),k(2),F(r.tabs),k(2),I(`id`,`forms-panel-`+r.tab_()),j(`aria-labelledby`,`forms-tab-`+r.tab_()),k(),N((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function uJ(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,fq,3,1,`label`,12),L(7,`ul`,13),P(8,mq,12,10,`li`,null,aq),R()(),M(10,hq,7,2,`section`,14)(11,gq,7,1,`section`,14)(12,lJ,56,41,`section`,15),R()),e&2){let e,t=G();k(5),Y(t.visible().length),k(),N(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),k(2),F(t.visible()),k(2),N((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}var dJ=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],fJ=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function pJ(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 mJ(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+mJ(t),0)}function hJ(e){return e.children?e.children.reduce((e,t)=>e+hJ(t),0):+(e.type===`control`&&e.materialized!==!1)}var gJ=class e{rpc=$(null);focus=$(null);canWrite=Q(()=>rD(this.rpc(),`forms`));redactLabel=XE;writesOff=bE(`forms`);focusHandled=Rv();forms=O([]);webMcp=O([]);events=O([]);loading=O(!0);failed=O(!1);selectedId=O(null);selectedLabel=O(null);hostPageId=LE();allPages=O(!1);visible=Q(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>GE(e.id)===t):e});otherPages=Q(()=>this.forms().some(e=>GE(e.id)!==this.hostPageId));instrumented=O([]);recording=Q(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=O(``);tabs=dJ;chips=fJ;tab_=O(`fields`);active=O(new Set);filtering=Q(()=>!!this.filter()||this.active().size>0);filterStatus=O(``);version=O(0);message=O(``);webMcpPage(e){let t=GE(e);return this.webMcp().find(e=>e.pageId===t)}picking=O(null);pickSeq=0;unsubscribe=null;destroyRef=C(Ds);host=C(Il);injector=C(Ts);counts=Q(()=>new Map(this.visible().map(e=>[e.id,{fields:hJ(e.root),errors:mJ(e.root)}])));chosen=Q(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=GE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&GE(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=>pJ(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=O({});droppedEvents=Q(()=>{let e=this.selected()?.id;return e?this.dropped()[GE(e)]??0:0});maxEvents=Q(()=>nD(this.rpc()).limits.formTimeline);selectedEvents=Q(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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 QE(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($E(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&&QE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await QE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set($E(n))}selectForm(e){this.hostPageId&&GE(e)&&GE(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),Hd(()=>{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 QE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set($E(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=qE[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 KE[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=A({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,sq,4,0,`div`,1)(1,cq,7,0,`div`,2)(2,lq,4,0,`div`,1)(3,uq,5,0,`div`,3)(4,dq,7,2,`div`,3)(5,uJ,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:[aK,FK,mK,hK,rq,rk,gb],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},aq=()=>[],oq=(e,t)=>t.id,sq=(e,t)=>t.node.path;function cq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function lq(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function uq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function dq(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 fq(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 T(e),E(G().allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}if(e&2){let e=G();k(4),Z(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function pq(e,t){if(e&1){let e=H();L(0,`label`,12)(1,`input`,16),U(`change`,function(t){return T(e),E(G(2).allPages.set(t.target.checked))}),R(),J(2,` All pages `),R()}if(e&2){let e=G(2);k(),I(`checked`,e.allPages())}}function mq(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(k(),Y(t))}function hq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,17),U(`click`,function(){let t=T(e).$implicit;return E(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,mq,4,1,`span`,23),R()()}if(e&2){let e,n=t.$implicit,r=G(2);k(),q(`active`,n.id===r.selected()?.id),j(`aria-current`,n.id===r.selected()?.id?`true`:null),k(),j(`data-status`,n.root.status),k(),j(`title`,n.label),k(),Y(n.label),k(2),X(``,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),X(`, `,n.root.status),k(),N((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function gq(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(){T(e);let t=G(2);return E(t.selectForm(t.visible()[0].id))}),J(6),R()()}if(e&2){let e=G(2);k(2),Y(t),k(4),X(` Show `,e.visible()[0].label,` `)}}function _q(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 T(e),E(G(2).allPages.set(!0))}),J(6,` Show forms from all pages `),R()()}e&2&&(k(2),Y(t))}function vq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();k(),Y(e.submitted?`submitted`:`not submitted`)}}function yq(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function bq(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,47),U(`click`,function(){let t=T(e).$implicit;return E(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;k(5),Y(e.path||`(form)`),k(3),X(` `,e.message,` `),k(2),Y(e.kind)}}function xq(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,bq,11,3,`li`,null,kg),R()()),e&2){let e=G();k(2),X(`Error summary (`,e.errorSummary.length,`)`),k(2),F(e.errorSummary)}}function Sq(e,t){if(e&1){let e=H();L(0,`button`,35),U(`click`,function(){return T(e),E(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()),k(),X(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function Cq(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);k(),Y(e.writesOff)}}function wq(e,t){if(e&1){let e=H();L(0,`button`,49),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `)}}function Tq(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,16),U(`change`,function(){let t=T(e).$implicit;return E(G(4).toggleChip(t.id))}),R(),J(2),R()}if(e&2){let e=t.$implicit,n=G(4);k(),I(`checked`,n.active().has(e.id)),k(),X(` `,e.label,` `)}}function Eq(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;k(3),Y(Cv(4,1,e.node.uncommitted))}}function Dq(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;k(3),Y(Cv(4,1,e.node.defaultValue))}}function Oq(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,Eq,6,3,`div`,7),M(4,Dq,5,3,`div`,7)),e&2){let e=G().$implicit;k(),Y(Cv(2,3,e.node.value)),k(2),N(e.node.uncommitted===void 0?-1:3),k(),N(e.node.defaultValue===void 0?-1:4)}}function kq(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function Aq(e,t){if(e&1&&(L(0,`span`,29),J(1),R()),e&2){let e=G().$implicit;j(`data-status`,e.node.status),k(),Y(e.node.status)}}function jq(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function Mq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function Nq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`not validated (`,e.node.skipped,`)`)}}function Pq(e,t){if(e&1&&(L(0,`span`,65),J(1),R()),e&2){let e=G().$implicit;k(),X(`stale: `,e.node.stale.join(`, `))}}function Fq(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function Iq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),X(`redacted: `,t.redactLabel(e.node.redacted))}}function Lq(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function Rq(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function zq(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function Bq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`updates on `,e.node.updateOn)}}function Vq(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function Hq(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function Uq(e,t){e&1&&(L(0,`span`),J(1,`async validator`),R())}function Wq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Gq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.accessor)}}function Kq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`name `,e.node.name)}}function qq(e,t){if(e&1&&(L(0,`span`),J(1),xv(2,`json`),R()),e&2){let e=t.$implicit;k(),X(`metadata `,Cv(2,1,e))}}function Jq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),X(`disabled: `,e)}}function Yq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit;k(),X(`at `,e.params.path)}}function Xq(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(5);k(),Y(t.sourceText(e))}}function Zq(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,Yq,2,1,`span`,68),M(5,Xq,2,1,`span`,68),R()),e&2){let e=t.$implicit,n=G().$implicit,r=G(4);k(),X(` `,r.errorText(n.node,e),` `),k(2),Y(e.kind),k(),N(e.kind===`standardSchema`&&e.params?.path?4:-1),k(),N(e.source?5:-1)}}function Qq(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function $q(e,t){if(e&1&&(L(0,`tr`)(1,`td`,69),J(2),R()()),e&2){let e=G().$implicit;k(),K(`padding-left`,28+e.depth*16,`px`),k(),Z(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function eJ(e,t){if(e&1){let e=H();L(0,`tr`,58),U(`mouseenter`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return T(e),E(G(4).highlight(null,``))}),L(1,`th`,59)(2,`button`,60),U(`focus`,function(){let t=T(e).$implicit,n=G(2);return E(G(2).highlight(n.id,t.node.path))})(`blur`,function(){return T(e),E(G(4).highlight(null,``))})(`click`,function(){let t=T(e).$implicit;return E(G(4).toggleField(t.node.path))}),J(3),R(),L(4,`span`,61),J(5),R()(),L(6,`td`,62),M(7,Oq,5,5),R(),L(8,`td`,63),M(9,kq,2,0,`span`,7)(10,Aq,2,2,`span`,29),R(),L(11,`td`,64),M(12,jq,2,0,`span`),M(13,Mq,2,1,`span`),M(14,Nq,2,1,`span`),M(15,Pq,2,1,`span`,65),M(16,Fq,2,0,`span`,65),M(17,Iq,2,1,`span`),M(18,Lq,2,0,`span`),M(19,Rq,2,0,`span`),M(20,zq,2,0,`span`),M(21,Bq,2,1,`span`),M(22,Vq,2,0,`span`),M(23,Hq,2,0,`span`),M(24,Uq,2,0,`span`),P(25,Wq,2,1,`span`,null,Ag),M(27,Gq,2,1,`span`),M(28,Kq,2,1,`span`),P(29,qq,3,3,`span`,null,kg),P(31,Jq,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,Zq,6,4,`div`,null,kg),M(36,Qq,2,0,`div`,67),R()(),M(37,$q,3,4,`tr`)}if(e&2){let e=t.$implicit,n=G(4);q(`invalid`,e.node.errors.length),k(),K(`padding-left`,12+e.depth*16,`px`),k(),j(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),k(),X(` `,e.node.key||`(form)`,` `),k(2),Y(e.node.type),k(2),N(e.node.type===`control`?7:-1),k(2),N(e.node.materialized===!1?9:10),k(3),N(e.node.touched?12:-1),k(),N(e.node.dirty?13:-1),k(),N(e.node.skipped?14:-1),k(),N(e.node.stale?.length?15:-1),k(),N(e.node.dom?.drift===void 0?-1:16),k(),N(e.node.redacted?17:-1),k(),N(e.node.required?18:-1),k(),N(e.node.readonly?19:-1),k(),N(e.node.hidden?20:-1),k(),N(e.node.updateOn?21:-1),k(),N(e.node.debouncing?22:-1),k(),N(e.node.validators?.sync?23:-1),k(),N(e.node.validators?.async?24:-1),k(),F(n.constraintList(e.node)),k(2),N(e.node.accessor?27:-1),k(),N(e.node.name?28:-1),k(),F(e.node.metadata??mv(28,aq)),k(2),F(e.node.disabledReasons??mv(29,aq)),k(3),F(e.node.errors),k(2),N(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),k(),N(e.node.truncated?37:-1)}}function tJ(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function nJ(e,t){e&1&&J(0,` No field matches the selected filters. `)}function rJ(e,t){if(e&1){let e=H();L(0,`button`,8),U(`click`,function(){T(e),G(2);let t=d_(2);return E(G(3).clearFilters(t))}),J(1,` Clear filters `),R()}}function iJ(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,tJ,1,1)(4,nJ,1,0),R(),M(5,rJ,2,0,`button`,71),R()()),e&2){let e=G(4);k(3),N(e.filter()?3:4),k(2),N(e.filtering()?5:-1)}}function aJ(e,t){if(e&1){let e=H();L(0,`app-forms-field-detail`,72),U(`closed`,function(){return T(e),E(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 oJ(e,t){if(e&1){let e=H();L(0,`div`,50)(1,`input`,51,0),U(`input`,function(t){return T(e),E(G(3).onFilter(t))})(`keydown.escape`,function(){return T(e),E(G(3).filter.set(``))}),R(),L(3,`fieldset`,52)(4,`legend`,22),J(5,`Show only fields that are`),R(),P(6,Tq,3,2,`label`,null,oq),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,eJ,38,30,null,null,sq,!1,iJ,6,2,`tr`),R()()(),M(28,aJ,1,4,`app-forms-field-detail`,57)}if(e&2){let e,t=G(3);k(),I(`value`,t.filter()),k(5),F(t.chips),k(3),Y(t.filterStatus()),k(16),F(t.rows()),k(3),N((e=t.selectedNode())?28:-1,e)}}function sJ(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 T(e),E(G(3).setRecording(t))}),R()}if(e&2){let e=G(3);I(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),k(),I(`events`,e.selectedEvents())(`recording`,e.recording())}}function cJ(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 lJ(e,t){if(e&1){let e=H();L(0,`app-forms-lint`,75),U(`showField`,function(t){return T(e),E(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 uJ(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,vq,2,1,`span`),M(16,yq,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,xq,6,1,`details`,31),z(25,`app-forms-webmcp`,32),L(26,`div`,33)(27,`div`,34)(28,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`touch-all`))}),J(29,` Touch all `),R(),L(30,`button`,35),U(`click`,function(){return T(e),E(G(2).act(`revalidate`))}),J(31,` Revalidate `),R(),L(32,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`focus-first-invalid`))}),J(33,` Focus first invalid `),R(),L(34,`button`,8),U(`click`,function(){T(e);let t=G(2);return E(t.picking()?t.cancelPick():t.pick())}),J(35),R(),z(36,`span`,36),L(37,`button`,8),U(`click`,function(){return T(e),E(G(2).act(`snapshot`))}),J(38,`Snapshot`),R(),M(39,Sq,2,6,`button`,37),z(40,`span`,38),L(41,`button`,39),U(`click`,function(){return T(e),E(G(2).confirmAct(`reset`))}),J(42),R(),L(43,`button`,40),U(`click`,function(){return T(e),E(G(2).confirmAct(`submit`))}),J(44),R()(),M(45,Cq,2,1,`p`,41),L(46,`p`,42),J(47),R()(),L(48,`div`,43),U(`keydown`,function(t){return T(e),E(G(2).onKey(t))}),P(49,wq,2,5,`button`,44,oq),R(),L(51,`div`,45),M(52,oJ,29,4)(53,sJ,2,4)(54,cJ,1,3,`app-forms-submit`,46)(55,lJ,1,3,`app-forms-lint`,46),R()()}if(e&2){let e,n=t,r=G(2);k(3),Y(n.label),k(2),X(` `,r.kindLabel(n.kind),` · `),k(2),Y(n.id),k(2),j(`data-status`,n.root.status),k(),Y(n.root.status),k(2),Y(n.root.dirty?`dirty`:`pristine`),k(2),Y(n.root.touched?`touched`:`untouched`),k(),N(n.submitted===void 0?-1:15),k(),N(n.root.submitting?16:-1),k(3),Y(r.counts().get(n.id)?.fields),k(2),q(`has-errors`,r.counts().get(n.id)?.errors),k(),Y(r.counts().get(n.id)?.errors),k(2),N(n.errorSummary?.length?24:-1),k(),I(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),k(3),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(2),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(4),q(`on`,r.picking()),j(`aria-pressed`,!!r.picking()),k(),X(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),k(4),N(r.snapshot()?39:-1),k(2),q(`armed`,r.armed()===`reset`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),k(),q(`armed`,r.armed()===`submit`),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),k(),X(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),k(),N(r.canWrite()?-1:45),k(2),Y(r.message()),k(2),F(r.tabs),k(2),I(`id`,`forms-panel-`+r.tab_()),j(`aria-labelledby`,`forms-tab-`+r.tab_()),k(),N((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function dJ(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,pq,3,1,`label`,12),L(7,`ul`,13),P(8,hq,12,10,`li`,null,oq),R()(),M(10,gq,7,2,`section`,14)(11,_q,7,1,`section`,14)(12,uJ,56,41,`section`,15),R()),e&2){let e,t=G();k(5),Y(t.visible().length),k(),N(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),k(2),F(t.visible()),k(2),N((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}var fJ=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],pJ=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function mJ(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 hJ(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+hJ(t),0)}function gJ(e){return e.children?e.children.reduce((e,t)=>e+gJ(t),0):+(e.type===`control`&&e.materialized!==!1)}var _J=class e{rpc=$(null);focus=$(null);canWrite=Q(()=>rD(this.rpc(),`forms`));redactLabel=XE;writesOff=bE(`forms`);focusHandled=Rv();forms=O([]);webMcp=O([]);events=O([]);loading=O(!0);failed=O(!1);selectedId=O(null);selectedLabel=O(null);hostPageId=LE();allPages=O(!1);visible=Q(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>GE(e.id)===t):e});otherPages=Q(()=>this.forms().some(e=>GE(e.id)!==this.hostPageId));instrumented=O([]);recording=Q(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=O(``);tabs=fJ;chips=pJ;tab_=O(`fields`);active=O(new Set);filtering=Q(()=>!!this.filter()||this.active().size>0);filterStatus=O(``);version=O(0);message=O(``);webMcpPage(e){let t=GE(e);return this.webMcp().find(e=>e.pageId===t)}picking=O(null);pickSeq=0;unsubscribe=null;destroyRef=C(Ds);host=C(Il);injector=C(Ts);counts=Q(()=>new Map(this.visible().map(e=>[e.id,{fields:gJ(e.root),errors:hJ(e.root)}])));chosen=Q(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=GE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&GE(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=>mJ(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=O({});droppedEvents=Q(()=>{let e=this.selected()?.id;return e?this.dropped()[GE(e)]??0:0});maxEvents=Q(()=>nD(this.rpc()).limits.formTimeline);selectedEvents=Q(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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 QE(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($E(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&&QE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await QE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set($E(n))}selectForm(e){this.hostPageId&&GE(e)&&GE(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),Hd(()=>{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 QE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set($E(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=qE[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 KE[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=A({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,cq,4,0,`div`,1)(1,lq,7,0,`div`,2)(2,uq,4,0,`div`,1)(3,dq,5,0,`div`,3)(4,fq,7,2,`div`,3)(5,dJ,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:[oK,IK,hK,gK,iq,rk,gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -11919,7 +11919,7 @@ code[_ngcontent-%COMP%] {
    .divider[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},_J=[`filterInput`],vJ=(e,t)=>t.file+t.name,yJ=(e,t)=>t.file+`:`+t.line,bJ=(e,t)=>t.name;function xJ(e,t){e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),L(4,`span`),J(5),R()()),e&2&&(k(5),Y(t))}function SJ(e,t){if(e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),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();k(6),X(`Recording on `,e.instrumentedPages().length,` page(s).`)}}function CJ(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function wJ(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 T(e),E(G().refresh())}),J(6,`Try again`),R()()}}function TJ(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 EJ(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function DJ(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function OJ(e,t){if(e&1){let e=H();L(0,`div`,33),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,39),R(),_s(),L(4,`span`),M(5,EJ,1,0)(6,DJ,1,0),R(),L(7,`button`,11),U(`click`,function(){return T(e),E(G(2).refresh())}),J(8,`Try again`),R()()}if(e&2){let e=G(2);k(5),N(e.pipes().length?5:6),k(2),I(`disabled`,e.loading())}}function kJ(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function AJ(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){G();let e=fv(0);k(),X(``,e.instanceCount,` live`)}}function jJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function MJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function NJ(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function PJ(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function FJ(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function IJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),X(`+`,(e.usageCount??1)-1,` more`)}}function LJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function RJ(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,41),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))})(`focus`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`blur`,function(){return T(e),E(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,kJ,2,0,`span`,46),M(10,AJ,2,1,`span`,47),M(11,jJ,2,0,`span`,48),M(12,MJ,2,0,`span`,48),M(13,NJ,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,PJ,2,0,`span`,50)(18,FJ,1,2),M(19,IJ,2,1,`span`,51)(20,LJ,2,2,`span`,51),R()()()}if(e&2){let e=t.$implicit,n=G(3),r=dv(n.liveFor(e.name));k(2),q(`selected`,n.isSelected(e)),j(`aria-current`,n.isSelected(e)||null),k(3),Y(e.name),k(2),Y(e.className),k(2),N(r?.stale?9:-1),k(),N(r?10:-1),k(),N(e.builtin?11:-1),k(),N(e.runtime?12:-1),k(),N(e.isStandalone?-1:13),k(),q(`impure`,!e.isPure),k(),Y(e.isPure?`pure`:`impure`),k(2),N(e.runtime?17:18),k(2),N(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function zJ(e,t){if(e&1){let e=H();L(0,`ul`,40),U(`keydown`,function(t){return T(e),E(G(2).onListKey(t))}),P(1,RJ,21,16,`li`,null,vJ),R()}if(e&2){let e=G(2);k(),F(e.filtered())}}function BJ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function VJ(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function HJ(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,BJ,1,1)(5,VJ,1,0),R(),L(6,`button`,32),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(7,`Clear filters`),R()()}if(e&2){let e=G(2);k(4),N(e.filter().trim()?4:5)}}function UJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function WJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function GJ(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();k(3),I(`file`,e.file)(`line`,e.line)}}function KJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Standalone`),R(),L(2,`dd`),J(3),R()),e&2){let e=G();k(3),Y(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function qJ(e,t){if(e&1&&(L(0,`li`,55),z(1,`app-source-link`,57),R()),e&2){let e=t.$implicit;k(),I(`file`,e.file)(`line`,e.line)}}function JJ(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,qJ,2,2,`li`,55,yJ),R()()),e&2){let e=G();k(4),Y(e.usageCount),k(2),F(e.usages)}}function YJ(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 XJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(5).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(5).highlight(t))})(`mouseleave`,function(){return T(e),E(G(5).highlight(null))})(`focus`,function(){let t=T(e);return E(G(5).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.name),k(2),Y(e.count)}}function ZJ(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;k(2),Y(e.name),k(2),Y(e.count)}}function QJ(e,t){if(e&1&&(L(0,`li`),M(1,XJ,5,3,`button`,62)(2,ZJ,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;k(),N((e=n.targets?.[0])?1:2,e)}}function $J(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);k(3),rv(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function eY(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);k(),Y(e.lastError)}}function tY(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,eY,2,1,`span`,66),R()),e&2){let e=G();k(3),X(` `,e.errorCount,` `),k(),N(e.lastError?4:-1)}}function nY(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(7).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(7).highlight(t))})(`mouseleave`,function(){return T(e),E(G(7).highlight(null))})(`focus`,function(){let t=T(e);return E(G(7).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.component)}}function rY(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.component)}}function iY(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(6);k(),Y(t.ms(e.totalMs))}}function aY(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.lastCaller)}}function oY(e,t){if(e&1&&(L(0,`li`,67),M(1,nY,3,2,`button`,62)(2,rY,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,iY,2,1,`span`,68),R(),M(8,aY,2,1,`span`,69),R()),e&2){let e,n=t.$implicit,r=G(6);k(),N((e=n.target)?1:2,e),k(3),Z(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),k(2),X(``,n.callCount,`×`),k(),N(n.totalMs===void 0?-1:7),k(),N(n.lastCaller?8:-1)}}function sY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function cY(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,oY,9,6,`li`,67,kg),R(),M(6,sY,2,2,`p`,61),R()),e&2){let e=G();k(4),F(e.instances),k(2),N(e.instanceTotal?6:-1)}}function lY(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();k(3),Y(e.lastCaller)}}function uY(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,$J,4,3),M(5,tY,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,cY,7,1),M(15,lY,4,1)),e&2){let e=t,n=G(4);k(3),Y(e.callCount),k(),N(e.totalMs===void 0?-1:4),k(),N(e.errorCount?5:-1),k(4),Y(n.describe(e.lastArgs)),k(4),Y(n.describe(e.lastResult)),k(),N(e.instances?.length?14:-1),k(),N(e.lastCaller?15:-1)}}function dY(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function fY(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 pY(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function mY(e,t){if(e&1&&(M(0,YJ,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,QJ,3,1,`li`,null,bJ),R()(),M(12,uY,16,7)(13,dY,4,0),R(),M(14,fY,2,0,`p`,61),M(15,pY,2,0,`p`,61)),e&2){let e,n=t,r=G(3);N(n.stale?0:-1),k(5),Y(n.instanceCount),k(5),F(n.components),k(2),N((e=n.call)?12:r.instrumenting()?13:-1,e),k(2),N(n.staleCheck===`unavailable`?14:-1),k(),N(!n.call&&!r.instrumenting()?15:-1)}}function hY(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 gY(e,t){if(e&1&&(L(0,`header`,52)(1,`h2`,53),J(2),R(),L(3,`span`,48),J(4),R(),M(5,UJ,2,0,`span`,48),M(6,WJ,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,GJ,4,2),M(20,KJ,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,JJ,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,mY,16,5)(30,hY,2,0,`p`,56),R()),e&2){let e,n=t,r=G(2);k(2),Y(n.name),k(),q(`impure`,!n.isPure),k(),Y(n.isPure?`pure`:`impure`),k(),N(n.builtin?5:-1),k(),N(n.runtime?6:-1),k(8),Y(n.className),k(4),Y(r.sourceLabel(n)),k(),N(!n.builtin&&!n.runtime?19:-1),k(),N(n.runtime?-1:20),k(4),X(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),k(),N(n.usages?.length?25:-1),k(4),N((e=r.liveFor(n.name))?29:30,e)}}function _Y(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 vY(e,t){if(e&1&&(M(0,OJ,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,zJ,3,0,`ul`,36)(4,HJ,8,1,`div`,37),R(),L(5,`section`,38),M(6,gY,31,13)(7,_Y,7,0),R()()),e&2){let e,t=G();N(t.loadFailed()?0:-1),k(3),N(t.filtered().length?3:4),k(3),N((e=t.selected())?6:7,e)}}function yY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function bY(e,t){if(e&1){let e=H();L(0,`button`,80),U(`click`,function(){let t=T(e);return E(G(3).highlight(t))})(`focus`,function(){let t=T(e);return E(G(3).highlight(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))}),J(1),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),k(),X(` `,e.component,` `)}}function xY(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function SY(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function CY(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function wY(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function TY(e,t){if(e&1){let e=H();L(0,`li`,76),U(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.target))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,bY,2,2,`button`,77)(2,xY,2,1,`span`,78),M(3,SY,2,0,`span`,48),M(4,CY,2,0,`span`,46),M(5,wY,2,0,`span`,46),L(6,`span`,79),J(7),R()()}if(e&2){let e,n=t.$implicit;k(),N((e=n.target)?1:2,e),k(2),N(n.hasSource?-1:3),k(),N(n.duplicate?4:-1),k(),N(n.resubscribing?5:-1),k(2),Y(n.latestValue??`no value yet`)}}function EY(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,yY,2,2,`p`,61),L(14,`ul`,74),P(15,TY,8,5,`li`,75,kg),R()()),e&2){let e,t=G();k(4),Y(t.async().length),k(9),N((e=t.asyncTotal())?13:-1,e),k(2),F(t.async())}}function DY(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(k(),Y(t.length))}function OY(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function kY(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function AY(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function jY(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e),G();let t=fv(6);return E(G(2).showPipe(t))}),L(1,`span`,91),J(2,`Show pipe `),R(),J(3),R()}if(e&2){let e=G().$implicit;k(3),X(``,e.pipe,` `)}}function MY(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function NY(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,jY,4,1,`button`,86)(9,MY,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;k(2),j(`data-tone`,e.severity),k(),Y(e.severity),k(2),Y(e.rule),k();let n=dv(G(2).pipeFor(e));k(2),N(n?8:9),k(3),I(`file`,e.file)(`line`,e.line),k(2),Y(e.message),k(4),X(` `,e.fix)}}function PY(e,t){if(e&1&&(L(0,`ul`,25),P(1,NY,18,9,`li`,81,kg),R()),e&2){let e=G();k(),F(e.lint())}}var FY=5e3,IY=[{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`}],LY=class e{destroyRef=C(Ds);host=C(Il);injector=C(Ts);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=IY;pipes=O([]);filter=O(``);kind=O(`all`);loading=O(!1);loadFailed=O(!1);selected=O(null);live=O([]);async=O([]);asyncTotal=O(void 0);lint=O(null);lintFailed=O(!1);instrumentedPages=O([]);instrumenting=Q(()=>this.instrumentedPages().length>0);pendingRecord=O(null);recordMessage=O(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(){mc(()=>{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=LE(),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:LE()??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.`)},FY)}}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),Hd(()=>{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=A({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,_J,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),D(),L(4,`svg`,4),z(5,`circle`,5)(6,`path`,6),R(),_s(),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 T(e),sv(t.kind,n)||(t.kind=n),E(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,xJ,6,1,`p`,14),M(19,SJ,8,1,`p`,14),M(20,CJ,4,0,`div`,15)(21,wJ,7,0,`div`,16)(22,TJ,5,0,`div`,17)(23,vY,8,3),M(24,EY,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,DY,2,1,`span`,21),R(),M(29,OY,2,0,`p`,22)(30,kY,2,0,`p`,23)(31,AY,2,0,`p`,24)(32,PY,3,0,`ul`,25),R()}if(e&2){let e,n;k(7),I(`value`,t.filter()),k(2),I(`options`,t.kindOptions),ov(`value`,t.kind),k(2),Z(``,t.filtered().length,` of `,t.allPipes().length),k(2),I(`disabled`,t.loading()),k(2),q(`on`,t.instrumenting()),j(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),k(2),X(` `,t.recordLabel(),` `),k(),N((e=t.recordMessage())?18:-1,e),k(),N(t.instrumenting()?19:-1),k(),N(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),k(4),N(t.async().length>0?24:-1),k(4),N((n=t.lint())?28:-1,n),k(),N(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[OO,uM],styles:[`[_nghost-%COMP%] {
+}`]})},vJ=[`filterInput`],yJ=(e,t)=>t.file+t.name,bJ=(e,t)=>t.file+`:`+t.line,xJ=(e,t)=>t.name;function SJ(e,t){e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),L(4,`span`),J(5),R()()),e&2&&(k(5),Y(t))}function CJ(e,t){if(e&1&&(L(0,`p`,14),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,28),R(),_s(),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();k(6),X(`Recording on `,e.instrumentedPages().length,` page(s).`)}}function wJ(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function TJ(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 T(e),E(G().refresh())}),J(6,`Try again`),R()()}}function EJ(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 DJ(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function OJ(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function kJ(e,t){if(e&1){let e=H();L(0,`div`,33),D(),L(1,`svg`,26),z(2,`circle`,27)(3,`path`,39),R(),_s(),L(4,`span`),M(5,DJ,1,0)(6,OJ,1,0),R(),L(7,`button`,11),U(`click`,function(){return T(e),E(G(2).refresh())}),J(8,`Try again`),R()()}if(e&2){let e=G(2);k(5),N(e.pipes().length?5:6),k(2),I(`disabled`,e.loading())}}function AJ(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function jJ(e,t){if(e&1&&(L(0,`span`,47),J(1),R()),e&2){G();let e=fv(0);k(),X(``,e.instanceCount,` live`)}}function MJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function NJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function PJ(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function FJ(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function IJ(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function LJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),X(`+`,(e.usageCount??1)-1,` more`)}}function RJ(e,t){if(e&1&&(L(0,`span`,51),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function zJ(e,t){if(e&1){let e=H();uv(0),L(1,`li`)(2,`button`,41),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`mouseenter`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))})(`focus`,function(){T(e);let t=fv(0);return E(G(3).highlightPipe(t))})(`blur`,function(){return T(e),E(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,AJ,2,0,`span`,46),M(10,jJ,2,1,`span`,47),M(11,MJ,2,0,`span`,48),M(12,NJ,2,0,`span`,48),M(13,PJ,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,FJ,2,0,`span`,50)(18,IJ,1,2),M(19,LJ,2,1,`span`,51)(20,RJ,2,2,`span`,51),R()()()}if(e&2){let e=t.$implicit,n=G(3),r=dv(n.liveFor(e.name));k(2),q(`selected`,n.isSelected(e)),j(`aria-current`,n.isSelected(e)||null),k(3),Y(e.name),k(2),Y(e.className),k(2),N(r?.stale?9:-1),k(),N(r?10:-1),k(),N(e.builtin?11:-1),k(),N(e.runtime?12:-1),k(),N(e.isStandalone?-1:13),k(),q(`impure`,!e.isPure),k(),Y(e.isPure?`pure`:`impure`),k(2),N(e.runtime?17:18),k(2),N(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function BJ(e,t){if(e&1){let e=H();L(0,`ul`,40),U(`keydown`,function(t){return T(e),E(G(2).onListKey(t))}),P(1,zJ,21,16,`li`,null,yJ),R()}if(e&2){let e=G(2);k(),F(e.filtered())}}function VJ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function HJ(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function UJ(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,VJ,1,1)(5,HJ,1,0),R(),L(6,`button`,32),U(`click`,function(){return T(e),E(G(2).clearFilters())}),J(7,`Clear filters`),R()()}if(e&2){let e=G(2);k(4),N(e.filter().trim()?4:5)}}function WJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function GJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function KJ(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();k(3),I(`file`,e.file)(`line`,e.line)}}function qJ(e,t){if(e&1&&(L(0,`dt`),J(1,`Standalone`),R(),L(2,`dd`),J(3),R()),e&2){let e=G();k(3),Y(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function JJ(e,t){if(e&1&&(L(0,`li`,55),z(1,`app-source-link`,57),R()),e&2){let e=t.$implicit;k(),I(`file`,e.file)(`line`,e.line)}}function YJ(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,JJ,2,2,`li`,55,bJ),R()()),e&2){let e=G();k(4),Y(e.usageCount),k(2),F(e.usages)}}function XJ(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 ZJ(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(5).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(5).highlight(t))})(`mouseleave`,function(){return T(e),E(G(5).highlight(null))})(`focus`,function(){let t=T(e);return E(G(5).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.name),k(2),Y(e.count)}}function QJ(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;k(2),Y(e.name),k(2),Y(e.count)}}function $J(e,t){if(e&1&&(L(0,`li`),M(1,ZJ,5,3,`button`,62)(2,QJ,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;k(),N((e=n.targets?.[0])?1:2,e)}}function eY(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);k(3),rv(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function tY(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);k(),Y(e.lastError)}}function nY(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,tY,2,1,`span`,66),R()),e&2){let e=G();k(3),X(` `,e.errorCount,` `),k(),N(e.lastError?4:-1)}}function rY(e,t){if(e&1){let e=H();L(0,`button`,64),U(`click`,function(){let t=T(e);return E(G(7).highlight(t,!0))})(`mouseenter`,function(){let t=T(e);return E(G(7).highlight(t))})(`mouseleave`,function(){return T(e),E(G(7).highlight(null))})(`focus`,function(){let t=T(e);return E(G(7).highlight(t))})(`blur`,function(){return T(e),E(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`),k(2),Y(e.component)}}function iY(e,t){if(e&1&&(L(0,`span`,63)(1,`span`,55),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.component)}}function aY(e,t){if(e&1&&(L(0,`span`,68),J(1),R()),e&2){let e=G().$implicit,t=G(6);k(),Y(t.ms(e.totalMs))}}function oY(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.lastCaller)}}function sY(e,t){if(e&1&&(L(0,`li`,67),M(1,rY,3,2,`button`,62)(2,iY,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,aY,2,1,`span`,68),R(),M(8,oY,2,1,`span`,69),R()),e&2){let e,n=t.$implicit,r=G(6);k(),N((e=n.target)?1:2,e),k(3),Z(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),k(2),X(``,n.callCount,`×`),k(),N(n.totalMs===void 0?-1:7),k(),N(n.lastCaller?8:-1)}}function cY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function lY(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,sY,9,6,`li`,67,kg),R(),M(6,cY,2,2,`p`,61),R()),e&2){let e=G();k(4),F(e.instances),k(2),N(e.instanceTotal?6:-1)}}function uY(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();k(3),Y(e.lastCaller)}}function dY(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,eY,4,3),M(5,nY,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,lY,7,1),M(15,uY,4,1)),e&2){let e=t,n=G(4);k(3),Y(e.callCount),k(),N(e.totalMs===void 0?-1:4),k(),N(e.errorCount?5:-1),k(4),Y(n.describe(e.lastArgs)),k(4),Y(n.describe(e.lastResult)),k(),N(e.instances?.length?14:-1),k(),N(e.lastCaller?15:-1)}}function fY(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function pY(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 mY(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function hY(e,t){if(e&1&&(M(0,XJ,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,$J,3,1,`li`,null,xJ),R()(),M(12,dY,16,7)(13,fY,4,0),R(),M(14,pY,2,0,`p`,61),M(15,mY,2,0,`p`,61)),e&2){let e,n=t,r=G(3);N(n.stale?0:-1),k(5),Y(n.instanceCount),k(5),F(n.components),k(2),N((e=n.call)?12:r.instrumenting()?13:-1,e),k(2),N(n.staleCheck===`unavailable`?14:-1),k(),N(!n.call&&!r.instrumenting()?15:-1)}}function gY(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 _Y(e,t){if(e&1&&(L(0,`header`,52)(1,`h2`,53),J(2),R(),L(3,`span`,48),J(4),R(),M(5,WJ,2,0,`span`,48),M(6,GJ,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,KJ,4,2),M(20,qJ,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,YJ,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,hY,16,5)(30,gY,2,0,`p`,56),R()),e&2){let e,n=t,r=G(2);k(2),Y(n.name),k(),q(`impure`,!n.isPure),k(),Y(n.isPure?`pure`:`impure`),k(),N(n.builtin?5:-1),k(),N(n.runtime?6:-1),k(8),Y(n.className),k(4),Y(r.sourceLabel(n)),k(),N(!n.builtin&&!n.runtime?19:-1),k(),N(n.runtime?-1:20),k(4),X(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),k(),N(n.usages?.length?25:-1),k(4),N((e=r.liveFor(n.name))?29:30,e)}}function vY(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 yY(e,t){if(e&1&&(M(0,kJ,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,BJ,3,0,`ul`,36)(4,UJ,8,1,`div`,37),R(),L(5,`section`,38),M(6,_Y,31,13)(7,vY,7,0),R()()),e&2){let e,t=G();N(t.loadFailed()?0:-1),k(3),N(t.filtered().length?3:4),k(3),N((e=t.selected())?6:7,e)}}function bY(e,t){if(e&1&&(L(0,`p`,61),J(1),R()),e&2){let e=G(2);k(),Z(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function xY(e,t){if(e&1){let e=H();L(0,`button`,80),U(`click`,function(){let t=T(e);return E(G(3).highlight(t))})(`focus`,function(){let t=T(e);return E(G(3).highlight(t))})(`blur`,function(){return T(e),E(G(3).highlight(null))}),J(1),R()}if(e&2){let e=G().$implicit;j(`aria-label`,`Highlight `+e.component+` on the page`),k(),X(` `,e.component,` `)}}function SY(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function CY(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function wY(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function TY(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function EY(e,t){if(e&1){let e=H();L(0,`li`,76),U(`mouseenter`,function(){let t=T(e).$implicit;return E(G(2).highlight(t.target))})(`mouseleave`,function(){return T(e),E(G(2).highlight(null))}),M(1,xY,2,2,`button`,77)(2,SY,2,1,`span`,78),M(3,CY,2,0,`span`,48),M(4,wY,2,0,`span`,46),M(5,TY,2,0,`span`,46),L(6,`span`,79),J(7),R()()}if(e&2){let e,n=t.$implicit;k(),N((e=n.target)?1:2,e),k(2),N(n.hasSource?-1:3),k(),N(n.duplicate?4:-1),k(),N(n.resubscribing?5:-1),k(2),Y(n.latestValue??`no value yet`)}}function DY(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,bY,2,2,`p`,61),L(14,`ul`,74),P(15,EY,8,5,`li`,75,kg),R()()),e&2){let e,t=G();k(4),Y(t.async().length),k(9),N((e=t.asyncTotal())?13:-1,e),k(2),F(t.async())}}function OY(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(k(),Y(t.length))}function kY(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function AY(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function jY(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function MY(e,t){if(e&1){let e=H();L(0,`button`,90),U(`click`,function(){T(e),G();let t=fv(6);return E(G(2).showPipe(t))}),L(1,`span`,91),J(2,`Show pipe `),R(),J(3),R()}if(e&2){let e=G().$implicit;k(3),X(``,e.pipe,` `)}}function NY(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function PY(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,MY,4,1,`button`,86)(9,NY,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;k(2),j(`data-tone`,e.severity),k(),Y(e.severity),k(2),Y(e.rule),k();let n=dv(G(2).pipeFor(e));k(2),N(n?8:9),k(3),I(`file`,e.file)(`line`,e.line),k(2),Y(e.message),k(4),X(` `,e.fix)}}function FY(e,t){if(e&1&&(L(0,`ul`,25),P(1,PY,18,9,`li`,81,kg),R()),e&2){let e=G();k(),F(e.lint())}}var IY=5e3,LY=[{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`}],RY=class e{destroyRef=C(Ds);host=C(Il);injector=C(Ts);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=LY;pipes=O([]);filter=O(``);kind=O(`all`);loading=O(!1);loadFailed=O(!1);selected=O(null);live=O([]);async=O([]);asyncTotal=O(void 0);lint=O(null);lintFailed=O(!1);instrumentedPages=O([]);instrumenting=Q(()=>this.instrumentedPages().length>0);pendingRecord=O(null);recordMessage=O(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(){mc(()=>{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=LE(),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:LE()??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.`)},IY)}}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),Hd(()=>{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=A({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&l_(t.filterInput,vJ,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),D(),L(4,`svg`,4),z(5,`circle`,5)(6,`path`,6),R(),_s(),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 T(e),sv(t.kind,n)||(t.kind=n),E(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,SJ,6,1,`p`,14),M(19,CJ,8,1,`p`,14),M(20,wJ,4,0,`div`,15)(21,TJ,7,0,`div`,16)(22,EJ,5,0,`div`,17)(23,yY,8,3),M(24,DY,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,OY,2,1,`span`,21),R(),M(29,kY,2,0,`p`,22)(30,AY,2,0,`p`,23)(31,jY,2,0,`p`,24)(32,FY,3,0,`ul`,25),R()}if(e&2){let e,n;k(7),I(`value`,t.filter()),k(2),I(`options`,t.kindOptions),ov(`value`,t.kind),k(2),Z(``,t.filtered().length,` of `,t.allPipes().length),k(2),I(`disabled`,t.loading()),k(2),q(`on`,t.instrumenting()),j(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),k(2),X(` `,t.recordLabel(),` `),k(),N((e=t.recordMessage())?18:-1,e),k(),N(t.instrumenting()?19:-1),k(),N(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),k(4),N(t.async().length>0?24:-1),k(4),N((n=t.lint())?28:-1,n),k(),N(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[OO,uM],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -12680,7 +12680,7 @@ button.pipe-link[_ngcontent-%COMP%]:focus-visible {
   .spinner[_ngcontent-%COMP%] {
     animation: none;
   }
-}`]})},RY=()=>[],zY=()=>[`/`],BY=(e,t)=>t.id,VY=(e,t)=>t.route.id,HY=(e,t)=>t[0],UY=(e,t)=>t.file+t.method,WY=(e,t)=>t.path,GY=(e,t)=>t.mode,KY=(e,t)=>t.file,qY=(e,t)=>t.rule;function JY(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function YY(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function XY(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 ZY(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;k(3),I(`title`,e.url),k(),Y(e.url)}}function QY(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `),k(),j(`data-tone`,e.tone),k(),Y(e.count)}}function $Y(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(k(),Y(t))}function eX(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),k(),Y(t.short(e.file))}}function tX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.fullPath)}}function nX(e,t){if(e&1&&(L(0,`li`),M(1,eX,2,2,`app-source-link`,34)(2,tX,2,1,`span`,31),L(3,`span`,35),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(2),j(`data-kind`,e.kind),k(),Y(e.kind)}}function rX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Z(``,e[0],` = `,e[1])}}function iX(e,t){if(e&1&&(L(0,`div`,33),P(1,rX,2,2,`span`,36,HY),R()),e&2){let e=G(2),t=G(3);k(),F(t.paramList(e.match.params))}}function aX(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,nX,5,3,`li`,null,BY),R(),M(6,iX,3,0,`div`,33)),e&2){let e=G(),t=G(3);k(),Y(e.url),k(3),F(e.match.chain),k(2),N(t.paramList(e.match.params).length?6:-1)}}function oX(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),k(),Y(t.short(e.file))}}function sX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function cX(e,t){if(e&1&&(L(0,`li`),M(1,oX,2,2,`app-source-link`,34)(2,sX,2,1,`span`,31),L(3,`span`,4),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(3),Y(e.reason)}}function lX(e,t){if(e&1&&(L(0,`ul`,37),P(1,cX,5,2,`li`,null,kg),R()),e&2){let e=G(2);k(),F(e.match.rejected.slice(0,5))}}function uX(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,lX,3,0,`ul`,37)),e&2){let e=G();k(),Y(e.url),k(2),N(e.match.rejected.length?3:-1)}}function dX(e,t){if(e&1&&(L(0,`div`,27),M(1,aX,7,2)(2,uX,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),k(),N(e.match.matched?1:2)}}function fX(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function pX(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function mX(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),k(2),Y(t.dir(e.route.file)),k(),Y(t.base(e.route.file))}}function hX(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function gX(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;k(),X(``,e,`()`)}}function _X(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;k(),X(`"`,e.route.title,`"`)}}function vX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;k(),Y(e)}}function yX(e,t){if(e&1&&M(0,vX,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function bX(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,fX,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,pX,2,0,`span`,41),R()(),L(9,`td`),M(10,mX,4,3,`app-source-link`,42)(11,hX,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,gX,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,_X,2,1,`span`,45),P(18,yX,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`),k(2),K(`padding-left`,e.depth*16,`px`),k(),N(e.depth?3:-1),k(2),Y(e.route.fullPath),k(),j(`data-kind`,e.route.kind),k(),Y(n.kindText(e.route)),k(),N(n.isOpen(e.route)?8:-1),k(2),N(e.route.file?10:11),k(4),F(n.serverExports(e.route)),k(3),N(e.route.title?17:-1),k(),F(e.route.routeMeta??mv(13,RY))}}function xX(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function SX(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function CX(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,xX,1,0)(3,SX,1,0),R()()),e&2){let e=G(3);k(2),N(e.filter().trim()?2:3)}}function wX(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`form`,19),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.explain())}),L(2,`label`,20),J(3,`Test a URL`),R(),L(4,`input`,21),U(`input`,function(t){return T(e),E(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 T(e),E(G(2).filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).filter.set(``))}),R()(),L(10,`div`,25),M(11,$Y,2,1,`div`,26)(12,dX,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,bX,20,14,`tr`,30,VY,!1,CX,4,1,`tr`),R()()()}if(e&2){let e,t=G(2);k(4),I(`value`,t.testUrl()),k(),I(`disabled`,t.explaining()),k(),X(` `,t.explaining()?`Explaining…`:`Explain`,` `),k(3),I(`value`,t.filter()),k(2),N((e=t.explainError())?11:(e=t.explained())?12:-1,e),k(15),F(t.routeRows())}}function TX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function EX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`load() ran twice`),R(),J(3,` for `),P(4,TX,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);k(4),F(e.duplicates())}}function DX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function OX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,DX,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);k(4),F(e.refetchedFns())}}function kX(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,80),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`checked`,n.kind()===e),j(`data-kind`,e),k(),X(` `,n.kindLabel(e),` `),k(2),Y(n.kindCount(e))}}function AX(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function jX(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 MX(e,t){if(e&1&&(L(0,`p`,66),M(1,AX,1,2),M(2,jX,1,1),R()),e&2){let e=G(3);k(),N(e.shownCount()<e.matchingCalls().length?1:-1),k(),N(e.serverFull()?2:-1)}}function NX(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),k(),Y(t.short(e.file))}}function PX(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,NX,2,2,`app-source-link`,88)),e&2){let e=t;k(),Y(e.name),k(),N(e.file?2:-1)}}function FX(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.url)}}function IX(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function LX(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function RX(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,LX,1,1),R()),e&2){let e=G().$implicit,t=G(4);j(`data-tone`,t.outcomeTone(e.outcome)),k(),X(``,t.outcomeLabel(e.outcome),` `),k(),N(e.location?2:-1)}}function zX(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`),k(),Y(e.render===`ssr`?`server rendered`:`client only`)}}function BX(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);k(4),Y(t.pretty(e.preview))}}function VX(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function HX(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.ms,` ms `)}}function UX(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,PX,3,2)(11,FX,2,1,`span`,85),M(12,IX,2,0,`span`,35),M(13,RX,3,3,`span`,35),M(14,zX,2,2,`span`,35),R(),M(15,BX,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,VX,2,0,`span`,4)(21,HX,1,1),R(),L(22,`td`,4),J(23),R()()),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(r.time(n.at)),k(2),j(`data-call`,n.kind),k(),Y(r.kindLabel(n.kind)),k(3),j(`data-method`,n.method),k(),Y(n.method),k(),N((e=r.fnOf(n))?10:11,e),k(2),N(n.seeded?12:-1),k(),N(n.outcome?13:-1),k(),N(n.render?14:-1),k(),N(n.preview?15:-1),k(2),j(`data-status`,r.statusClass(n.status)),k(),Y(n.status),k(2),N(n.seeded?20:21),k(3),Y(n.from)}}function WX(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,UX,24,14,`tr`,null,BY),R()()()),e&2){let e=G(3);k(17),F(e.calls())}}function GX(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function KX(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function qX(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,GX,1,1)(5,KX,1,1),R(),L(6,`div`,91)(7,`button`,92),U(`click`,function(){return T(e),E(G(3).clearCallFilters())}),J(8,` Clear filters `),R()()()}if(e&2){let e=G(3);k(4),N(e.callQuery().trim()?4:5)}}function JX(e,t){e&1&&J(0,` No calls of this kind yet. `)}function YX(e,t){e&1&&J(0,` No calls yet. `)}function XX(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,JX,1,0)(3,YX,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);k(2),N(e.allCalls().length?2:3)}}function ZX(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=T(e).$implicit;return E(G(3).tryApi(t))}),J(13,` Try `),R()()()}if(e&2){let e=t.$implicit,n=G(3);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.path),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),j(`aria-label`,`Try `+e.method+` `+e.path)}}function QX(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 $X(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);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.name),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),Y(n.fnCalls(e.id))}}function eZ(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,$X,13,7,`tr`,null,BY),R()()()),e&2){let e=G(3);k(15),F(e.serverFns())}}function tZ(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);k(),Y(e.callsOff)}}function nZ(e,t){if(e&1&&(L(0,`p`,77),J(1),R()),e&2){let e=G(3);k(),X(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function rZ(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 T(e),E(G(3).apiBody.set(t.target.value))}),R(),L(3,`label`,98)(4,`input`,64),U(`change`,function(){T(e);let t=G(3);return E(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);k(2),I(`value`,e.apiBody()),k(2),I(`checked`,e.confirmSend())}}function iZ(e,t){if(e&1&&(L(0,`p`,78),J(1),R()),e&2){let e=G(3);k(),Z(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function aZ(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();k(4),Y(e.error)}}function oZ(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);k(),j(`data-status`,t.statusClass(e.status??0)),k(),Y(e.status),k(2),Z(``,e.ms,` ms · `,e.type||`no content type`),k(2),Y(t.pretty(e.body??``))}}function sZ(e,t){e&1&&(L(0,`div`,79),M(1,aZ,5,1,`div`,72)(2,oZ,7,5),R()),e&2&&(k(),N(t.error?1:2))}function cZ(e,t){if(e&1){let e=H();M(0,EX,7,0,`div`,48),M(1,OX,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,kX,5,6,`label`,53,Ag),R(),L(10,`div`,54)(11,`button`,55),U(`click`,function(){return T(e),E(G(2).clearCalls())}),J(12,` Clear calls `),R(),L(13,`span`,56),J(14),R()()(),L(15,`div`,57)(16,`div`,58),D(),L(17,`svg`,59),z(18,`circle`,60)(19,`path`,61),R(),_s(),L(20,`input`,62),U(`input`,function(t){return T(e),E(G(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).callQuery.set(``))}),R()(),L(21,`label`,63)(22,`input`,64),U(`change`,function(t){return T(e),E(G(2).failedOnly.set(t.target.checked))}),R(),J(23,` Failed only `),R(),L(24,`span`,65),J(25),R()(),M(26,MX,3,2,`p`,66),M(27,WX,19,0,`div`,67)(28,qX,9,1,`div`,68)(29,XX,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,ZX,14,7,`tr`,null,UY,!1,QX,3,0,`tr`),R()()(),M(49,eZ,17,0),L(50,`form`,71),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.send())}),L(51,`h2`),J(52,`Request playground`),R(),L(53,`div`,72)(54,`app-select`,73),U(`valueChange`,function(t){return T(e),E(G(2).method.set(t??`GET`))}),R(),L(55,`label`,74),J(56,`Path`),R(),L(57,`input`,75),U(`input`,function(t){return T(e),E(G(2).apiPath.set(t.target.value))}),R(),L(58,`button`,22),J(59),R()(),M(60,tZ,2,1,`p`,76)(61,nZ,2,1,`p`,77),M(62,rZ,6,2),M(63,iZ,2,2,`p`,78)(64,sZ,3,1,`div`,79),R()}if(e&2){let e,t=G(2);N(t.duplicates().length?0:-1),k(),N(t.refetchedFns().length?1:-1),k(7),F(t.kinds),k(3),I(`disabled`,!t.allCalls().length),k(3),Y(t.callsMessage()),k(6),I(`value`,t.callQuery()),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.matchingCalls().length,` of `,t.allCalls().length),k(),N(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),k(),N(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),k(19),F(t.project().api),k(3),N(t.serverFns().length?49:-1),k(5),I(`options`,t.methodOptions)(`value`,t.method()),k(3),I(`value`,t.apiPath()),k(),I(`disabled`,!t.canSend()),j(`aria-describedby`,t.sendHintId()),k(),X(` `,t.sending()?`Sending…`:`Send`,` `),k(),N(t.canCall()?t.needsConfirm()?61:-1:60),k(2),N(t.method()===`GET`?-1:62),k(),N(t.sending()?63:(e=t.response())?64:-1,e)}}function lZ(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=t.$implicit;j(`data-mode`,e.mode),k(),Z(``,e.label,` · `,e.count)}}function uZ(e,t){if(e&1&&(L(0,`div`,33),P(1,lZ,2,3,`span`,35,GY),R()),e&2){let e=G(3);k(),F(e.modeCounts())}}function dZ(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function fZ(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,dZ,2,0,`span`,104),R()),e&2){let e=t,n=G().$implicit,r=G(3);k(),j(`data-status`,r.statusClass(e.status)),k(),Y(e.status),k(2),Z(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),k(),N(r.mismatch(n)?5:-1)}}function pZ(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}function mZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function hZ(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,fZ,6,5,`div`,43)(11,pZ,2,0,`span`,102),R(),L(12,`td`),M(13,mZ,4,3,`app-source-link`,42),R()()),e&2){let e,n=t.$implicit,r=G(3);k(2),Y(n.path),k(3),j(`data-mode`,n.mode),k(),Y(r.modeLabel(n.mode)),k(2),Y(n.reason),k(2),N((e=n.last)?10:11,e),k(3),N(n.file?13:-1)}}function gZ(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 _Z(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 vZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function yZ(e,t){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function bZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function xZ(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,bZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.fromRules)}}function SZ(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function CZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,SZ,2,1,`span`,107,Ag),R()),e&2){let e=G(2);k(3),F(e.staticMissing)}}function wZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function TZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,wZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.dynamic)}}function EZ(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function DZ(e,t){if(e&1&&(J(0,` · missing `),P(1,EZ,2,1,`span`,108,Ag)),e&2){let e=G(3);k(),F(e.notBuilt)}}function OZ(e,t){if(e&1&&(J(0),M(1,DZ,3,0)),e&2){let e=G(2);X(` `,e.built.length,` page(s) in dist/analog/public `),k(),N(e.notBuilt.length?1:-1)}}function kZ(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function AZ(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,vZ,2,1,`span`,36,Ag),M(6,yZ,2,0,`span`,102),R(),M(7,xZ,5,0),M(8,CZ,5,0),M(9,TZ,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,OZ,2,2)(14,kZ,2,0,`span`,102),R()()),e&2){let e=G();k(4),F(e.listed??mv(5,zY)),k(2),N(e.listed?-1:6),k(),N(e.fromRules?.length?7:-1),k(),N(e.staticMissing.length?8:-1),k(),N(e.dynamic.length?9:-1),k(4),N(e.built.length?13:14)}}function jZ(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,_Z,2,0,`p`,4)(4,AZ,15,6,`dl`,105),R()),e&2&&(k(3),N(t.dynamicConfig?3:4))}function MZ(e,t){if(e&1&&(M(0,uZ,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,hZ,14,6,`tr`,null,WY,!1,gZ,3,0,`tr`),R()()(),M(17,jZ,5,1,`div`,101)),e&2){let e,t=G(2);N(t.modeCounts().length?0:-1),k(14),F(t.renderRows()),k(3),N((e=t.plan())?17:-1,e)}}function NZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,111),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.error)}}function PZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,104),J(2),R()()),e&2){let e=G(5);k(2),X(`takes over `,e.base(t))}}function FZ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,NZ,3,1,`div`),M(5,PZ,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);k(3),Y(n.attributes.title||`(no title)`),k(),N(n.error?4:-1),k(),N((e=r.shadowed(n.file))?5:-1,e),k(2),Y(r.contentUrl(n.file)??``),k(2),Y(n.slug),k(2),Y(n.attributes.date||``),k(2),I(`file`,n.file),k(2),Y(r.dir(n.file)),k(),Y(r.base(n.file))}}function IZ(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,FZ,17,9,`tr`,null,KY),R()()()),e&2){let e=G(3);k(15),F(e.project().content)}}function LZ(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 RZ(e,t){e&1&&M(0,IZ,17,0,`div`,109)(1,LZ,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function zZ(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.items.length)}}function BZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function VZ(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function HZ(e,t){if(e&1&&(L(0,`p`,119),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function UZ(e,t){if(e&1&&(L(0,`li`),M(1,BZ,4,3,`app-source-link`,42),M(2,VZ,2,1,`span`,40),M(3,HZ,2,1,`p`,119),R()),e&2){let e=t.$implicit;k(),N(e.file?1:-1),k(),N(e.path&&e.path!==e.file?2:-1),k(),N(e.message?3:-1)}}function WZ(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,zZ,2,1,`span`,17),R(),L(7,`p`),J(8),R(),L(9,`ul`,116),P(10,UZ,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)),k(2),j(`data-tone`,n.tone(e.severity)),k(),Y(e.severity),k(2),Y(e.title),k(),N(e.items.length>1?6:-1),k(2),Y(e.summary),k(2),F(e.items),k(5),X(` `,e.fix),k(2),Y(e.rule)}}function GZ(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,WZ,18,8,`li`,null,qY),R()),e&2){let e=G(3);k(),Z(` `,e.findings().length,` issue(s) in `,e.lintCards().length,` group(s). Each card says what is wrong, where, and how to fix it. `),k(2),F(e.lintCards())}}function KZ(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 qZ(e,t){e&1&&M(0,GZ,5,2)(1,KZ,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function JZ(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,ZY,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(28,QY,4,7,`button`,13,BY),R(),L(30,`div`,14),M(31,wX,29,6)(32,cZ,65,21)(33,MZ,18,3)(34,RZ,2,1)(35,qZ,2,1),R()}if(e&2){let e,t,n=G();k(5),Y(n.project().version||`unknown`),k(5),Y(n.pageCount()),k(5),Y(n.project().api.length),k(5),Y(n.allCalls().length),k(),j(`data-tone`,n.lintTone()||`good`),k(4),Y(n.lintCount().errors+n.lintCount().warnings),k(),N((e=n.page())?26:-1,e),k(2),F(n.views()),k(2),I(`id`,`analog-panel-`+n.view()),j(`aria-labelledby`,`analog-tab-`+n.view()),k(),N((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var YZ={"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.`}},XZ=200,ZZ=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`]),QZ={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},$Z={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},eQ={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},tQ={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function nQ(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),nQ(r.children,t+1,n);return n}var rQ=class e{rpc=$(null);canCall=Q(()=>rD(this.rpc(),`analog`));callsOff=bE(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=O(`routes`);project=O(null);loadFailed=O(!1);state=O({});findings=O([]);renderRows=O([]);plan=O(null);filter=O(``);testUrl=O(``);explained=O(null);explainError=O(``);explaining=O(!1);kind=O(`all`);method=O(`GET`);apiPath=O(``);apiBody=O(``);confirmSend=O(!1);response=O(null);sending=O(!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=C(Ds);host=C(Il);hostPageId=LE();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=XZ;callQuery=O(``);failedOnly=O(!1);callsMessage=O(``);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>=XZ);allRoutes=Q(()=>nQ(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:QZ[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=YZ[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=ZZ.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(){mc(()=>{let e=this.rpc();e&&Nv(()=>void this.load(e))}),mc(()=>{let e=this.view();this.state(),Nv(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await HE(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([HE(t,`analog-lint`,this.hostPageId??void 0),HE(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 HE(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 $Z[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return QZ[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 eQ[e]}outcomeTone(e){return tQ[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=QO;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 VE(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 VE(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 HE(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=A({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,JY,7,0,`div`,0)(1,YY,4,0,`div`,1)(2,XY,14,0,`div`,2)(3,JZ,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[OO,uM],styles:[`@charset "UTF-8";
+}`]})},zY=()=>[],BY=()=>[`/`],VY=(e,t)=>t.id,HY=(e,t)=>t.route.id,UY=(e,t)=>t[0],WY=(e,t)=>t.file+t.method,GY=(e,t)=>t.path,KY=(e,t)=>t.mode,qY=(e,t)=>t.file,JY=(e,t)=>t.rule;function YY(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 T(e),E(G().retry())}),J(6,`Retry`),R()()}}function XY(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function ZY(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 QY(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;k(3),I(`title`,e.url),k(),Y(e.url)}}function $Y(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,e.label,` `),k(),j(`data-tone`,e.tone),k(),Y(e.count)}}function eX(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(k(),Y(t))}function tX(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),k(),Y(t.short(e.file))}}function nX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.fullPath)}}function rX(e,t){if(e&1&&(L(0,`li`),M(1,tX,2,2,`app-source-link`,34)(2,nX,2,1,`span`,31),L(3,`span`,35),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(2),j(`data-kind`,e.kind),k(),Y(e.kind)}}function iX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Z(``,e[0],` = `,e[1])}}function aX(e,t){if(e&1&&(L(0,`div`,33),P(1,iX,2,2,`span`,36,UY),R()),e&2){let e=G(2),t=G(3);k(),F(t.paramList(e.match.params))}}function oX(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,rX,5,3,`li`,null,VY),R(),M(6,aX,3,0,`div`,33)),e&2){let e=G(),t=G(3);k(),Y(e.url),k(3),F(e.match.chain),k(2),N(t.paramList(e.match.params).length?6:-1)}}function sX(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),k(),Y(t.short(e.file))}}function cX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function lX(e,t){if(e&1&&(L(0,`li`),M(1,sX,2,2,`app-source-link`,34)(2,cX,2,1,`span`,31),L(3,`span`,4),J(4),R()()),e&2){let e=t.$implicit;k(),N(e.file?1:2),k(3),Y(e.reason)}}function uX(e,t){if(e&1&&(L(0,`ul`,37),P(1,lX,5,2,`li`,null,kg),R()),e&2){let e=G(2);k(),F(e.match.rejected.slice(0,5))}}function dX(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,uX,3,0,`ul`,37)),e&2){let e=G();k(),Y(e.url),k(2),N(e.match.rejected.length?3:-1)}}function fX(e,t){if(e&1&&(L(0,`div`,27),M(1,oX,7,2)(2,dX,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),k(),N(e.match.matched?1:2)}}function pX(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function mX(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function hX(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),k(2),Y(t.dir(e.route.file)),k(),Y(t.base(e.route.file))}}function gX(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function _X(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;k(),X(``,e,`()`)}}function vX(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;k(),X(`"`,e.route.title,`"`)}}function yX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;k(),Y(e)}}function bX(e,t){if(e&1&&M(0,yX,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function xX(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,pX,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,mX,2,0,`span`,41),R()(),L(9,`td`),M(10,hX,4,3,`app-source-link`,42)(11,gX,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,_X,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,vX,2,1,`span`,45),P(18,bX,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`),k(2),K(`padding-left`,e.depth*16,`px`),k(),N(e.depth?3:-1),k(2),Y(e.route.fullPath),k(),j(`data-kind`,e.route.kind),k(),Y(n.kindText(e.route)),k(),N(n.isOpen(e.route)?8:-1),k(2),N(e.route.file?10:11),k(4),F(n.serverExports(e.route)),k(3),N(e.route.title?17:-1),k(),F(e.route.routeMeta??mv(13,zY))}}function SX(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function CX(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function wX(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,SX,1,0)(3,CX,1,0),R()()),e&2){let e=G(3);k(2),N(e.filter().trim()?2:3)}}function TX(e,t){if(e&1){let e=H();L(0,`div`,18)(1,`form`,19),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.explain())}),L(2,`label`,20),J(3,`Test a URL`),R(),L(4,`input`,21),U(`input`,function(t){return T(e),E(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 T(e),E(G(2).filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).filter.set(``))}),R()(),L(10,`div`,25),M(11,eX,2,1,`div`,26)(12,fX,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,xX,20,14,`tr`,30,HY,!1,wX,4,1,`tr`),R()()()}if(e&2){let e,t=G(2);k(4),I(`value`,t.testUrl()),k(),I(`disabled`,t.explaining()),k(),X(` `,t.explaining()?`Explaining…`:`Explain`,` `),k(3),I(`value`,t.filter()),k(2),N((e=t.explainError())?11:(e=t.explained())?12:-1,e),k(15),F(t.routeRows())}}function EX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function DX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`load() ran twice`),R(),J(3,` for `),P(4,EX,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);k(4),F(e.duplicates())}}function OX(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;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function kX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,OX,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);k(4),F(e.refetchedFns())}}function AX(e,t){if(e&1){let e=H();L(0,`label`)(1,`input`,80),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`checked`,n.kind()===e),j(`data-kind`,e),k(),X(` `,n.kindLabel(e),` `),k(2),Y(n.kindCount(e))}}function jX(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function MX(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 NX(e,t){if(e&1&&(L(0,`p`,66),M(1,jX,1,2),M(2,MX,1,1),R()),e&2){let e=G(3);k(),N(e.shownCount()<e.matchingCalls().length?1:-1),k(),N(e.serverFull()?2:-1)}}function PX(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),k(),Y(t.short(e.file))}}function FX(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,PX,2,2,`app-source-link`,88)),e&2){let e=t;k(),Y(e.name),k(),N(e.file?2:-1)}}function IX(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.url)}}function LX(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function RX(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function zX(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,RX,1,1),R()),e&2){let e=G().$implicit,t=G(4);j(`data-tone`,t.outcomeTone(e.outcome)),k(),X(``,t.outcomeLabel(e.outcome),` `),k(),N(e.location?2:-1)}}function BX(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`),k(),Y(e.render===`ssr`?`server rendered`:`client only`)}}function VX(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);k(4),Y(t.pretty(e.preview))}}function HX(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function UX(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.ms,` ms `)}}function WX(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,FX,3,2)(11,IX,2,1,`span`,85),M(12,LX,2,0,`span`,35),M(13,zX,3,3,`span`,35),M(14,BX,2,2,`span`,35),R(),M(15,VX,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,HX,2,0,`span`,4)(21,UX,1,1),R(),L(22,`td`,4),J(23),R()()),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(r.time(n.at)),k(2),j(`data-call`,n.kind),k(),Y(r.kindLabel(n.kind)),k(3),j(`data-method`,n.method),k(),Y(n.method),k(),N((e=r.fnOf(n))?10:11,e),k(2),N(n.seeded?12:-1),k(),N(n.outcome?13:-1),k(),N(n.render?14:-1),k(),N(n.preview?15:-1),k(2),j(`data-status`,r.statusClass(n.status)),k(),Y(n.status),k(2),N(n.seeded?20:21),k(3),Y(n.from)}}function GX(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,WX,24,14,`tr`,null,VY),R()()()),e&2){let e=G(3);k(17),F(e.calls())}}function KX(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function qX(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function JX(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,KX,1,1)(5,qX,1,1),R(),L(6,`div`,91)(7,`button`,92),U(`click`,function(){return T(e),E(G(3).clearCallFilters())}),J(8,` Clear filters `),R()()()}if(e&2){let e=G(3);k(4),N(e.callQuery().trim()?4:5)}}function YX(e,t){e&1&&J(0,` No calls of this kind yet. `)}function XX(e,t){e&1&&J(0,` No calls yet. `)}function ZX(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,YX,1,0)(3,XX,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);k(2),N(e.allCalls().length?2:3)}}function QX(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=T(e).$implicit;return E(G(3).tryApi(t))}),J(13,` Try `),R()()()}if(e&2){let e=t.$implicit,n=G(3);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.path),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),j(`aria-label`,`Try `+e.method+` `+e.path)}}function $X(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 eZ(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);k(2),j(`data-method`,e.method),k(),Y(e.method),k(2),Y(e.name),k(2),I(`file`,e.file),k(2),Y(n.dir(e.file)),k(),Y(n.base(e.file)),k(2),Y(n.fnCalls(e.id))}}function tZ(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,eZ,13,7,`tr`,null,VY),R()()()),e&2){let e=G(3);k(15),F(e.serverFns())}}function nZ(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);k(),Y(e.callsOff)}}function rZ(e,t){if(e&1&&(L(0,`p`,77),J(1),R()),e&2){let e=G(3);k(),X(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function iZ(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 T(e),E(G(3).apiBody.set(t.target.value))}),R(),L(3,`label`,98)(4,`input`,64),U(`change`,function(){T(e);let t=G(3);return E(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);k(2),I(`value`,e.apiBody()),k(2),I(`checked`,e.confirmSend())}}function aZ(e,t){if(e&1&&(L(0,`p`,78),J(1),R()),e&2){let e=G(3);k(),Z(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function oZ(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();k(4),Y(e.error)}}function sZ(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);k(),j(`data-status`,t.statusClass(e.status??0)),k(),Y(e.status),k(2),Z(``,e.ms,` ms · `,e.type||`no content type`),k(2),Y(t.pretty(e.body??``))}}function cZ(e,t){e&1&&(L(0,`div`,79),M(1,oZ,5,1,`div`,72)(2,sZ,7,5),R()),e&2&&(k(),N(t.error?1:2))}function lZ(e,t){if(e&1){let e=H();M(0,DX,7,0,`div`,48),M(1,kX,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,AX,5,6,`label`,53,Ag),R(),L(10,`div`,54)(11,`button`,55),U(`click`,function(){return T(e),E(G(2).clearCalls())}),J(12,` Clear calls `),R(),L(13,`span`,56),J(14),R()()(),L(15,`div`,57)(16,`div`,58),D(),L(17,`svg`,59),z(18,`circle`,60)(19,`path`,61),R(),_s(),L(20,`input`,62),U(`input`,function(t){return T(e),E(G(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).callQuery.set(``))}),R()(),L(21,`label`,63)(22,`input`,64),U(`change`,function(t){return T(e),E(G(2).failedOnly.set(t.target.checked))}),R(),J(23,` Failed only `),R(),L(24,`span`,65),J(25),R()(),M(26,NX,3,2,`p`,66),M(27,GX,19,0,`div`,67)(28,JX,9,1,`div`,68)(29,ZX,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,QX,14,7,`tr`,null,WY,!1,$X,3,0,`tr`),R()()(),M(49,tZ,17,0),L(50,`form`,71),U(`submit`,function(t){T(e);let n=G(2);return t.preventDefault(),E(n.send())}),L(51,`h2`),J(52,`Request playground`),R(),L(53,`div`,72)(54,`app-select`,73),U(`valueChange`,function(t){return T(e),E(G(2).method.set(t??`GET`))}),R(),L(55,`label`,74),J(56,`Path`),R(),L(57,`input`,75),U(`input`,function(t){return T(e),E(G(2).apiPath.set(t.target.value))}),R(),L(58,`button`,22),J(59),R()(),M(60,nZ,2,1,`p`,76)(61,rZ,2,1,`p`,77),M(62,iZ,6,2),M(63,aZ,2,2,`p`,78)(64,cZ,3,1,`div`,79),R()}if(e&2){let e,t=G(2);N(t.duplicates().length?0:-1),k(),N(t.refetchedFns().length?1:-1),k(7),F(t.kinds),k(3),I(`disabled`,!t.allCalls().length),k(3),Y(t.callsMessage()),k(6),I(`value`,t.callQuery()),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.matchingCalls().length,` of `,t.allCalls().length),k(),N(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),k(),N(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),k(19),F(t.project().api),k(3),N(t.serverFns().length?49:-1),k(5),I(`options`,t.methodOptions)(`value`,t.method()),k(3),I(`value`,t.apiPath()),k(),I(`disabled`,!t.canSend()),j(`aria-describedby`,t.sendHintId()),k(),X(` `,t.sending()?`Sending…`:`Send`,` `),k(),N(t.canCall()?t.needsConfirm()?61:-1:60),k(2),N(t.method()===`GET`?-1:62),k(),N(t.sending()?63:(e=t.response())?64:-1,e)}}function uZ(e,t){if(e&1&&(L(0,`span`,35),J(1),R()),e&2){let e=t.$implicit;j(`data-mode`,e.mode),k(),Z(``,e.label,` · `,e.count)}}function dZ(e,t){if(e&1&&(L(0,`div`,33),P(1,uZ,2,3,`span`,35,KY),R()),e&2){let e=G(3);k(),F(e.modeCounts())}}function fZ(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function pZ(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,fZ,2,0,`span`,104),R()),e&2){let e=t,n=G().$implicit,r=G(3);k(),j(`data-status`,r.statusClass(e.status)),k(),Y(e.status),k(2),Z(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),k(),N(r.mismatch(n)?5:-1)}}function mZ(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}function hZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function gZ(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,pZ,6,5,`div`,43)(11,mZ,2,0,`span`,102),R(),L(12,`td`),M(13,hZ,4,3,`app-source-link`,42),R()()),e&2){let e,n=t.$implicit,r=G(3);k(2),Y(n.path),k(3),j(`data-mode`,n.mode),k(),Y(r.modeLabel(n.mode)),k(2),Y(n.reason),k(2),N((e=n.last)?10:11,e),k(3),N(n.file?13:-1)}}function _Z(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 vZ(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 yZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function bZ(e,t){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function xZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function SZ(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,xZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.fromRules)}}function CZ(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function wZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,CZ,2,1,`span`,107,Ag),R()),e&2){let e=G(2);k(3),F(e.staticMissing)}}function TZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function EZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,TZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.dynamic)}}function DZ(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function OZ(e,t){if(e&1&&(J(0,` · missing `),P(1,DZ,2,1,`span`,108,Ag)),e&2){let e=G(3);k(),F(e.notBuilt)}}function kZ(e,t){if(e&1&&(J(0),M(1,OZ,3,0)),e&2){let e=G(2);X(` `,e.built.length,` page(s) in dist/analog/public `),k(),N(e.notBuilt.length?1:-1)}}function AZ(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function jZ(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,yZ,2,1,`span`,36,Ag),M(6,bZ,2,0,`span`,102),R(),M(7,SZ,5,0),M(8,wZ,5,0),M(9,EZ,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,kZ,2,2)(14,AZ,2,0,`span`,102),R()()),e&2){let e=G();k(4),F(e.listed??mv(5,BY)),k(2),N(e.listed?-1:6),k(),N(e.fromRules?.length?7:-1),k(),N(e.staticMissing.length?8:-1),k(),N(e.dynamic.length?9:-1),k(4),N(e.built.length?13:14)}}function MZ(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,vZ,2,0,`p`,4)(4,jZ,15,6,`dl`,105),R()),e&2&&(k(3),N(t.dynamicConfig?3:4))}function NZ(e,t){if(e&1&&(M(0,dZ,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,gZ,14,6,`tr`,null,GY,!1,_Z,3,0,`tr`),R()()(),M(17,MZ,5,1,`div`,101)),e&2){let e,t=G(2);N(t.modeCounts().length?0:-1),k(14),F(t.renderRows()),k(3),N((e=t.plan())?17:-1,e)}}function PZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,111),J(2),R()()),e&2){let e=G().$implicit;k(2),Y(e.error)}}function FZ(e,t){if(e&1&&(L(0,`div`)(1,`span`,104),J(2),R()()),e&2){let e=G(5);k(2),X(`takes over `,e.base(t))}}function IZ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,PZ,3,1,`div`),M(5,FZ,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);k(3),Y(n.attributes.title||`(no title)`),k(),N(n.error?4:-1),k(),N((e=r.shadowed(n.file))?5:-1,e),k(2),Y(r.contentUrl(n.file)??``),k(2),Y(n.slug),k(2),Y(n.attributes.date||``),k(2),I(`file`,n.file),k(2),Y(r.dir(n.file)),k(),Y(r.base(n.file))}}function LZ(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,IZ,17,9,`tr`,null,qY),R()()()),e&2){let e=G(3);k(15),F(e.project().content)}}function RZ(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 zZ(e,t){e&1&&M(0,LZ,17,0,`div`,109)(1,RZ,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function BZ(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.items.length)}}function VZ(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),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function HZ(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function UZ(e,t){if(e&1&&(L(0,`p`,119),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function WZ(e,t){if(e&1&&(L(0,`li`),M(1,VZ,4,3,`app-source-link`,42),M(2,HZ,2,1,`span`,40),M(3,UZ,2,1,`p`,119),R()),e&2){let e=t.$implicit;k(),N(e.file?1:-1),k(),N(e.path&&e.path!==e.file?2:-1),k(),N(e.message?3:-1)}}function GZ(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,BZ,2,1,`span`,17),R(),L(7,`p`),J(8),R(),L(9,`ul`,116),P(10,WZ,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)),k(2),j(`data-tone`,n.tone(e.severity)),k(),Y(e.severity),k(2),Y(e.title),k(),N(e.items.length>1?6:-1),k(2),Y(e.summary),k(2),F(e.items),k(5),X(` `,e.fix),k(2),Y(e.rule)}}function KZ(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,GZ,18,8,`li`,null,JY),R()),e&2){let e=G(3);k(),Z(` `,e.findings().length,` issue(s) in `,e.lintCards().length,` group(s). Each card says what is wrong, where, and how to fix it. `),k(2),F(e.lintCards())}}function qZ(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 JZ(e,t){e&1&&M(0,KZ,5,2)(1,qZ,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function YZ(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,QY,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(28,$Y,4,7,`button`,13,VY),R(),L(30,`div`,14),M(31,TX,29,6)(32,lZ,65,21)(33,NZ,18,3)(34,zZ,2,1)(35,JZ,2,1),R()}if(e&2){let e,t,n=G();k(5),Y(n.project().version||`unknown`),k(5),Y(n.pageCount()),k(5),Y(n.project().api.length),k(5),Y(n.allCalls().length),k(),j(`data-tone`,n.lintTone()||`good`),k(4),Y(n.lintCount().errors+n.lintCount().warnings),k(),N((e=n.page())?26:-1,e),k(2),F(n.views()),k(2),I(`id`,`analog-panel-`+n.view()),j(`aria-labelledby`,`analog-tab-`+n.view()),k(),N((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var XZ={"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.`}},ZZ=200,QZ=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`]),$Z={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},eQ={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},tQ={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},nQ={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function rQ(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),rQ(r.children,t+1,n);return n}var iQ=class e{rpc=$(null);canCall=Q(()=>rD(this.rpc(),`analog`));callsOff=bE(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=O(`routes`);project=O(null);loadFailed=O(!1);state=O({});findings=O([]);renderRows=O([]);plan=O(null);filter=O(``);testUrl=O(``);explained=O(null);explainError=O(``);explaining=O(!1);kind=O(`all`);method=O(`GET`);apiPath=O(``);apiBody=O(``);confirmSend=O(!1);response=O(null);sending=O(!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=C(Ds);host=C(Il);hostPageId=LE();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=ZZ;callQuery=O(``);failedOnly=O(!1);callsMessage=O(``);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>=ZZ);allRoutes=Q(()=>rQ(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:$Z[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=XZ[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=QZ.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(){mc(()=>{let e=this.rpc();e&&Nv(()=>void this.load(e))}),mc(()=>{let e=this.view();this.state(),Nv(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await HE(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([HE(t,`analog-lint`,this.hostPageId??void 0),HE(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 HE(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 eQ[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return $Z[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 tQ[e]}outcomeTone(e){return nQ[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=QO;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 VE(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 VE(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 HE(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=A({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,YY,7,0,`div`,0)(1,XY,4,0,`div`,1)(2,ZY,14,0,`div`,2)(3,YZ,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[OO,uM],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   --%NS%good: var(--%NS%ok);
   --%NS%bad: var(--%NS%danger);
@@ -14028,7 +14028,7 @@ h2[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
   font-size: 15px;
   font-weight: 600;
-}`]})},iQ=[`callsBody`],aQ=(e,t)=>t.id,oQ=(e,t)=>t.id+t.kind,sQ=(e,t)=>t.entry.side+t.entry.id,cQ=(e,t)=>t.key;function lQ(e,t){e&1&&(L(0,`div`,1),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function uQ(e,t){if(e&1){let e=H();L(0,`div`,2)(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function dQ(e,t){e&1&&(L(0,`span`,82),J(1,`this page`),R())}function fQ(e,t){e&1&&(L(0,`span`,83),J(1,`overridden`),R())}function pQ(e,t){e&1&&(L(0,`span`,84),J(1,`aborted`),R())}function mQ(e,t){if(e&1){let e=H();L(0,`tr`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectedRequestId.set(t.id))}),L(1,`td`,75)(2,`button`,76)(3,`span`,77),J(4),R(),J(5),R()(),L(6,`td`,78),z(7,`span`,79),J(8),R(),L(9,`td`),J(10),R(),L(11,`td`,80),J(12),R(),L(13,`td`,80),J(14),R(),L(15,`td`)(16,`div`,81),M(17,dQ,2,0,`span`,82),M(18,fQ,2,0,`span`,83),M(19,pQ,2,0,`span`,84),R()()()}if(e&2){let e=t.$implicit,n=G(2);q(`selected`,n.selectedRequest()?.id===e.id),k(2),I(`title`,e.url),j(`aria-pressed`,n.selectedRequest()?.id===e.id),k(2),Y(e.method),k(),X(` `,e.url,` `),k(),q(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),k(2),X(``,e.status,` `),k(2),Y(n.renderModeLabel(e.renderMode)),k(2),X(``,e.renderMs,` ms`),k(2),Z(``,e.fetches,` (`,e.fetchMs,` ms)`),k(3),N(e.id===n.selected()?.ssrRequestId?17:-1),k(),N(e.overrides?.length?18:-1),k(),N(e.aborted?19:-1)}}function hQ(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&&(k(),X(` The body was already compressed (`,t,`) when `))}function gQ(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.note)}}function _Q(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,83),J(2),R(),L(3,`span`),J(4),R(),M(5,gQ,2,1,`span`,89),R()),e&2){let e=t.$implicit,n=G(4);k(2),Y(n.overrideLabel(e.kind)),k(2),Y(e.applied?`applied`:`not applied`),k(),N(e.note?5:-1)}}function vQ(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,_Q,6,3,`p`,88,oQ)),e&2){let e=G();k(4),F(e.overrides)}}function yQ(e,t){if(e&1&&(J(0,` to `),L(1,`code`),J(2),R()),e&2){let e=G().$implicit;k(2),Y(e.finalUrl)}}function bQ(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);k(3),q(`bad`,t.guardVerdict(e)===`rejected`),k(),Z(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function xQ(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);k(4),Y(t.msLabel(e.resolvers.ms))}}function SQ(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;k(4),X(``,e.durationMs,` ms`)}}function CQ(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.reason)}}function wQ(e,t){if(e&1&&(L(0,`dl`,90)(1,`div`)(2,`dt`),J(3,`Navigation`),R(),L(4,`dd`)(5,`code`),J(6),R(),M(7,yQ,3,1),J(8),R()(),M(9,bQ,5,4,`div`),M(10,xQ,5,1,`div`),M(11,SQ,5,1,`div`),R(),M(12,CQ,2,1,`p`,56)),e&2){let e=t.$implicit;k(6),Y(e.url),k(),N(e.finalUrl?7:-1),k(),X(` (`,e.outcome,`) `),k(),N(e.guards?9:-1),k(),N(e.resolvers?10:-1),k(),N(e.durationMs===void 0?-1:11),k(),N(e.reason?12:-1)}}function TQ(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,wQ,13,7,null,null,kg)),e&2){let e=G();k(2),F(e.navigations)}}function EQ(e,t){e&1&&(L(0,`span`,82),J(1,`cached`),R())}function DQ(e,t){if(e&1&&(L(0,`span`,92),J(1,`not cached`),R()),e&2){let e=G().$implicit;I(`title`,G(3).skipText(e.cacheSkip))}}function OQ(e,t){if(e&1&&(L(0,`p`,93),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),X(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function kQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,78),J(6),R(),L(7,`span`,89),J(8),R(),M(9,EQ,2,0,`span`,82)(10,DQ,2,1,`span`,92),R(),M(11,OQ,2,1,`p`,93)),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.method),k(),I(`title`,e.url),k(),Y(e.url),k(),q(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),k(),Y(n.statusLabel(e)),k(2),X(``,e.durationMs,` ms`),k(),N(e.cacheStored?9:e.cacheSkip?10:-1),k(2),N(!e.cacheStored&&e.cacheSkip?11:-1)}}function AQ(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function jQ(e,t){e&1&&(L(0,`p`,93),J(1),R()),e&2&&(k(),X(`Why: `,t,`.`))}function MQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,84),J(6,`cache miss`),R()(),M(7,jQ,2,1,`p`,93)),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(n.method),k(),I(`title`,n.url),k(),Y(n.url),k(3),N((e=r.refetchReason(n))?7:-1,e)}}function NQ(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,MQ,8,4,null,null,aQ)),e&2){let e=G(3);k(),X(`Fetched again in the browser (`,e.refetched().length,`)`),k(3),F(e.refetched())}}function PQ(e,t){e&1&&(L(0,`p`,87),J(1,`No server call ran again in the browser.`),R())}function FQ(e,t){if(e&1&&(L(0,`div`,73)(1,`h3`,85),J(2),L(3,`code`),J(4),R()(),L(5,`dl`,86)(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,hQ,11,1,`p`,56),M(33,vQ,6,0),M(34,TQ,4,0),L(35,`h3`),J(36),R(),P(37,kQ,12,11,null,null,aQ,!1,AQ,2,0,`p`,56),M(40,NQ,6,1)(41,PQ,2,0,`p`,87),R()),e&2){let e,n=t,r=G(2);k(2),X(` `,n.method,` `),k(2),Y(n.url),k(7),Y(n.id),k(5),X(``,n.renderMs,` ms`),k(5),X(``,n.durationMs,` ms`),k(5),X(``,n.bytes,` B`),k(5),Y(r.requestPage()?.title||r.requestPage()?.url||`not connected`),k(),N((e=r.compressedWith(n))?32:-1,e),k(),N(n.overrides?.length?33:-1),k(),N(n.navigations?.length?34:-1),k(2),X(`Server calls (`,r.requestCalls().length,`)`),k(),F(r.requestCalls()),k(3),N(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function IQ(e,t){if(e&1&&(L(0,`div`,69)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,70),J(5,`Request`),R(),L(6,`th`,70),J(7,`Status`),R(),L(8,`th`,70),J(9,`Render mode`),R(),L(10,`th`,71),J(11,`Render`),R(),L(12,`th`,71),J(13,`Server calls`),R(),L(14,`th`,70),J(15,`Notes`),R()()(),L(16,`tbody`),P(17,mQ,20,20,`tr`,72,aQ),R()()(),M(19,FQ,42,13,`div`,73)),e&2){let e,t=G();k(17),F(t.requests()),k(2),N((e=t.selectedRequest())?19:-1,e)}}function LQ(e,t){e&1&&(L(0,`div`,12)(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 RQ(e,t){e&1&&(L(0,`p`,94),J(1,` Rows render as you scroll, so the browser's find only sees the ones near view; the search field searches them all. `),R())}function zQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padTop(),`px`)}}function BQ(e,t){e&1&&(L(0,`span`,99),J(1,`transfer cache`),R())}function VQ(e,t){if(e&1&&(L(0,`span`,99),J(1),R()),e&2){G();let e=fv(0);k(),X(`delayed `,e.delayMs,` ms`)}}function HQ(e,t){e&1&&(L(0,`span`,83),J(1,`mocked`),R())}function UQ(e,t){e&1&&(L(0,`span`,84),J(1,`faulted`),R())}function WQ(e,t){if(e&1&&(L(0,`span`,102),J(1,`rule `),L(2,`code`),J(3),R()()),e&2){let e=t;I(`title`,`Matched rule: `+e),k(3),Y(e)}}function GQ(e,t){if(e&1){let e=H();uv(0),L(1,`tr`,74),U(`click`,function(){T(e);let t=fv(0);return E(G(2).openCall(t.id))}),L(2,`td`)(3,`span`,99),J(4),R()(),L(5,`td`,77),J(6),R(),L(7,`td`,75)(8,`button`,100),J(9),R()(),L(10,`td`,101),J(11),R(),L(12,`td`,78),z(13,`span`,79),J(14),R(),L(15,`td`,80),J(16),R(),L(17,`td`)(18,`div`,81),M(19,BQ,2,0,`span`,99),M(20,VQ,2,1,`span`,99),M(21,HQ,2,0,`span`,83),M(22,UQ,2,0,`span`,84),M(23,WQ,4,2,`span`,102),R()()()}if(e&2){let e,n=t.$implicit,r=G(2),i=dv(n.entry);k(),q(`selected`,r.selectedCall()?.id===i.id),j(`aria-rowindex`,n.index+2)(`data-vindex`,n.index),k(2),q(`server`,i.side===`server`),k(),Y(i.side===`server`?`SSR`:`Client`),k(2),Y(i.method),k(2),I(`title`,i.url),j(`data-call-id`,i.id)(`aria-pressed`,r.selectedCall()?.id===i.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),k(),X(` `,i.url,` `),k(),I(`title`,i.pageUrl??``),k(),X(` `,i.pageUrl??``,` `),k(),q(`ok`,r.callTone(i)===`ok`)(`redirect`,r.callTone(i)===`redirect`)(`bad`,r.callTone(i)===`bad`),k(2),X(``,r.statusLabel(i),` `),k(2),X(``,i.durationMs,` ms`),k(3),N(i.cacheHit?19:-1),k(),N(i.delayMs?20:-1),k(),N(i.mocked?21:-1),k(),N(i.faulted?22:-1),k(),N((e=r.rulePatternOf(i))?23:-1,e)}}function KQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padBottom(),`px`)}}function qQ(e,t){if(e&1&&(M(0,RQ,2,0,`p`,94),L(1,`div`,69)(2,`table`)(3,`thead`)(4,`tr`,95)(5,`th`,70),J(6,`Side`),R(),L(7,`th`,70),J(8,`Method`),R(),L(9,`th`,70),J(10,`URL`),R(),L(11,`th`,70),J(12,`Page`),R(),L(13,`th`,70),J(14,`Status`),R(),L(15,`th`,71),J(16,`Time`),R(),L(17,`th`,70),J(18,`Notes`),R()()(),L(19,`tbody`,96,0),M(21,zQ,2,2,`tr`,97),P(22,GQ,24,29,`tr`,72,sQ),M(24,KQ,2,2,`tr`,97),R()()()),e&2){let e=G();N(e.callWindow.enabled()?0:-1),k(2),j(`aria-rowcount`,e.visibleCalls().length+1),k(17),I(`rovingWindow`,e.callWindow),k(2),N(e.callWindow.padTop()?21:-1),k(),F(e.shownCalls()),k(2),N(e.callWindow.padBottom()?24:-1)}}function JQ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function YQ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function XQ(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,JQ,1,1)(5,YQ,1,1),R(),L(6,`div`,103)(7,`button`,68),U(`click`,function(){return T(e),E(G().clearCallFilters())}),J(8,`Clear filters`),R()()()}if(e&2){let e=G();k(4),N(e.callQuery().trim()?4:5)}}function ZQ(e,t){e&1&&(L(0,`div`,12)(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 QQ(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G();return E(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 $Q(e,t){e&1&&(L(0,`p`,112),J(1,` Matched rule `),L(2,`code`),J(3),R()()),e&2&&(k(3),Y(t))}function e$(e,t){if(e&1){let e=H();L(0,`div`,104),U(`keydown.escape`,function(){return T(e),E(G().closePreview())}),L(1,`div`,105)(2,`h3`,106),J(3,`Response preview`),R(),L(4,`div`,107),M(5,QQ,2,1,`button`,108),L(6,`button`,109),U(`click`,function(){let t=T(e);return E(G().mockCall(t))}),J(7,` Mock this request `),R(),L(8,`button`,110),U(`click`,function(){return T(e),E(G().closePreview())}),J(9,`Close`),R()()(),L(10,`p`,111)(11,`span`,77),J(12),R(),L(13,`span`,78),J(14),R(),L(15,`span`,91),J(16),R()(),M(17,$Q,4,1,`p`,112),L(18,`pre`,113),J(19),R()()}if(e&2){let e,n=t,r=G();k(5),N(!n.error&&n.preview?5:-1),k(),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`http-writes-off`),k(6),Y(n.method),k(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),k(),Y(r.statusLabel(n)),k(),I(`title`,n.url),k(),Y(n.url),k(),N((e=r.rulePatternOf(n))?17:-1,e),k(),q(`error`,!!n.error&&!n.cancelled),j(`aria-label`,n.error?`Response error`:`Response body`),k(),Y(n.error??r.previewText(n)??`(no body)`)}}function t$(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();k(),Y(e.writesOff)}}function n$(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 r$(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function i$(e,t){if(e&1&&(L(0,`span`,78),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`),k(),Y(e.status)}}function a$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.delayMs,` ms`)}}function o$(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function s$(e,t){e&1&&(L(0,`p`,121),J(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),R())}function c$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleRule(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,118),U(`click`,function(){let t=T(e).$implicit;return E(G().removeRule(t.id))}),J(8,` Remove `),R(),L(9,`span`,119)(10,`span`),J(11),R(),M(12,r$,2,0,`span`)(13,i$,2,7,`span`,120),M(14,a$,2,1,`span`),M(15,o$,2,0,`span`),R(),M(16,s$,2,0,`p`,121),R()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(e.method||`ANY`),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),k(4),Y(n.targetLabel(e.target)),k(),N(e.status===void 0?12:13),k(2),N(e.delayMs?14:-1),k(),N(e.body?15:-1),k(),N(n.mocksOnServer(e)?16:-1)}}function l$(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function u$(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`,122),U(`input`,function(t){return T(e),E(G().patchOverride(`message`,t))}),R()()}if(e&2){let e=G();k(7),I(`value`,e.overrideDraft().message)}}function d$(e,t){e&1&&J(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function f$(e,t){e&1&&(L(0,`p`,126),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,d$,1,0),R()),e&2&&(k(2),N(t===`http`?2:-1))}function p$(e,t){if(e&1){let e=H();L(0,`label`),J(1,` TransferState key `),L(2,`input`,123),U(`input`,function(t){return T(e),E(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`,124),U(`input`,function(t){return T(e),E(G().patchOverride(`value`,t))}),R()(),L(9,`p`,125),J(10),R(),M(11,f$,3,1,`p`,126)}if(e&2){let e,t=G();k(2),I(`value`,t.overrideDraft().key),k(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`),k(2),Y(t.overrideValueError()),k(),N((e=t.overrideFromPayload())?11:-1,e)}}function m$(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 h$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function g$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function _$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleOverride(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,127),U(`click`,function(){let t=T(e).$implicit;return E(G().removeOverride(t.id))}),J(8,` Remove `),R(),L(9,`span`,119),M(10,h$,2,1,`span`),M(11,g$,2,2,`span`),R()()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(n.overrideLabel(e.kind)),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),k(3),N(e.message?10:-1),k(),N(e.key?11:-1)}}function v$(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function y$(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;k(4),Y(e.hydrated),k(5),Y(e.skipped),k(4),q(`bad`,e.mismatched>0),k(),Y(e.mismatched)}}function b$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Expected`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.expected)}}function x$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Actual`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.actual)}}function S$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,b$,5,1,`span`,129),M(4,x$,5,1,`span`,129),R()),e&2){let e=t.$implicit;k(2),Y(`<`+e.component+`>`),k(),N(e.expected?3:-1),k(),N(e.actual?4:-1)}}function C$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,128),P(3,S$,5,3,`li`,null,kg),R()),e&2){let e=G();k(),X(`Mismatches (`,e.mismatches.length,`)`),k(2),F(e.mismatches)}}function w$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;k(2),Y(e)}}function T$(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,131),P(3,w$,3,1,`li`,null,kg),R()),e&2){let e=G();k(3),F(e.skipHydrationHosts)}}function E$(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 D$(e,t){if(e&1&&(L(0,`pre`,132),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function O$(e,t){e&1&&(L(0,`p`,87),J(1,`No hydration warnings.`),R())}function k$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,D$,2,1,`pre`,132,kg,!1,O$,2,0,`p`,87)),e&2){let e=G();k(),X(`Warnings (`,e.warnings.length,`)`),k(),F(e.warnings)}}function A$(e,t){if(e&1&&(L(0,`dl`,86)(1,`div`)(2,`dt`),J(3,`Enabled`),R(),L(4,`dd`)(5,`span`,99),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,y$,15,5),R(),M(33,C$,5,1),M(34,T$,5,0),M(35,E$,7,0)(36,k$,5,2)),e&2){let e,n=t;k(5),q(`on`,n.enabled)(`off-tag`,!n.enabled),k(),Y(n.enabled?`yes`:`no (client render only)`),k(5),Y(n.hydratedComponents??`n/a`),k(5),Y(n.hydratedNodes??`n/a`),k(5),Y(n.componentsSkippedHydration??`n/a`),k(5),Y(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),k(5),Y(n.deferBlocksWithIncrementalHydration??`n/a`),k(),N((e=n.nodes)?32:-1,e),k(),N(n.mismatches?.length?33:-1),k(),N(n.skipHydrationHosts.length?34:-1),k(),N(n.warningsCaptured===!1?35:36)}}function j$(e,t){e&1&&(L(0,`div`,12)(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 M$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function N$(e,t){if(e&1&&(L(0,`p`,134),J(1),R()),e&2){let e=G(2);k(),Y(e.error)}}function P$(e,t){e&1&&(L(0,`span`,99),J(1),R()),e&2&&(k(),Y(t))}function F$(e,t){if(e&1&&(L(0,`span`,99),J(1),R(),L(2,`span`,137),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`),k(),X(`HTTP `,e.status),k(2),Y(e.url??n.key)}}function I$(e,t){if(e&1&&(L(0,`span`,137),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.key)}}function L$(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G().$implicit;return E(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 R$(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,136),M(3,P$,2,1,`span`,99),M(4,F$,4,6)(5,I$,2,1,`span`,137),L(6,`span`,138),J(7),R()(),L(8,`div`,139)(9,`span`,140),J(10,`Key`),R(),L(11,`code`,141),J(12),R(),L(13,`div`,142)(14,`button`,110),U(`click`,function(){let t=T(e).$implicit;return E(G(3).copyKey(t.key))}),J(15,` Copy `),R(),M(16,L$,2,1,`button`,108),R()(),L(17,`pre`,143),J(18),xv(19,`json`),R()()}if(e&2){let e,n,r=t.$implicit,i=G(3);k(3),N((e=i.payloadLabel(r))?3:-1,e),k(),N((n=r.http)?4:5,n),k(3),X(``,r.size,` B`),k(5),Y(r.key),k(2),j(`aria-label`,`Copy key `+r.key),k(2),N(i.canEditEntry(r)?16:-1),k(),j(`aria-label`,`Value of `+r.key),k(),Y(Cv(19,8,r.value))}}function z$(e,t){if(e&1&&(L(0,`p`,133),J(1),R(),M(2,N$,2,1,`p`,134),L(3,`div`,135),P(4,R$,20,10,`details`,null,cQ),R()),e&2){let e=G();k(),rv(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),k(),N(e.error?2:-1),k(2),F(e.entries)}}function B$(e,t){e&1&&M(0,M$,3,0,`div`,12)(1,z$,6,4),e&2&&N(+!!t.found)}function V$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var H$={kind:`render-error`,pattern:``,message:``,key:``,value:``},U$={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},W$={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},G$={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function K$(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var q$=/\[redacted\]|%5Bredacted%5D/gi;function J$(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?K$(e):e).replace(q$,`*`)}function Y$(e){let t=ek(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var X$=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function Z$(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function Q$(e){let t=Z$(e);return t===`/`?``:t}var $$=/\[redacted\]|%5Bredacted%5D/i,e1=200,t1=50,n1=500,r1=1e5,i1=[{value:``,label:`None`},...qT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],a1=class e{rpc=$(null);canWrite=Q(()=>rD(this.rpc(),`http`));writesOff=bE(`http`);loading=O(!1);failed=O(!1);serverCalls=O([]);pages=O([]);payloads=O({});serverDropped=O(0);requests=O([]);rules=O([]);overrides=O([]);overrideDraft=O({...H$});overrideFromPayload=O(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=LE();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=O(null);draft=O({...G$});message=O(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=i1;unsubscribe=[];destroyRef=C(Ds);injector=C(Ts);host=C(Il);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(()=>nD(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=O(``);sideFilter=O(`all`);failedOnly=O(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];callWindow=new aP({count:Q(()=>this.visibleCalls().length),estimate:37});shownCalls=Q(()=>{let{start:e,end:t}=this.callWindow.range();return this.visibleCalls().slice(e,t).map((t,n)=>({entry:t,index:e+n}))});callsBody=Jv(`callsBody`);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} ${K$(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} ${K$(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${K$(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>n1||this.bodyError()||this.rules().length>=t1)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&&!JT(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>=t1?`You can add up to ${t1} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>n1?`The URL pattern is limited to ${n1} characters.`:this.bodyError()?``:e.status.trim()&&!JT(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>r1)return`The mock body is limited to ${r1} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){mc(()=>{let e=this.callsBody()?.nativeElement;e&&this.callWindow.attach(e)}),mc(()=>{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 KT[e]??``}refetchReason(e){let t=`${e.method} ${K$(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${K$(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 W$[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),Hd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return ek(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=J$(e.url),r=e.error||!e.preview?null:Y$(e.preview);this.draft.set({...G$,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.`),Hd(()=>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&&!X$.includes(e)?[...X$,e]:X$).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({...G$}),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 VE(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 U$[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<=e1&&!$$.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...H$,kind:`state-edit`,pattern:t?Q$(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),Hd(()=>{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({...H$,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){Hd(()=>{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(``),Hd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await VE(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 VE(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=A({type:e,selectors:[[`app-network-inspector`]],viewQuery:function(e,t){e&1&&l_(t.callsBody,iQ,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:128,vars:54,consts:[[`callsBody`,``],[`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`],[`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`],[1,`table-wrap`],[`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`],[1,`muted`,`small`,`window-note`],[`aria-rowindex`,`1`],[`appRovingList`,`button[data-call-id]`,3,`rovingWindow`],[`aria-hidden`,`true`,1,`spacer`],[`colspan`,`7`],[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,lQ,4,0,`div`,1)(1,uQ,7,0,`div`,2),L(2,`div`,3)(3,`div`,4)(4,`span`,5),J(5,`Page`),R(),L(6,`app-select`,6),U(`valueChange`,function(e){return t.selectPage(e)}),R()(),L(7,`button`,7),U(`click`,function(){return t.clearCalls()}),J(8,` Clear timeline `),R(),L(9,`p`,8),J(10),R()(),L(11,`div`,9)(12,`section`,10)(13,`h2`,11),J(14),R(),M(15,IQ,20,1)(16,LQ,11,0,`div`,12),R(),L(17,`section`,13)(18,`h2`,14),J(19),R(),z(20,`app-limit-note`,15),L(21,`div`,16)(22,`div`,17),D(),L(23,`svg`,18),z(24,`circle`,19)(25,`path`,20),R(),_s(),L(26,`input`,21),U(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),R()(),L(27,`app-select`,22),cv(`valueChange`,function(e){return sv(t.sideFilter,e)||(t.sideFilter=e),e}),R(),L(28,`label`,23)(29,`input`,24),U(`change`,function(e){return t.failedOnly.set(e.target.checked)}),R(),J(30,` Failed only `),R(),L(31,`span`,25),J(32),R(),L(33,`span`,26),J(34),R()(),M(35,qQ,25,5)(36,XQ,9,1,`div`,27)(37,ZQ,11,0,`div`,12),M(38,e$,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,t$,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,n$,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,c$,17,17,`li`,52,aQ,!1,l$,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,u$,8,1)(107,p$,12,6)(108,m$,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,_$,12,12,`li`,52,aQ,!1,v$,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,A$,37,14)(122,j$,5,0,`div`,12),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,B$,2,1)(127,V$,3,0,`div`,12),R()()),e&2){let e,n,r,i;N(t.loading()?0:t.failed()?1:-1),k(6),I(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),k(),I(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),Y(t.message()),k(4),X(`SSR requests (`,t.requests().length,`)`),k(),N(t.requests().length?15:16),k(4),X(`HTTP timeline (`,t.timeline().length,`)`),k(),I(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),k(),q(`no-calls`,!t.timeline().length),k(5),I(`value`,t.callQuery()),k(),I(`options`,t.sideOptions),ov(`value`,t.sideFilter),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.visibleCalls().length,` of `,t.timeline().length),k(2),Y(t.filterStatus()),k(),N(t.visibleCalls().length?35:t.timeline().length?36:37),k(3),N((e=t.selectedCall())?38:-1,e),k(4),N(t.canWrite()?-1:42),k(7),I(`value`,t.draft().pattern),k(5),I(`options`,t.methodOptions())(`value`,t.draft().method),k(4),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),k(5),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),k(3),I(`value`,t.draft().delayMs),k(6),I(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),j(`aria-invalid`,t.bodyError()?`true`:null),k(2),Y(t.bodyError()),k(),N(t.draftMocksOnServer()?75:-1),k(2),Y(t.draftHint()),k(2),I(`disabled`,!t.canWrite()||!t.draftRule()),j(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),k(3),X(` Rules (`,t.rules().length,`) `),k(2),F(t.rules()),k(15),I(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),k(6),I(`value`,t.overrideDraft().pattern),k(),N((n=t.overrideDraft().kind)===`render-error`?106:n===`state-edit`?107:n===`client-render`?108:-1),k(4),I(`disabled`,!t.canWrite()||!t.overrideReady()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),X(` Overrides (`,t.overrides().length,`) `),k(2),F(t.overrides()),k(6),N((r=t.selected()?.hydration)?121:122,r),k(5),N((i=t.selectedPayload())?126:127,i)}},dependencies:[rk,qz,OO,gb],styles:[`@charset "UTF-8";
+}`]})},aQ=[`callsBody`],oQ=(e,t)=>t.id,sQ=(e,t)=>t.id+t.kind,cQ=(e,t)=>t.entry.side+t.entry.id,lQ=(e,t)=>t.key;function uQ(e,t){e&1&&(L(0,`div`,1),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function dQ(e,t){if(e&1){let e=H();L(0,`div`,2)(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 T(e),E(G().retry())}),J(6,`Try again`),R()()}}function fQ(e,t){e&1&&(L(0,`span`,82),J(1,`this page`),R())}function pQ(e,t){e&1&&(L(0,`span`,83),J(1,`overridden`),R())}function mQ(e,t){e&1&&(L(0,`span`,84),J(1,`aborted`),R())}function hQ(e,t){if(e&1){let e=H();L(0,`tr`,74),U(`click`,function(){let t=T(e).$implicit;return E(G(2).selectedRequestId.set(t.id))}),L(1,`td`,75)(2,`button`,76)(3,`span`,77),J(4),R(),J(5),R()(),L(6,`td`,78),z(7,`span`,79),J(8),R(),L(9,`td`),J(10),R(),L(11,`td`,80),J(12),R(),L(13,`td`,80),J(14),R(),L(15,`td`)(16,`div`,81),M(17,fQ,2,0,`span`,82),M(18,pQ,2,0,`span`,83),M(19,mQ,2,0,`span`,84),R()()()}if(e&2){let e=t.$implicit,n=G(2);q(`selected`,n.selectedRequest()?.id===e.id),k(2),I(`title`,e.url),j(`aria-pressed`,n.selectedRequest()?.id===e.id),k(2),Y(e.method),k(),X(` `,e.url,` `),k(),q(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),k(2),X(``,e.status,` `),k(2),Y(n.renderModeLabel(e.renderMode)),k(2),X(``,e.renderMs,` ms`),k(2),Z(``,e.fetches,` (`,e.fetchMs,` ms)`),k(3),N(e.id===n.selected()?.ssrRequestId?17:-1),k(),N(e.overrides?.length?18:-1),k(),N(e.aborted?19:-1)}}function gQ(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&&(k(),X(` The body was already compressed (`,t,`) when `))}function _Q(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.note)}}function vQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,83),J(2),R(),L(3,`span`),J(4),R(),M(5,_Q,2,1,`span`,89),R()),e&2){let e=t.$implicit,n=G(4);k(2),Y(n.overrideLabel(e.kind)),k(2),Y(e.applied?`applied`:`not applied`),k(),N(e.note?5:-1)}}function yQ(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,vQ,6,3,`p`,88,sQ)),e&2){let e=G();k(4),F(e.overrides)}}function bQ(e,t){if(e&1&&(J(0,` to `),L(1,`code`),J(2),R()),e&2){let e=G().$implicit;k(2),Y(e.finalUrl)}}function xQ(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);k(3),q(`bad`,t.guardVerdict(e)===`rejected`),k(),Z(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function SQ(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);k(4),Y(t.msLabel(e.resolvers.ms))}}function CQ(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;k(4),X(``,e.durationMs,` ms`)}}function wQ(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.reason)}}function TQ(e,t){if(e&1&&(L(0,`dl`,90)(1,`div`)(2,`dt`),J(3,`Navigation`),R(),L(4,`dd`)(5,`code`),J(6),R(),M(7,bQ,3,1),J(8),R()(),M(9,xQ,5,4,`div`),M(10,SQ,5,1,`div`),M(11,CQ,5,1,`div`),R(),M(12,wQ,2,1,`p`,56)),e&2){let e=t.$implicit;k(6),Y(e.url),k(),N(e.finalUrl?7:-1),k(),X(` (`,e.outcome,`) `),k(),N(e.guards?9:-1),k(),N(e.resolvers?10:-1),k(),N(e.durationMs===void 0?-1:11),k(),N(e.reason?12:-1)}}function EQ(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,TQ,13,7,null,null,kg)),e&2){let e=G();k(2),F(e.navigations)}}function DQ(e,t){e&1&&(L(0,`span`,82),J(1,`cached`),R())}function OQ(e,t){if(e&1&&(L(0,`span`,92),J(1,`not cached`),R()),e&2){let e=G().$implicit;I(`title`,G(3).skipText(e.cacheSkip))}}function kQ(e,t){if(e&1&&(L(0,`p`,93),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),X(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function AQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,78),J(6),R(),L(7,`span`,89),J(8),R(),M(9,DQ,2,0,`span`,82)(10,OQ,2,1,`span`,92),R(),M(11,kQ,2,1,`p`,93)),e&2){let e=t.$implicit,n=G(3);k(2),Y(e.method),k(),I(`title`,e.url),k(),Y(e.url),k(),q(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),k(),Y(n.statusLabel(e)),k(2),X(``,e.durationMs,` ms`),k(),N(e.cacheStored?9:e.cacheSkip?10:-1),k(2),N(!e.cacheStored&&e.cacheSkip?11:-1)}}function jQ(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function MQ(e,t){e&1&&(L(0,`p`,93),J(1),R()),e&2&&(k(),X(`Why: `,t,`.`))}function NQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,77),J(2),R(),L(3,`span`,91),J(4),R(),L(5,`span`,84),J(6,`cache miss`),R()(),M(7,MQ,2,1,`p`,93)),e&2){let e,n=t.$implicit,r=G(4);k(2),Y(n.method),k(),I(`title`,n.url),k(),Y(n.url),k(3),N((e=r.refetchReason(n))?7:-1,e)}}function PQ(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,NQ,8,4,null,null,oQ)),e&2){let e=G(3);k(),X(`Fetched again in the browser (`,e.refetched().length,`)`),k(3),F(e.refetched())}}function FQ(e,t){e&1&&(L(0,`p`,87),J(1,`No server call ran again in the browser.`),R())}function IQ(e,t){if(e&1&&(L(0,`div`,73)(1,`h3`,85),J(2),L(3,`code`),J(4),R()(),L(5,`dl`,86)(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,gQ,11,1,`p`,56),M(33,yQ,6,0),M(34,EQ,4,0),L(35,`h3`),J(36),R(),P(37,AQ,12,11,null,null,oQ,!1,jQ,2,0,`p`,56),M(40,PQ,6,1)(41,FQ,2,0,`p`,87),R()),e&2){let e,n=t,r=G(2);k(2),X(` `,n.method,` `),k(2),Y(n.url),k(7),Y(n.id),k(5),X(``,n.renderMs,` ms`),k(5),X(``,n.durationMs,` ms`),k(5),X(``,n.bytes,` B`),k(5),Y(r.requestPage()?.title||r.requestPage()?.url||`not connected`),k(),N((e=r.compressedWith(n))?32:-1,e),k(),N(n.overrides?.length?33:-1),k(),N(n.navigations?.length?34:-1),k(2),X(`Server calls (`,r.requestCalls().length,`)`),k(),F(r.requestCalls()),k(3),N(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function LQ(e,t){if(e&1&&(L(0,`div`,69)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,70),J(5,`Request`),R(),L(6,`th`,70),J(7,`Status`),R(),L(8,`th`,70),J(9,`Render mode`),R(),L(10,`th`,71),J(11,`Render`),R(),L(12,`th`,71),J(13,`Server calls`),R(),L(14,`th`,70),J(15,`Notes`),R()()(),L(16,`tbody`),P(17,hQ,20,20,`tr`,72,oQ),R()()(),M(19,IQ,42,13,`div`,73)),e&2){let e,t=G();k(17),F(t.requests()),k(2),N((e=t.selectedRequest())?19:-1,e)}}function RQ(e,t){e&1&&(L(0,`div`,12)(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 zQ(e,t){e&1&&(L(0,`p`,94),J(1,` Rows render as you scroll, so the browser's find only sees the ones near view; the search field searches them all. `),R())}function BQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padTop(),`px`)}}function VQ(e,t){e&1&&(L(0,`span`,99),J(1,`transfer cache`),R())}function HQ(e,t){if(e&1&&(L(0,`span`,99),J(1),R()),e&2){G();let e=fv(0);k(),X(`delayed `,e.delayMs,` ms`)}}function UQ(e,t){e&1&&(L(0,`span`,83),J(1,`mocked`),R())}function WQ(e,t){e&1&&(L(0,`span`,84),J(1,`faulted`),R())}function GQ(e,t){if(e&1&&(L(0,`span`,102),J(1,`rule `),L(2,`code`),J(3),R()()),e&2){let e=t;I(`title`,`Matched rule: `+e),k(3),Y(e)}}function KQ(e,t){if(e&1){let e=H();uv(0),L(1,`tr`,74),U(`click`,function(){T(e);let t=fv(0);return E(G(2).openCall(t.id))}),L(2,`td`)(3,`span`,99),J(4),R()(),L(5,`td`,77),J(6),R(),L(7,`td`,75)(8,`button`,100),J(9),R()(),L(10,`td`,101),J(11),R(),L(12,`td`,78),z(13,`span`,79),J(14),R(),L(15,`td`,80),J(16),R(),L(17,`td`)(18,`div`,81),M(19,VQ,2,0,`span`,99),M(20,HQ,2,1,`span`,99),M(21,UQ,2,0,`span`,83),M(22,WQ,2,0,`span`,84),M(23,GQ,4,2,`span`,102),R()()()}if(e&2){let e,n=t.$implicit,r=G(2),i=dv(n.entry);k(),q(`selected`,r.selectedCall()?.id===i.id),j(`aria-rowindex`,n.index+2)(`data-vindex`,n.index),k(2),q(`server`,i.side===`server`),k(),Y(i.side===`server`?`SSR`:`Client`),k(2),Y(i.method),k(2),I(`title`,i.url),j(`data-call-id`,i.id)(`aria-pressed`,r.selectedCall()?.id===i.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),k(),X(` `,i.url,` `),k(),I(`title`,i.pageUrl??``),k(),X(` `,i.pageUrl??``,` `),k(),q(`ok`,r.callTone(i)===`ok`)(`redirect`,r.callTone(i)===`redirect`)(`bad`,r.callTone(i)===`bad`),k(2),X(``,r.statusLabel(i),` `),k(2),X(``,i.durationMs,` ms`),k(3),N(i.cacheHit?19:-1),k(),N(i.delayMs?20:-1),k(),N(i.mocked?21:-1),k(),N(i.faulted?22:-1),k(),N((e=r.rulePatternOf(i))?23:-1,e)}}function qQ(e,t){if(e&1&&(L(0,`tr`,97),z(1,`td`,98),R()),e&2){let e=G(2);k(),K(`height`,e.callWindow.padBottom(),`px`)}}function JQ(e,t){if(e&1&&(M(0,zQ,2,0,`p`,94),L(1,`div`,69)(2,`table`)(3,`thead`)(4,`tr`,95)(5,`th`,70),J(6,`Side`),R(),L(7,`th`,70),J(8,`Method`),R(),L(9,`th`,70),J(10,`URL`),R(),L(11,`th`,70),J(12,`Page`),R(),L(13,`th`,70),J(14,`Status`),R(),L(15,`th`,71),J(16,`Time`),R(),L(17,`th`,70),J(18,`Notes`),R()()(),L(19,`tbody`,96,0),M(21,BQ,2,2,`tr`,97),P(22,KQ,24,29,`tr`,72,cQ),M(24,qQ,2,2,`tr`,97),R()()()),e&2){let e=G();N(e.callWindow.enabled()?0:-1),k(2),j(`aria-rowcount`,e.visibleCalls().length+1),k(17),I(`rovingWindow`,e.callWindow),k(2),N(e.callWindow.padTop()?21:-1),k(),F(e.shownCalls()),k(2),N(e.callWindow.padBottom()?24:-1)}}function YQ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function XQ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function ZQ(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,YQ,1,1)(5,XQ,1,1),R(),L(6,`div`,103)(7,`button`,68),U(`click`,function(){return T(e),E(G().clearCallFilters())}),J(8,`Clear filters`),R()()()}if(e&2){let e=G();k(4),N(e.callQuery().trim()?4:5)}}function QQ(e,t){e&1&&(L(0,`div`,12)(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 $Q(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G();return E(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 e$(e,t){e&1&&(L(0,`p`,112),J(1,` Matched rule `),L(2,`code`),J(3),R()()),e&2&&(k(3),Y(t))}function t$(e,t){if(e&1){let e=H();L(0,`div`,104),U(`keydown.escape`,function(){return T(e),E(G().closePreview())}),L(1,`div`,105)(2,`h3`,106),J(3,`Response preview`),R(),L(4,`div`,107),M(5,$Q,2,1,`button`,108),L(6,`button`,109),U(`click`,function(){let t=T(e);return E(G().mockCall(t))}),J(7,` Mock this request `),R(),L(8,`button`,110),U(`click`,function(){return T(e),E(G().closePreview())}),J(9,`Close`),R()()(),L(10,`p`,111)(11,`span`,77),J(12),R(),L(13,`span`,78),J(14),R(),L(15,`span`,91),J(16),R()(),M(17,e$,4,1,`p`,112),L(18,`pre`,113),J(19),R()()}if(e&2){let e,n=t,r=G();k(5),N(!n.error&&n.preview?5:-1),k(),I(`disabled`,!r.canWrite()),j(`aria-describedby`,r.canWrite()?null:`http-writes-off`),k(6),Y(n.method),k(),q(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),k(),Y(r.statusLabel(n)),k(),I(`title`,n.url),k(),Y(n.url),k(),N((e=r.rulePatternOf(n))?17:-1,e),k(),q(`error`,!!n.error&&!n.cancelled),j(`aria-label`,n.error?`Response error`:`Response body`),k(),Y(n.error??r.previewText(n)??`(no body)`)}}function n$(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();k(),Y(e.writesOff)}}function r$(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 i$(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function a$(e,t){if(e&1&&(L(0,`span`,78),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`),k(),Y(e.status)}}function o$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.delayMs,` ms`)}}function s$(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function c$(e,t){e&1&&(L(0,`p`,121),J(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),R())}function l$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleRule(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,118),U(`click`,function(){let t=T(e).$implicit;return E(G().removeRule(t.id))}),J(8,` Remove `),R(),L(9,`span`,119)(10,`span`),J(11),R(),M(12,i$,2,0,`span`)(13,a$,2,7,`span`,120),M(14,o$,2,1,`span`),M(15,s$,2,0,`span`),R(),M(16,c$,2,0,`p`,121),R()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(e.method||`ANY`),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),k(4),Y(n.targetLabel(e.target)),k(),N(e.status===void 0?12:13),k(2),N(e.delayMs?14:-1),k(),N(e.body?15:-1),k(),N(n.mocksOnServer(e)?16:-1)}}function u$(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function d$(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`,122),U(`input`,function(t){return T(e),E(G().patchOverride(`message`,t))}),R()()}if(e&2){let e=G();k(7),I(`value`,e.overrideDraft().message)}}function f$(e,t){e&1&&J(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function p$(e,t){e&1&&(L(0,`p`,126),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,f$,1,0),R()),e&2&&(k(2),N(t===`http`?2:-1))}function m$(e,t){if(e&1){let e=H();L(0,`label`),J(1,` TransferState key `),L(2,`input`,123),U(`input`,function(t){return T(e),E(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`,124),U(`input`,function(t){return T(e),E(G().patchOverride(`value`,t))}),R()(),L(9,`p`,125),J(10),R(),M(11,p$,3,1,`p`,126)}if(e&2){let e,t=G();k(2),I(`value`,t.overrideDraft().key),k(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`),k(2),Y(t.overrideValueError()),k(),N((e=t.overrideFromPayload())?11:-1,e)}}function h$(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 g$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function _$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Z(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function v$(e,t){if(e&1){let e=H();L(0,`li`)(1,`label`,114)(2,`input`,115),U(`change`,function(){let t=T(e).$implicit;return E(G().toggleOverride(t.id))}),R(),L(3,`code`,116)(4,`span`,117),J(5),R(),J(6),R()(),L(7,`button`,127),U(`click`,function(){let t=T(e).$implicit;return E(G().removeOverride(t.id))}),J(8,` Remove `),R(),L(9,`span`,119),M(10,g$,2,1,`span`),M(11,_$,2,2,`span`),R()()}if(e&2){let e=t.$implicit,n=G();q(`off`,!e.enabled),k(2),I(`checked`,e.enabled)(`disabled`,!n.canWrite()),j(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),k(),I(`title`,e.pattern),k(2),Y(n.overrideLabel(e.kind)),k(),X(` `,e.pattern),k(),I(`disabled`,!n.canWrite()),j(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),k(3),N(e.message?10:-1),k(),N(e.key?11:-1)}}function y$(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function b$(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;k(4),Y(e.hydrated),k(5),Y(e.skipped),k(4),q(`bad`,e.mismatched>0),k(),Y(e.mismatched)}}function x$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Expected`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.expected)}}function S$(e,t){if(e&1&&(L(0,`span`,129)(1,`span`,130),J(2,`Actual`),R(),L(3,`code`),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.actual)}}function C$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,x$,5,1,`span`,129),M(4,S$,5,1,`span`,129),R()),e&2){let e=t.$implicit;k(2),Y(`<`+e.component+`>`),k(),N(e.expected?3:-1),k(),N(e.actual?4:-1)}}function w$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,128),P(3,C$,5,3,`li`,null,kg),R()),e&2){let e=G();k(),X(`Mismatches (`,e.mismatches.length,`)`),k(2),F(e.mismatches)}}function T$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;k(2),Y(e)}}function E$(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,131),P(3,T$,3,1,`li`,null,kg),R()),e&2){let e=G();k(3),F(e.skipHydrationHosts)}}function D$(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 O$(e,t){if(e&1&&(L(0,`pre`,132),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function k$(e,t){e&1&&(L(0,`p`,87),J(1,`No hydration warnings.`),R())}function A$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,O$,2,1,`pre`,132,kg,!1,k$,2,0,`p`,87)),e&2){let e=G();k(),X(`Warnings (`,e.warnings.length,`)`),k(),F(e.warnings)}}function j$(e,t){if(e&1&&(L(0,`dl`,86)(1,`div`)(2,`dt`),J(3,`Enabled`),R(),L(4,`dd`)(5,`span`,99),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,b$,15,5),R(),M(33,w$,5,1),M(34,E$,5,0),M(35,D$,7,0)(36,A$,5,2)),e&2){let e,n=t;k(5),q(`on`,n.enabled)(`off-tag`,!n.enabled),k(),Y(n.enabled?`yes`:`no (client render only)`),k(5),Y(n.hydratedComponents??`n/a`),k(5),Y(n.hydratedNodes??`n/a`),k(5),Y(n.componentsSkippedHydration??`n/a`),k(5),Y(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),k(5),Y(n.deferBlocksWithIncrementalHydration??`n/a`),k(),N((e=n.nodes)?32:-1,e),k(),N(n.mismatches?.length?33:-1),k(),N(n.skipHydrationHosts.length?34:-1),k(),N(n.warningsCaptured===!1?35:36)}}function M$(e,t){e&1&&(L(0,`div`,12)(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 N$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function P$(e,t){if(e&1&&(L(0,`p`,134),J(1),R()),e&2){let e=G(2);k(),Y(e.error)}}function F$(e,t){e&1&&(L(0,`span`,99),J(1),R()),e&2&&(k(),Y(t))}function I$(e,t){if(e&1&&(L(0,`span`,99),J(1),R(),L(2,`span`,137),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`),k(),X(`HTTP `,e.status),k(2),Y(e.url??n.key)}}function L$(e,t){if(e&1&&(L(0,`span`,137),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.key)}}function R$(e,t){if(e&1){let e=H();L(0,`button`,110),U(`click`,function(){T(e);let t=G().$implicit;return E(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 z$(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,136),M(3,F$,2,1,`span`,99),M(4,I$,4,6)(5,L$,2,1,`span`,137),L(6,`span`,138),J(7),R()(),L(8,`div`,139)(9,`span`,140),J(10,`Key`),R(),L(11,`code`,141),J(12),R(),L(13,`div`,142)(14,`button`,110),U(`click`,function(){let t=T(e).$implicit;return E(G(3).copyKey(t.key))}),J(15,` Copy `),R(),M(16,R$,2,1,`button`,108),R()(),L(17,`pre`,143),J(18),xv(19,`json`),R()()}if(e&2){let e,n,r=t.$implicit,i=G(3);k(3),N((e=i.payloadLabel(r))?3:-1,e),k(),N((n=r.http)?4:5,n),k(3),X(``,r.size,` B`),k(5),Y(r.key),k(2),j(`aria-label`,`Copy key `+r.key),k(2),N(i.canEditEntry(r)?16:-1),k(),j(`aria-label`,`Value of `+r.key),k(),Y(Cv(19,8,r.value))}}function B$(e,t){if(e&1&&(L(0,`p`,133),J(1),R(),M(2,P$,2,1,`p`,134),L(3,`div`,135),P(4,z$,20,10,`details`,null,lQ),R()),e&2){let e=G();k(),rv(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),k(),N(e.error?2:-1),k(2),F(e.entries)}}function V$(e,t){e&1&&M(0,N$,3,0,`div`,12)(1,B$,6,4),e&2&&N(+!!t.found)}function H$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var U$={kind:`render-error`,pattern:``,message:``,key:``,value:``},W$={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},G$={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},K$={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function q$(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var J$=/\[redacted\]|%5Bredacted%5D/gi;function Y$(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?q$(e):e).replace(J$,`*`)}function X$(e){let t=ek(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var Z$=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function Q$(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function $$(e){let t=Q$(e);return t===`/`?``:t}var e1=/\[redacted\]|%5Bredacted%5D/i,t1=200,n1=50,r1=500,i1=1e5,a1=[{value:``,label:`None`},...qT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],o1=class e{rpc=$(null);canWrite=Q(()=>rD(this.rpc(),`http`));writesOff=bE(`http`);loading=O(!1);failed=O(!1);serverCalls=O([]);pages=O([]);payloads=O({});serverDropped=O(0);requests=O([]);rules=O([]);overrides=O([]);overrideDraft=O({...U$});overrideFromPayload=O(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=LE();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=O(null);draft=O({...K$});message=O(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=a1;unsubscribe=[];destroyRef=C(Ds);injector=C(Ts);host=C(Il);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(()=>nD(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=O(``);sideFilter=O(`all`);failedOnly=O(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];callWindow=new aP({count:Q(()=>this.visibleCalls().length),estimate:37});shownCalls=Q(()=>{let{start:e,end:t}=this.callWindow.range();return this.visibleCalls().slice(e,t).map((t,n)=>({entry:t,index:e+n}))});callsBody=Jv(`callsBody`);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} ${q$(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} ${q$(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${q$(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>r1||this.bodyError()||this.rules().length>=n1)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&&!JT(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>=n1?`You can add up to ${n1} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>r1?`The URL pattern is limited to ${r1} characters.`:this.bodyError()?``:e.status.trim()&&!JT(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>i1)return`The mock body is limited to ${i1} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){mc(()=>{let e=this.callsBody()?.nativeElement;e&&this.callWindow.attach(e)}),mc(()=>{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 KT[e]??``}refetchReason(e){let t=`${e.method} ${q$(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${q$(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 G$[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),Hd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return ek(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=Y$(e.url),r=e.error||!e.preview?null:X$(e.preview);this.draft.set({...K$,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.`),Hd(()=>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&&!Z$.includes(e)?[...Z$,e]:Z$).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({...K$}),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 VE(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 W$[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<=t1&&!e1.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...U$,kind:`state-edit`,pattern:t?$$(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),Hd(()=>{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({...U$,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){Hd(()=>{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(``),Hd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await VE(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 VE(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=A({type:e,selectors:[[`app-network-inspector`]],viewQuery:function(e,t){e&1&&l_(t.callsBody,aQ,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},decls:128,vars:54,consts:[[`callsBody`,``],[`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`],[`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`],[1,`table-wrap`],[`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`],[1,`muted`,`small`,`window-note`],[`aria-rowindex`,`1`],[`appRovingList`,`button[data-call-id]`,3,`rovingWindow`],[`aria-hidden`,`true`,1,`spacer`],[`colspan`,`7`],[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,uQ,4,0,`div`,1)(1,dQ,7,0,`div`,2),L(2,`div`,3)(3,`div`,4)(4,`span`,5),J(5,`Page`),R(),L(6,`app-select`,6),U(`valueChange`,function(e){return t.selectPage(e)}),R()(),L(7,`button`,7),U(`click`,function(){return t.clearCalls()}),J(8,` Clear timeline `),R(),L(9,`p`,8),J(10),R()(),L(11,`div`,9)(12,`section`,10)(13,`h2`,11),J(14),R(),M(15,LQ,20,1)(16,RQ,11,0,`div`,12),R(),L(17,`section`,13)(18,`h2`,14),J(19),R(),z(20,`app-limit-note`,15),L(21,`div`,16)(22,`div`,17),D(),L(23,`svg`,18),z(24,`circle`,19)(25,`path`,20),R(),_s(),L(26,`input`,21),U(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),R()(),L(27,`app-select`,22),cv(`valueChange`,function(e){return sv(t.sideFilter,e)||(t.sideFilter=e),e}),R(),L(28,`label`,23)(29,`input`,24),U(`change`,function(e){return t.failedOnly.set(e.target.checked)}),R(),J(30,` Failed only `),R(),L(31,`span`,25),J(32),R(),L(33,`span`,26),J(34),R()(),M(35,JQ,25,5)(36,ZQ,9,1,`div`,27)(37,QQ,11,0,`div`,12),M(38,t$,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,n$,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,r$,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,l$,17,17,`li`,52,oQ,!1,u$,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,d$,8,1)(107,m$,12,6)(108,h$,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,v$,12,12,`li`,52,oQ,!1,y$,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,j$,37,14)(122,M$,5,0,`div`,12),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,V$,2,1)(127,H$,3,0,`div`,12),R()()),e&2){let e,n,r,i;N(t.loading()?0:t.failed()?1:-1),k(6),I(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),k(),I(`disabled`,!t.canWrite()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),Y(t.message()),k(4),X(`SSR requests (`,t.requests().length,`)`),k(),N(t.requests().length?15:16),k(4),X(`HTTP timeline (`,t.timeline().length,`)`),k(),I(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),k(),q(`no-calls`,!t.timeline().length),k(5),I(`value`,t.callQuery()),k(),I(`options`,t.sideOptions),ov(`value`,t.sideFilter),k(2),I(`checked`,t.failedOnly()),k(3),Z(``,t.visibleCalls().length,` of `,t.timeline().length),k(2),Y(t.filterStatus()),k(),N(t.visibleCalls().length?35:t.timeline().length?36:37),k(3),N((e=t.selectedCall())?38:-1,e),k(4),N(t.canWrite()?-1:42),k(7),I(`value`,t.draft().pattern),k(5),I(`options`,t.methodOptions())(`value`,t.draft().method),k(4),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),k(5),I(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),k(3),I(`value`,t.draft().delayMs),k(6),I(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),j(`aria-invalid`,t.bodyError()?`true`:null),k(2),Y(t.bodyError()),k(),N(t.draftMocksOnServer()?75:-1),k(2),Y(t.draftHint()),k(2),I(`disabled`,!t.canWrite()||!t.draftRule()),j(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),k(3),X(` Rules (`,t.rules().length,`) `),k(2),F(t.rules()),k(15),I(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),k(6),I(`value`,t.overrideDraft().pattern),k(),N((n=t.overrideDraft().kind)===`render-error`?106:n===`state-edit`?107:n===`client-render`?108:-1),k(4),I(`disabled`,!t.canWrite()||!t.overrideReady()),j(`aria-describedby`,t.canWrite()?null:`http-writes-off`),k(3),X(` Overrides (`,t.overrides().length,`) `),k(2),F(t.overrides()),k(6),N((r=t.selected()?.hydration)?121:122,r),k(5),N((i=t.selectedPayload())?126:127,i)}},dependencies:[rk,Jz,OO,gb],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
@@ -15077,7 +15077,7 @@ summary[_ngcontent-%COMP%]:hover   .entry-key[_ngcontent-%COMP%] {
   .message[_ngcontent-%COMP%] {
     text-align: left;
   }
-}`]})};function o1(e,t){e&1&&(D(),B(0,`svg`,9),Vg(1,`path`,20),V())}function s1(e,t){e&1&&(D(),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 c1(e,t){e&1&&(D(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function l1(e,t){e&1&&(D(),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 u1(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,Nu),k(3),Y(e.label)}}function d1(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`),k(),Y(e)}}var f1=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=A({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,o1,2,0,`:svg:svg`,9)(12,s1,11,0,`:svg:svg`,10)(13,c1,5,0,`:svg:svg`,11)(14,l1,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,u1,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,d1,2,3,`li`,19,Ag),V()()),e&2){let e,n;k(11),N((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),k(7),X(` `,t.info().badge),k(2),Y(t.info().heading),k(2),Y(t.info().summary),k(),N((n=t.info().link)?23:-1,n),k(2),X(` `,t.plansTitle(),` `),k(2),F(t.info().plans)}},styles:[`[_nghost-%COMP%] {
+}`]})};function s1(e,t){e&1&&(D(),B(0,`svg`,9),Vg(1,`path`,20),V())}function c1(e,t){e&1&&(D(),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 l1(e,t){e&1&&(D(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function u1(e,t){e&1&&(D(),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 d1(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,Nu),k(3),Y(e.label)}}function f1(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`),k(),Y(e)}}var p1=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=A({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,s1,2,0,`:svg:svg`,9)(12,c1,11,0,`:svg:svg`,10)(13,l1,5,0,`:svg:svg`,11)(14,u1,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,d1,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,f1,2,3,`li`,19,Ag),V()()),e&2){let e,n;k(11),N((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),k(7),X(` `,t.info().badge),k(2),Y(t.info().heading),k(2),Y(t.info().summary),k(),N((n=t.info().link)?23:-1,n),k(2),X(` `,t.plansTitle(),` `),k(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%);
@@ -15423,9 +15423,9 @@ h2[_ngcontent-%COMP%] {
    .author[_ngcontent-%COMP%]:hover   .go[_ngcontent-%COMP%] {
     transform: none;
   }
-}`]})},p1=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function m1(e){return e==null?`Unknown`:e?`Yes`:`No`}function h1(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 g1(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 _1=new WeakMap;function v1(e){let t=e.calls;if(Array.isArray(t))return e;let n=_1.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)},_1.set(e,n)}return n}function y1(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(v1).sort((e,t)=>t.reportedAt-e.reportedAt)}function b1(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function x1(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function S1(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||x1(e,n)>=500}function C1(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 w1(e,t){let n=t-e;return n<1e3?`just now`:`${C1(n)} ago`}function T1(e,t){return p1.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 E1(e,t){let n=e.info,r=n=>e.calls.filter(e=>S1(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=>T1(e,n.platform)).length}}function D1(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 O1=/^[A-Za-z_$][\w$]*$/;function k1(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+k1(e,n)).join(`,
-`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${O1.test(e)?e:JSON.stringify(e)}: ${k1(t,n)}`).join(`,
-`)},\n${t}}`:`{}`}function A1(e){let t=O1.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=O1.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[k1(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function j1(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function M1(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 N1(e,t){if(e&1){let e=H();B(0,`button`,8),W(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,n.tabLabel(e),` `)}}function P1(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function F1(e,t){if(e&1&&(B(0,`pre`,10),J(1),V()),e&2){let e=G(2),t=fv(0);k(),Y(e.json(t.args))}}function I1(e,t){e&1&&M(0,P1,2,0,`p`,9)(1,F1,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function L1(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.code)}}function R1(e,t){if(e&1&&(B(0,`p`,11),M(1,L1,2,1,`code`),J(2),V()),e&2){let e=t;k(),N(e.code?1:-1),k(),X(` `,e.message,` `)}}function z1(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function B1(e,t){if(e&1&&(B(0,`p`,9),J(1),V()),e&2){G(3);let e=fv(0);k(),X(`The latest of `,e.callbacks,` callbacks.`)}}function V1(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function H1(e,t){if(e&1&&(B(0,`pre`,12),J(1),V()),e&2){let e=G(3),t=fv(0);k(),Y(e.json(t.result))}}function U1(e,t){if(e&1&&(M(0,B1,2,1,`p`,9),M(1,V1,2,0,`p`,9)(2,H1,2,1,`pre`,12)),e&2){G(2);let e=fv(0);N(e.callbacks&&e.callbacks>1?0:-1),k(),N(e.result===void 0?1:2)}}function W1(e,t){if(e&1&&M(0,R1,3,2,`p`,11)(1,z1,2,0,`p`,9)(2,U1,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function G1(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);k(4),Y(e.callbacks??0)}}function K1(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,G1,5,1,`div`),V()),e&2){let e=G(),t=fv(0);k(5),Y(e.time(t.startedAt)),k(5),X(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),k(3),Y(t.status===`pending`?`Waiting for`:`Duration`),k(2),Y(e.span(e.took(t,e.now()))),k(),N(t.kind===`callback`?16:-1)}}var q1=[`args`,`outcome`,`timing`],J1=class e{call=$.required();now=$.required();announce=Rv();host=C(Il);tab=O(`args`);tabOrder=q1;json=j1;time=QO;span=C1;took=x1;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:b1(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=q1.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%q1.length;else if(e.key===`ArrowLeft`)n=(t-1+q1.length)%q1.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=q1.length-1;else return;e.preventDefault();let r=q1[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`?j1(t):A1(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=A({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,N1,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,I1,2,1)(17,W1,3,1)(18,K1,17,5,`dl`),V()()),e&2){let e,n=dv(t.call());k(4),Z(``,n.plugin,`.`,n.method,`()`),k(2),rv(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),k(7),F(t.tabOrder),k(2),qg(`id`,`cap-panel-`+t.tab()),j(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),k(),N((e=t.tab())===`args`?16:e===`outcome`?17:e===`timing`?18:-1)}},styles:[`.detail[_ngcontent-%COMP%] {
+}`]})},m1=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function h1(e){return e==null?`Unknown`:e?`Yes`:`No`}function g1(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 _1(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 v1=new WeakMap;function y1(e){let t=e.calls;if(Array.isArray(t))return e;let n=v1.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)},v1.set(e,n)}return n}function b1(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(y1).sort((e,t)=>t.reportedAt-e.reportedAt)}function x1(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function S1(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function C1(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||S1(e,n)>=500}function w1(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 T1(e,t){let n=t-e;return n<1e3?`just now`:`${w1(n)} ago`}function E1(e,t){return m1.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 D1(e,t){let n=e.info,r=n=>e.calls.filter(e=>C1(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=>E1(e,n.platform)).length}}function O1(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 k1=/^[A-Za-z_$][\w$]*$/;function A1(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+A1(e,n)).join(`,
+`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${k1.test(e)?e:JSON.stringify(e)}: ${A1(t,n)}`).join(`,
+`)},\n${t}}`:`{}`}function j1(e){let t=k1.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=k1.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[A1(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function M1(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function N1(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 P1(e,t){if(e&1){let e=H();B(0,`button`,8),W(`click`,function(){let t=T(e).$implicit;return E(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),k(),X(` `,n.tabLabel(e),` `)}}function F1(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function I1(e,t){if(e&1&&(B(0,`pre`,10),J(1),V()),e&2){let e=G(2),t=fv(0);k(),Y(e.json(t.args))}}function L1(e,t){e&1&&M(0,F1,2,0,`p`,9)(1,I1,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function R1(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.code)}}function z1(e,t){if(e&1&&(B(0,`p`,11),M(1,R1,2,1,`code`),J(2),V()),e&2){let e=t;k(),N(e.code?1:-1),k(),X(` `,e.message,` `)}}function B1(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function V1(e,t){if(e&1&&(B(0,`p`,9),J(1),V()),e&2){G(3);let e=fv(0);k(),X(`The latest of `,e.callbacks,` callbacks.`)}}function H1(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function U1(e,t){if(e&1&&(B(0,`pre`,12),J(1),V()),e&2){let e=G(3),t=fv(0);k(),Y(e.json(t.result))}}function W1(e,t){if(e&1&&(M(0,V1,2,1,`p`,9),M(1,H1,2,0,`p`,9)(2,U1,2,1,`pre`,12)),e&2){G(2);let e=fv(0);N(e.callbacks&&e.callbacks>1?0:-1),k(),N(e.result===void 0?1:2)}}function G1(e,t){if(e&1&&M(0,z1,3,2,`p`,11)(1,B1,2,0,`p`,9)(2,W1,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function K1(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);k(4),Y(e.callbacks??0)}}function q1(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,K1,5,1,`div`),V()),e&2){let e=G(),t=fv(0);k(5),Y(e.time(t.startedAt)),k(5),X(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),k(3),Y(t.status===`pending`?`Waiting for`:`Duration`),k(2),Y(e.span(e.took(t,e.now()))),k(),N(t.kind===`callback`?16:-1)}}var J1=[`args`,`outcome`,`timing`],Y1=class e{call=$.required();now=$.required();announce=Rv();host=C(Il);tab=O(`args`);tabOrder=J1;json=M1;time=QO;span=w1;took=S1;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:x1(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=J1.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%J1.length;else if(e.key===`ArrowLeft`)n=(t-1+J1.length)%J1.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=J1.length-1;else return;e.preventDefault();let r=J1[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`?M1(t):j1(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=A({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,P1,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,L1,2,1)(17,G1,3,1)(18,q1,17,5,`dl`),V()()),e&2){let e,n=dv(t.call());k(4),Z(``,n.plugin,`.`,n.method,`()`),k(2),rv(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),k(7),F(t.tabOrder),k(2),qg(`id`,`cap-panel-`+t.tab()),j(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),k(),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);
@@ -15578,7 +15578,7 @@ dd[_ngcontent-%COMP%] {
   margin: 0;
   color: var(--%NS%text);
   font-variant-numeric: tabular-nums;
-}`]})},Y1=(e,t)=>t.plugin,X1=(e,t)=>t.label;function Z1(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);k(),Y(e.value),k(5),Y(e.from),k(),X(`, `,t.ago(e.at,t.now()))}}function Q1(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function $1(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,Z1,8,3)(5,Q1,2,0,`span`,4),V()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),N(e.value===null?5:4)}}function e0(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,$1,6,2,`div`,null,X1),V()()),e&2){let e=t.$implicit;j(`aria-labelledby`,`cap-state-`+e.plugin),k(),qg(`id`,`cap-state-`+e.plugin),k(2),Y(e.plugin),k(2),F(e.fields)}}function t0(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function n0(e,t=e=>e){return n=>{let r=t0(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function r0(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var i0=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:r0([`getFoldState`],[`foldStateChange`],n0(`state`))},{label:`Posture`,sources:r0([`getFoldState`],[`foldStateChange`],n0(`posture`))},{label:`Hinge orientation`,sources:r0([`getFoldState`],[`foldStateChange`],n0(`hingeOrientation`))},{label:`Hinge angle`,sources:r0([`getHingeAngle`],[`hingeAngleChange`],n0(`angle`,e=>`${e}°`))},{label:`Active display`,sources:r0([`getFoldState`],[`foldStateChange`],n0(`activeDisplay`))},{label:`Size class`,sources:r0([`getSizeClass`],[`sizeClassChange`],e=>{let t=n0(`widthClass`)(e),n=n0(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function a0(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 o0(e,t=i0){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=a0(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 s0=class e{cards=$.required();now=$.required();ago=w1;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,e0,7,3,`article`,2,Y1),V()),e&2&&(k(3),F(t.cards()))},styles:[`[_nghost-%COMP%] {
+}`]})},X1=(e,t)=>t.plugin,Z1=(e,t)=>t.label;function Q1(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);k(),Y(e.value),k(5),Y(e.from),k(),X(`, `,t.ago(e.at,t.now()))}}function $1(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function e0(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,Q1,8,3)(5,$1,2,0,`span`,4),V()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),N(e.value===null?5:4)}}function t0(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,e0,6,2,`div`,null,Z1),V()()),e&2){let e=t.$implicit;j(`aria-labelledby`,`cap-state-`+e.plugin),k(),qg(`id`,`cap-state-`+e.plugin),k(2),Y(e.plugin),k(2),F(e.fields)}}function n0(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function r0(e,t=e=>e){return n=>{let r=n0(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function i0(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var a0=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:i0([`getFoldState`],[`foldStateChange`],r0(`state`))},{label:`Posture`,sources:i0([`getFoldState`],[`foldStateChange`],r0(`posture`))},{label:`Hinge orientation`,sources:i0([`getFoldState`],[`foldStateChange`],r0(`hingeOrientation`))},{label:`Hinge angle`,sources:i0([`getHingeAngle`],[`hingeAngleChange`],r0(`angle`,e=>`${e}°`))},{label:`Active display`,sources:i0([`getFoldState`],[`foldStateChange`],r0(`activeDisplay`))},{label:`Size class`,sources:i0([`getSizeClass`],[`sizeClassChange`],e=>{let t=r0(`widthClass`)(e),n=r0(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function o0(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 s0(e,t=a0){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=o0(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 c0=class e{cards=$.required();now=$.required();ago=T1;static ɵfac=function(t){return new(t||e)};static ɵcmp=A({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,t0,7,3,`article`,2,X1),V()),e&2&&(k(3),F(t.cards()))},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -15654,7 +15654,7 @@ dd[_ngcontent-%COMP%] {
 
 .missing[_ngcontent-%COMP%] {
   font-style: italic;
-}`]})},c0=(e,t)=>t.filter,l0=(e,t)=>t.id,u0=(e,t)=>t.name;function d0(e,t){e&1&&(L(0,`p`,1),J(1,`Loading Capacitor data…`),R())}function f0(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function p0(e,t){if(e&1){let e=H();L(0,`button`,27),U(`click`,function(){let t=T(e).$implicit;return E(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),k(2),Y(e.label),k(3),Y(e.count)}}function m0(e,t){if(e&1&&P(0,p0,6,4,`button`,26,c0),e&2){let e=G();F(G(2).callStats(e))}}function h0(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,m0,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;k(6),Y(e.platform),k(),X(` `,e.native?`native`:`web`),k(),N(e.logsCalls?8:-1),k(6),Y(e.capacitorHttp),k(6),Y(e.hints)}}function g0(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 T(e),E(G(2).selectedPageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function _0(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);k(3),I(`cards`,e.stateCards())(`now`,e.now())}}function v0(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);k(8),I(`href`,e.guideUrl,Nu)}}function y0(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);k(2),I(`href`,e.guideUrl,Nu)}}function b0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function x0(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(){T(e),G();let t=d_(7);return G(2).clearFilters(),E(t.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2),t=G();k(4),rv(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function S0(e,t){e&1&&(D(),z(0,`path`,50))}function C0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,56))}function w0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,57))}function T0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,58))}function E0(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function D0(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,46),U(`focus`,function(){let t=T(e).$implicit;return E(G(4).focusedCallId.set(t.id))})(`click`,function(){let t=T(e).$implicit;return E(G(4).select(t.id))}),L(2,`code`,47),J(3),R(),L(4,`span`,48),D(),L(5,`svg`,49),M(6,S0,1,0,`:svg:path`,50)(7,C0,2,0)(8,w0,2,0)(9,T0,2,0),R(),J(10),R(),M(11,E0,2,0,`span`,51),_s(),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);k(),q(`selected`,r.selected()?.id===n.id),j(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),k(2),Z(``,n.plugin,`.`,n.method,`()`),k(),j(`data-tone`,r.tone(n)),k(2),N((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),k(4),X(` `,r.statusLabel(n),` `),k(),N(n.kind===`callback`?11:-1),k(3),K(`width`,r.barWidth(n),`%`),k(),X(` `,r.durationText(n),` `),k(2),Y(n.via),k(2),Y(r.time(n.startedAt))}}function O0(e,t){if(e&1){let e=H();L(0,`app-capacitor-call-detail`,59),U(`announce`,function(t){return T(e),E(G(4).announce(t))}),R()}if(e&2){let e=G(4);I(`call`,t)(`now`,e.now())}}function k0(e,t){if(e&1){let e=H();L(0,`div`,42)(1,`ol`,44),U(`keydown`,function(t){return T(e),E(G(3).onListKey(t))}),P(2,D0,20,15,`li`,null,l0),R(),M(4,O0,1,2,`app-capacitor-call-detail`,45),R()}if(e&2){let e,t=G(3);k(2),F(t.shownCalls()),k(2),N((e=t.selected())?4:-1,e)}}function A0(e,t){if(e&1){let e=H();M(0,y0,6,1,`p`,15),L(1,`div`,33)(2,`div`,34),D(),L(3,`svg`,35),z(4,`circle`,36)(5,`path`,37),R(),_s(),L(6,`input`,38,0),U(`input`,function(t){return T(e),E(G(2).setSearch(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).setSearch(``))}),R()(),L(8,`app-select`,39),U(`valueChange`,function(t){return T(e),E(G(2).setFilter(t))}),R(),L(9,`span`,40),J(10),R()(),z(11,`app-limit-note`,41),M(12,b0,2,0,`p`,18)(13,x0,7,3,`div`,18)(14,k0,5,1,`div`,42)}if(e&2){let e=G(),t=G();N(e.info.webCalls?-1:0),k(6),I(`value`,t.filter()),k(2),I(`options`,t.filterOptions)(`value`,t.callFilter()),k(2),Z(``,t.shownCalls().length,` of `,e.calls.length,` calls`),k(),I(`dropped`,e.dropped)(`max`,t.maxCalls()),k(),N(e.calls.length?t.shownCalls().length?14:13:12)}}function j0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function M0(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();k(),Y(e.command)}}function N0(e,t){if(e&1){let e=H();L(0,`button`,65),U(`click`,function(){T(e);let t=G();return E(G(4).copyCommand(t.command))}),J(1,` Copy `),R()}e&2&&j(`aria-label`,`Copy `+G().command)}function P0(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,M0,2,1,`code`),J(3),R(),M(4,N0,2,1,`button`,64)),e&2){let e=t;k(),Y(e.before),k(),N(e.command?2:-1),k(),Y(e.after),k(),N(e.command?4:-1)}}function F0(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,P0,5,4),R()()),e&2){let e,n=t.$implicit,r=G(2),i=G();k(3),Y(n.name),k(2),Y(n.available?`Yes`:`No`),k(2),Y(i.yesNo(n.registered)),k(2),Y(n.native?`Yes`:`No`),k(2),N((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function I0(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,F0,12,5,`tr`,null,u0),R()()()),e&2){let e=G();k(15),F(e.info.plugins)}}function L0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function R0(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(3);k(),Y(t.preview(e.last))}}function z0(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function B0(e,t){if(e&1&&(M(0,R0,2,1,`code`,68)(1,z0,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)),k(3),X(`at `,t.time(e.lastEventAt))}}function V0(e,t){e&1&&J(0,` None yet `)}function H0(e,t){if(e&1&&(L(0,`span`,67),D(),L(1,`svg`,49),z(2,`path`,69)(3,`path`,70),R(),J(4),R()),e&2){let e=G().$implicit,t=G(3);k(4),X(` `,t.leakCount(e),` active listeners: possible leak `)}}function U0(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,B0,4,2)(11,V0,1,0),R(),L(12,`td`),J(13),M(14,H0,5,1,`span`,67),R()()),e&2){let e=t.$implicit,n=G(3);k(3),Y(e.plugin),k(3),Y(e.event),k(2),Y(e.events),k(2),N(e.lastEventAt?10:11),k(3),X(` `,e.removed?`Removed`:`Active`,` `),k(),N(!e.removed&&n.leakCount(e)>1?14:-1)}}function W0(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,U0,15,6,`tr`,null,l0),R()()()),e&2){let e=G();k(15),F(e.listeners)}}function G0(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,h0,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,g0,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,_0,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,v0,12,1,`p`,15)(46,A0,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,j0,2,0,`p`,18)(51,I0,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,L0,2,0,`p`,18)(56,W0,17,0,`div`,22),R()),e&2){let e,n=t,r=G();k(3),N((e=r.summary())?3:-1,e),k(2),Y(r.message()),k(5),N(r.pageOptions().length>1?10:-1),k(7),Y(n.info.platform),k(),X(` (`,n.info.native?`native`:`web`,`) `),k(6),Y(n.info.env.serverUrl||`none`),k(5),X(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),k(5),Y(r.loggedLabel()),k(6),Y(n.info.env.userAgent||`unknown`),k(),N(r.stateCards().length?41:-1),k(4),N(!n.info.bridge&&!n.info.webCalls?45:46),k(5),N(n.info.plugins.length?51:50),k(5),N(n.listeners.length?56:55)}}function K0(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 q0=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,J0=2e3,Y0={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},X0=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);injector=C(Ts);seen=new Map;hostPageId=LE();unsubscribe;time=QO;preview=M1;pluginHint=T1;guideUrl=q0;yesNo=m1;filterOptions=Object.keys(Y0).map(e=>({value:e,label:Y0[e]}));pages=O([]);loaded=O(!1);failed=O(!1);selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:g1(e,this.hostPageId)});selectedCallId=O(null);focusedCallId=O(null);filter=O(``);callFilter=O(`all`);now=O(Date.now());message=O(``);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(()=>nD(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=>S1(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=>x1(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${Y0[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?o0(e):[]});leaks=Q(()=>D1(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?E1(e,this.now()):null});summary=O(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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),Hd(()=>{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`:b1(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:b1(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${C1(x1(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,x1(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+J0-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(h1(y1(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=A({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,d0,2,0,`p`,1)(1,f0,5,0,`div`,2)(2,G0,57,13)(3,K0,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[rk,OO,J1,s0],styles:[`[_nghost-%COMP%] {
+}`]})},l0=(e,t)=>t.filter,u0=(e,t)=>t.id,d0=(e,t)=>t.name;function f0(e,t){e&1&&(L(0,`p`,1),J(1,`Loading Capacitor data…`),R())}function p0(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function m0(e,t){if(e&1){let e=H();L(0,`button`,27),U(`click`,function(){let t=T(e).$implicit;return E(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),k(2),Y(e.label),k(3),Y(e.count)}}function h0(e,t){if(e&1&&P(0,m0,6,4,`button`,26,l0),e&2){let e=G();F(G(2).callStats(e))}}function g0(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,h0,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;k(6),Y(e.platform),k(),X(` `,e.native?`native`:`web`),k(),N(e.logsCalls?8:-1),k(6),Y(e.capacitorHttp),k(6),Y(e.hints)}}function _0(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 T(e),E(G(2).selectedPageId.set(t))}),R()()}if(e&2){let e=G(),t=G();k(3),I(`options`,t.pageOptions())(`value`,e.pageId)}}function v0(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);k(3),I(`cards`,e.stateCards())(`now`,e.now())}}function y0(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);k(8),I(`href`,e.guideUrl,Nu)}}function b0(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);k(2),I(`href`,e.guideUrl,Nu)}}function x0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function S0(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(){T(e),G();let t=d_(7);return G(2).clearFilters(),E(t.focus())}),J(6,` Clear filters `),R()()}if(e&2){let e=G(2),t=G();k(4),rv(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function C0(e,t){e&1&&(D(),z(0,`path`,50))}function w0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,56))}function T0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,57))}function E0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,58))}function D0(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function O0(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,46),U(`focus`,function(){let t=T(e).$implicit;return E(G(4).focusedCallId.set(t.id))})(`click`,function(){let t=T(e).$implicit;return E(G(4).select(t.id))}),L(2,`code`,47),J(3),R(),L(4,`span`,48),D(),L(5,`svg`,49),M(6,C0,1,0,`:svg:path`,50)(7,w0,2,0)(8,T0,2,0)(9,E0,2,0),R(),J(10),R(),M(11,D0,2,0,`span`,51),_s(),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);k(),q(`selected`,r.selected()?.id===n.id),j(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),k(2),Z(``,n.plugin,`.`,n.method,`()`),k(),j(`data-tone`,r.tone(n)),k(2),N((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),k(4),X(` `,r.statusLabel(n),` `),k(),N(n.kind===`callback`?11:-1),k(3),K(`width`,r.barWidth(n),`%`),k(),X(` `,r.durationText(n),` `),k(2),Y(n.via),k(2),Y(r.time(n.startedAt))}}function k0(e,t){if(e&1){let e=H();L(0,`app-capacitor-call-detail`,59),U(`announce`,function(t){return T(e),E(G(4).announce(t))}),R()}if(e&2){let e=G(4);I(`call`,t)(`now`,e.now())}}function A0(e,t){if(e&1){let e=H();L(0,`div`,42)(1,`ol`,44),U(`keydown`,function(t){return T(e),E(G(3).onListKey(t))}),P(2,O0,20,15,`li`,null,u0),R(),M(4,k0,1,2,`app-capacitor-call-detail`,45),R()}if(e&2){let e,t=G(3);k(2),F(t.shownCalls()),k(2),N((e=t.selected())?4:-1,e)}}function j0(e,t){if(e&1){let e=H();M(0,b0,6,1,`p`,15),L(1,`div`,33)(2,`div`,34),D(),L(3,`svg`,35),z(4,`circle`,36)(5,`path`,37),R(),_s(),L(6,`input`,38,0),U(`input`,function(t){return T(e),E(G(2).setSearch(t.target.value))})(`keydown.escape`,function(){return T(e),E(G(2).setSearch(``))}),R()(),L(8,`app-select`,39),U(`valueChange`,function(t){return T(e),E(G(2).setFilter(t))}),R(),L(9,`span`,40),J(10),R()(),z(11,`app-limit-note`,41),M(12,x0,2,0,`p`,18)(13,S0,7,3,`div`,18)(14,A0,5,1,`div`,42)}if(e&2){let e=G(),t=G();N(e.info.webCalls?-1:0),k(6),I(`value`,t.filter()),k(2),I(`options`,t.filterOptions)(`value`,t.callFilter()),k(2),Z(``,t.shownCalls().length,` of `,e.calls.length,` calls`),k(),I(`dropped`,e.dropped)(`max`,t.maxCalls()),k(),N(e.calls.length?t.shownCalls().length?14:13:12)}}function M0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function N0(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();k(),Y(e.command)}}function P0(e,t){if(e&1){let e=H();L(0,`button`,65),U(`click`,function(){T(e);let t=G();return E(G(4).copyCommand(t.command))}),J(1,` Copy `),R()}e&2&&j(`aria-label`,`Copy `+G().command)}function F0(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,N0,2,1,`code`),J(3),R(),M(4,P0,2,1,`button`,64)),e&2){let e=t;k(),Y(e.before),k(),N(e.command?2:-1),k(),Y(e.after),k(),N(e.command?4:-1)}}function I0(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,F0,5,4),R()()),e&2){let e,n=t.$implicit,r=G(2),i=G();k(3),Y(n.name),k(2),Y(n.available?`Yes`:`No`),k(2),Y(i.yesNo(n.registered)),k(2),Y(n.native?`Yes`:`No`),k(2),N((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function L0(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,I0,12,5,`tr`,null,d0),R()()()),e&2){let e=G();k(15),F(e.info.plugins)}}function R0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function z0(e,t){if(e&1&&(L(0,`code`,68),J(1),R()),e&2){let e=G(2).$implicit,t=G(3);k(),Y(t.preview(e.last))}}function B0(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function V0(e,t){if(e&1&&(M(0,z0,2,1,`code`,68)(1,B0,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)),k(3),X(`at `,t.time(e.lastEventAt))}}function H0(e,t){e&1&&J(0,` None yet `)}function U0(e,t){if(e&1&&(L(0,`span`,67),D(),L(1,`svg`,49),z(2,`path`,69)(3,`path`,70),R(),J(4),R()),e&2){let e=G().$implicit,t=G(3);k(4),X(` `,t.leakCount(e),` active listeners: possible leak `)}}function W0(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,V0,4,2)(11,H0,1,0),R(),L(12,`td`),J(13),M(14,U0,5,1,`span`,67),R()()),e&2){let e=t.$implicit,n=G(3);k(3),Y(e.plugin),k(3),Y(e.event),k(2),Y(e.events),k(2),N(e.lastEventAt?10:11),k(3),X(` `,e.removed?`Removed`:`Active`,` `),k(),N(!e.removed&&n.leakCount(e)>1?14:-1)}}function G0(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,W0,15,6,`tr`,null,u0),R()()()),e&2){let e=G();k(15),F(e.listeners)}}function K0(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,g0,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,_0,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,v0,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,y0,12,1,`p`,15)(46,j0,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,M0,2,0,`p`,18)(51,L0,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,R0,2,0,`p`,18)(56,G0,17,0,`div`,22),R()),e&2){let e,n=t,r=G();k(3),N((e=r.summary())?3:-1,e),k(2),Y(r.message()),k(5),N(r.pageOptions().length>1?10:-1),k(7),Y(n.info.platform),k(),X(` (`,n.info.native?`native`:`web`,`) `),k(6),Y(n.info.env.serverUrl||`none`),k(5),X(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),k(5),Y(r.loggedLabel()),k(6),Y(n.info.env.userAgent||`unknown`),k(),N(r.stateCards().length?41:-1),k(4),N(!n.info.bridge&&!n.info.webCalls?45:46),k(5),N(n.info.plugins.length?51:50),k(5),N(n.listeners.length?56:55)}}function q0(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 J0=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,Y0=2e3,X0={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},Z0=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);injector=C(Ts);seen=new Map;hostPageId=LE();unsubscribe;time=QO;preview=N1;pluginHint=E1;guideUrl=J0;yesNo=h1;filterOptions=Object.keys(X0).map(e=>({value:e,label:X0[e]}));pages=O([]);loaded=O(!1);failed=O(!1);selectedPageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:_1(e,this.hostPageId)});selectedCallId=O(null);focusedCallId=O(null);filter=O(``);callFilter=O(`all`);now=O(Date.now());message=O(``);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(()=>nD(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=>C1(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=>S1(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${X0[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?s0(e):[]});leaks=Q(()=>O1(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?D1(e,this.now()):null});summary=O(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),mc(()=>{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),Hd(()=>{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`:x1(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:x1(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${w1(S1(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,S1(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+Y0-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(g1(b1(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=A({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,f0,2,0,`p`,1)(1,p0,5,0,`div`,2)(2,K0,57,13)(3,q0,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[rk,OO,Y1,c0],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -16137,7 +16137,7 @@ td.last[_ngcontent-%COMP%] {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},Z0=[`log`,`info`,`warn`,`error`,`debug`];function Q0(e){return e.split("`").map((e,t)=>({code:t%2==1,text:e})).filter(e=>e.text)}var $0={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function e2(e){return!!e&&typeof e==`object`}function t2(e){let t=e2(e)?e.pages:void 0;return e2(t)?Object.values(t).filter(e=>e2(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:e2(e.errors)?Object.values(e.errors):[],console:e2(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:e2(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 n2(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function r2(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 i2(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 a2(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var o2=(e,t)=>t.signal+t.at,s2=(e,t)=>t.id+e;function c2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.binding)}}function l2(e,t){e&1&&(B(0,`span`,2),J(1,`A text interpolation (Angular doesn't name it)`),V())}function u2(e,t){if(e&1&&(B(0,`span`,2),J(1,` in `),V(),B(2,`code`),J(3),V()),e&2){let e=G();k(3),Y(e.template)}}function d2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function f2(e,t){if(e&1&&(B(0,`dt`),J(1,`Held by`),V(),B(2,`dd`),P(3,d2,3,2,null,null,Ag),V()),e&2){let e=G();k(3),F(e.members)}}function p2(e,t){e&1&&(B(0,`p`,4),J(1,` Values are hidden: the binding or a field that holds them has a secret-looking name. `),V())}function m2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular says this view was created after its parent was checked, so a change detection hook such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,` created it. `),V())}function h2(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V()()),e&2){let e=t.$implicit;k(2),Y(e)}}function g2(e,t){if(e&1&&(B(0,`ol`,6),P(1,h2,3,1,`li`,null,kg),V()),e&2){let e=G().$implicit;k(),F(e.stack)}}function _2(e,t){e&1&&(B(0,`span`,2),J(1,` (turn on write stacks in the Signals tab and reproduce to see the code)`),V())}function v2(e,t){if(e&1&&(B(0,`li`),J(1,` Signal `),B(2,`code`),J(3),V(),J(4),M(5,g2,3,0,`ol`,6)(6,_2,2,0,`span`,2),V()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.signal),k(),X(` at `,n.time(e.at),` `),k(),N(e.stack?.length?5:6)}}function y2(e,t){if(e&1&&(B(0,`h4`,0),J(1,`Written by`),V(),B(2,`ul`,5),P(3,v2,7,3,`li`,null,o2),V()),e&2){let e=G();k(3),F(e.writes)}}function b2(e,t){e&1&&(B(0,`p`,4),J(1,` No named signal was written with this value just before the check. Look for code that sets a field the template reads during change detection, such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,`, a getter that returns a new value each time, or a child that changes its parent. `),V())}function x2(e,t){e&1&&(B(0,`p`,4),J(1,` Where it was written is unknown: the page doesn't report signal writes (the Signals inspector is off, or Angular is older than 17). `),V())}function S2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`What changed`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Binding`),V(),B(5,`dd`),M(6,c2,2,1,`code`)(7,l2,2,0,`span`,2),M(8,u2,4,1),V(),B(9,`dt`),J(10,`Previous`),V(),B(11,`dd`)(12,`code`,3),J(13),V()(),B(14,`dt`),J(15,`Current`),V(),B(16,`dd`)(17,`code`,3),J(18),V()(),M(19,f2,5,0),V(),M(20,p2,2,0,`p`,4),M(21,m2,5,0,`p`,4),M(22,y2,5,0)(23,b2,5,0,`p`,4)(24,x2,2,0,`p`,4)),e&2){let e=t;k(6),N(e.binding?6:7),k(2),N(e.template?8:-1),k(5),Y(e.previous),k(5),Y(e.current),k(),N(e.members?.length?19:-1),k(),N(e.masked?20:-1),k(),N(e.creation?21:-1),k(),N(e.writes?.length?22:e.writesKnown?23:24)}}function C2(e,t){if(e&1&&M(0,S2,25,8),e&2){let e;N((e=G().changed())?0:-1,e)}}function w2(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.summary)}}function T2(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.op===`expected`?`Server only:`:`Client only:`)}}function E2(e,t){if(e&1&&(B(0,`li`)(1,`span`,13),J(2),V(),M(3,T2,2,1,`span`,14),B(4,`code`),J(5),V()()),e&2){let e=t.$implicit,n=G(4);j(`data-op`,e.op),k(2),Y(n.signOf(e.op)),k(),N(e.op===`same`?-1:3),k(2),Y(e.text)}}function D2(e,t){if(e&1&&(B(0,`p`,8)(1,`span`,9),J(2,`−`),V(),J(3,` server HTML Angular expected `),B(4,`span`,10),J(5,`+`),V(),J(6,` client DOM it found `),V(),B(7,`div`,11)(8,`ol`,12),P(9,E2,6,4,`li`,null,kg),V()()),e&2){let e=G();k(9),F(e.diff)}}function O2(e,t){e&1&&(B(0,`p`,4),J(1,`Angular described neither side of the mismatch.`),V())}function k2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular thinks a browser extension or third-party script changed the DOM before hydration. Try a clean browser profile, or add `),B(2,`code`),J(3,`ngSkipHydration`),V(),J(4,` to the host. `),V())}function A2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Server vs client DOM`),V(),M(2,w2,2,1,`p`,7),M(3,D2,11,0)(4,O2,2,0,`p`,4),M(5,k2,5,0,`p`,4)),e&2){let e=t;k(2),N(e.summary?2:-1),k(),N(e.diff?.length?3:4),k(2),N(e.external?5:-1)}}function j2(e,t){if(e&1&&M(0,A2,6,3),e&2){let e;N((e=G().mismatch())?0:-1,e)}}function M2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:` → `,` `)}}function N2(e,t){if(e&1&&(B(0,`dt`),J(1,`Path`),V(),B(2,`dd`),P(3,M2,3,2,null,null,kg),V()),e&2){let e=G();k(3),F(e.path)}}function P2(e,t){if(e&1&&(B(0,`dt`),J(1,`Source`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();k(4),Y(e.source)}}function F2(e,t){if(e&1){let e=H();B(0,`button`,18),W(`click`,function(){T(e);let t=G();return E(G(2).explainLookup(t.token))}),J(1),V()}if(e&2){let e=G(3);j(`aria-disabled`,e.loading()||null),k(),X(` `,e.lookup()?`Explain lookup again`:`Explain lookup`,` `)}}function I2(e,t){e&1&&(B(0,`p`,4),J(1,` The component that asked for it wasn't found on the page, so the lookup can't be walked from here. `),V())}function L2(e,t){e&1&&(B(0,`p`,4),J(1,`Walking the lookup…`),V())}function R2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function z2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function B2(e,t){if(e&1&&M(0,R2,2,1,`code`)(1,z2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function V2(e,t){if(e&1&&(B(0,`p`,17),P(1,B2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t))}}function H2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function U2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function W2(e,t){if(e&1&&M(0,H2,2,1,`code`)(1,U2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function G2(e,t){if(e&1&&(B(0,`p`,7),P(1,W2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t.summary))}}function K2(e,t){if(e&1&&(B(0,`code`,2),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.component)}}function q2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function J2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function Y2(e,t){if(e&1&&M(0,q2,2,1,`code`)(1,J2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function X2(e,t){if(e&1&&(B(0,`li`)(1,`span`,20)(2,`code`),J(3),V(),M(4,K2,2,1,`code`,2),V(),B(5,`span`,21),J(6),V(),B(7,`span`,22),P(8,Y2,2,1,null,null,kg),V()()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.name),k(),N(e.component?4:-1),k(),j(`data-tone`,n.stepTone[e.status]),k(),Y(n.stepLabel[e.status]),k(2),F(n.segments(e.reason))}}function Z2(e,t){e&1&&J(0,` This Angular version has no resolution path, so the path follows the rendered tree. `)}function Q2(e,t){if(e&1&&(B(0,`ol`,19),P(1,X2,10,4,`li`,null,s2),V(),B(3,`p`,4),J(4,` Read from the injector tree the page reported, assuming no `),B(5,`code`),J(6,`self`),V(),J(7,`, `),B(8,`code`),J(9,`skipSelf`),V(),J(10,`, `),B(11,`code`),J(12,`host`),V(),J(13,` or `),B(14,`code`),J(15,`optional`),V(),J(16,`. Agents can pass those to `),B(17,`code`),J(18,`explain-injection`),V(),J(19,`. `),M(20,Z2,1,0),V()),e&2){let e=t;k(),F(e.steps),k(19),N(e.approximate?20:-1)}}function $2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Missing provider`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Token`),V(),B(5,`dd`)(6,`code`),J(7),V()(),M(8,N2,5,0),M(9,P2,5,1),V(),M(10,F2,2,2,`button`,15)(11,I2,2,0,`p`,4),B(12,`div`,16),M(13,L2,2,0,`p`,4)(14,V2,3,0,`p`,17)(15,G2,3,0,`p`,7),V(),M(16,Q2,21,1)),e&2){let e,n,r=t,i=G(2);k(7),Y(r.token),k(),N(r.path?.length?8:-1),k(),N(r.source?9:-1),k(),N(i.canExplain()&&i.owner()?10:i.owner()?-1:11),k(3),N(i.loading()?13:(e=i.lookupError())?14:(e=i.lookup())?15:-1,e),k(3),N((n=!i.loading()&&!i.lookupError()&&i.lookup())?16:-1,n)}}function e4(e,t){if(e&1&&M(0,$2,17,6),e&2){let e;N((e=G().missing())?0:-1,e)}}var t4={provides:`Provides it`,missing:`Not provided`,hidden:`Hidden`,skipped:`Skipped`,"not-asked":`Not asked`,unknown:`Unknown`},n4={provides:`ok`,missing:`plain`,hidden:`warn`,skipped:`plain`,"not-asked":`plain`,unknown:`warn`},r4=class e{explain=$.required();owner=$(void 0);pageId=$(``);rpc=$(null);canExplain=$(!1);time=QO;segments=Q0;stepLabel=t4;stepTone=n4;changed=Q(()=>{let e=this.explain();return e.kind===`expression-changed`?e:null});mismatch=Q(()=>{let e=this.explain();return e.kind===`hydration-mismatch`?e:null});missing=Q(()=>{let e=this.explain();return e.kind===`missing-provider`?e:null});loading=O(!1);lookup=O(null);lookupError=O(null);signOf(e){return e===`expected`?`−`:e===`actual`?`+`:` `}async explainLookup(e){let t=this.rpc(),n=this.owner();if(t&&n&&!this.loading()){this.loading.set(!0),this.lookupError.set(null);try{let r=await t.scope(`pangular`).rpc.call(`explain-injection`,{selector:n.id,token:e,pageId:this.pageId()});!r||`error`in r?(this.lookup.set(null),this.lookupError.set(r?.error??`The server didn't answer.`)):this.lookup.set(r)}catch{this.lookup.set(null),this.lookupError.set(`Can't reach the devtools server. Try again.`)}finally{this.loading.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-error-explain`]],inputs:{explain:[1,`explain`],owner:[1,`owner`],pageId:[1,`pageId`],rpc:[1,`rpc`],canExplain:[1,`canExplain`]},decls:3,vars:1,consts:[[1,`label`],[1,`facts`],[1,`muted`],[1,`value`],[1,`note`],[1,`writes`],[`aria-label`,`App frames that wrote it`,1,`frames`],[1,`summary`],[1,`legend`],[`aria-hidden`,`true`,1,`sign`,`expected`],[`aria-hidden`,`true`,1,`sign`,`actual`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Server vs client DOM diff`,1,`diff-wrap`],[1,`diff`],[`aria-hidden`,`true`,1,`sign`],[1,`sr-only`],[`type`,`button`,1,`small`],[`aria-live`,`polite`],[`role`,`alert`,1,`note`],[`type`,`button`,1,`small`,3,`click`],[`aria-label`,`Injectors Angular asks, in order`,1,`steps`],[1,`step-name`],[1,`chip`],[1,`reason`]],template:function(e,t){if(e&1&&M(0,C2,1,1)(1,j2,1,1)(2,e4,1,1),e&2){let e;N((e=t.explain().kind)===`expression-changed`?0:e===`hydration-mismatch`?1:e===`missing-provider`?2:-1)}},styles:[`[_nghost-%COMP%] {
+}`]})},Q0=[`log`,`info`,`warn`,`error`,`debug`];function $0(e){return e.split("`").map((e,t)=>({code:t%2==1,text:e})).filter(e=>e.text)}var e2={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function t2(e){return!!e&&typeof e==`object`}function n2(e){let t=t2(e)?e.pages:void 0;return t2(t)?Object.values(t).filter(e=>t2(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:t2(e.errors)?Object.values(e.errors):[],console:t2(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:t2(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 r2(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function i2(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 a2(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 o2(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var s2=(e,t)=>t.signal+t.at,c2=(e,t)=>t.id+e;function l2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.binding)}}function u2(e,t){e&1&&(B(0,`span`,2),J(1,`A text interpolation (Angular doesn't name it)`),V())}function d2(e,t){if(e&1&&(B(0,`span`,2),J(1,` in `),V(),B(2,`code`),J(3),V()),e&2){let e=G();k(3),Y(e.template)}}function f2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:`, `,` `)}}function p2(e,t){if(e&1&&(B(0,`dt`),J(1,`Held by`),V(),B(2,`dd`),P(3,f2,3,2,null,null,Ag),V()),e&2){let e=G();k(3),F(e.members)}}function m2(e,t){e&1&&(B(0,`p`,4),J(1,` Values are hidden: the binding or a field that holds them has a secret-looking name. `),V())}function h2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular says this view was created after its parent was checked, so a change detection hook such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,` created it. `),V())}function g2(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V()()),e&2){let e=t.$implicit;k(2),Y(e)}}function _2(e,t){if(e&1&&(B(0,`ol`,6),P(1,g2,3,1,`li`,null,kg),V()),e&2){let e=G().$implicit;k(),F(e.stack)}}function v2(e,t){e&1&&(B(0,`span`,2),J(1,` (turn on write stacks in the Signals tab and reproduce to see the code)`),V())}function y2(e,t){if(e&1&&(B(0,`li`),J(1,` Signal `),B(2,`code`),J(3),V(),J(4),M(5,_2,3,0,`ol`,6)(6,v2,2,0,`span`,2),V()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.signal),k(),X(` at `,n.time(e.at),` `),k(),N(e.stack?.length?5:6)}}function b2(e,t){if(e&1&&(B(0,`h4`,0),J(1,`Written by`),V(),B(2,`ul`,5),P(3,y2,7,3,`li`,null,s2),V()),e&2){let e=G();k(3),F(e.writes)}}function x2(e,t){e&1&&(B(0,`p`,4),J(1,` No named signal was written with this value just before the check. Look for code that sets a field the template reads during change detection, such as `),B(2,`code`),J(3,`ngAfterViewInit`),V(),J(4,`, a getter that returns a new value each time, or a child that changes its parent. `),V())}function S2(e,t){e&1&&(B(0,`p`,4),J(1,` Where it was written is unknown: the page doesn't report signal writes (the Signals inspector is off, or Angular is older than 17). `),V())}function C2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`What changed`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Binding`),V(),B(5,`dd`),M(6,l2,2,1,`code`)(7,u2,2,0,`span`,2),M(8,d2,4,1),V(),B(9,`dt`),J(10,`Previous`),V(),B(11,`dd`)(12,`code`,3),J(13),V()(),B(14,`dt`),J(15,`Current`),V(),B(16,`dd`)(17,`code`,3),J(18),V()(),M(19,p2,5,0),V(),M(20,m2,2,0,`p`,4),M(21,h2,5,0,`p`,4),M(22,b2,5,0)(23,x2,5,0,`p`,4)(24,S2,2,0,`p`,4)),e&2){let e=t;k(6),N(e.binding?6:7),k(2),N(e.template?8:-1),k(5),Y(e.previous),k(5),Y(e.current),k(),N(e.members?.length?19:-1),k(),N(e.masked?20:-1),k(),N(e.creation?21:-1),k(),N(e.writes?.length?22:e.writesKnown?23:24)}}function w2(e,t){if(e&1&&M(0,C2,25,8),e&2){let e;N((e=G().changed())?0:-1,e)}}function T2(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.summary)}}function E2(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.op===`expected`?`Server only:`:`Client only:`)}}function D2(e,t){if(e&1&&(B(0,`li`)(1,`span`,13),J(2),V(),M(3,E2,2,1,`span`,14),B(4,`code`),J(5),V()()),e&2){let e=t.$implicit,n=G(4);j(`data-op`,e.op),k(2),Y(n.signOf(e.op)),k(),N(e.op===`same`?-1:3),k(2),Y(e.text)}}function O2(e,t){if(e&1&&(B(0,`p`,8)(1,`span`,9),J(2,`−`),V(),J(3,` server HTML Angular expected `),B(4,`span`,10),J(5,`+`),V(),J(6,` client DOM it found `),V(),B(7,`div`,11)(8,`ol`,12),P(9,D2,6,4,`li`,null,kg),V()()),e&2){let e=G();k(9),F(e.diff)}}function k2(e,t){e&1&&(B(0,`p`,4),J(1,`Angular described neither side of the mismatch.`),V())}function A2(e,t){e&1&&(B(0,`p`,4),J(1,` Angular thinks a browser extension or third-party script changed the DOM before hydration. Try a clean browser profile, or add `),B(2,`code`),J(3,`ngSkipHydration`),V(),J(4,` to the host. `),V())}function j2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Server vs client DOM`),V(),M(2,T2,2,1,`p`,7),M(3,O2,11,0)(4,k2,2,0,`p`,4),M(5,A2,5,0,`p`,4)),e&2){let e=t;k(2),N(e.summary?2:-1),k(),N(e.diff?.length?3:4),k(2),N(e.external?5:-1)}}function M2(e,t){if(e&1&&M(0,j2,6,3),e&2){let e;N((e=G().mismatch())?0:-1,e)}}function N2(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;k(),Y(e),k(),X(``,n===r-1?``:` → `,` `)}}function P2(e,t){if(e&1&&(B(0,`dt`),J(1,`Path`),V(),B(2,`dd`),P(3,N2,3,2,null,null,kg),V()),e&2){let e=G();k(3),F(e.path)}}function F2(e,t){if(e&1&&(B(0,`dt`),J(1,`Source`),V(),B(2,`dd`)(3,`code`),J(4),V()()),e&2){let e=G();k(4),Y(e.source)}}function I2(e,t){if(e&1){let e=H();B(0,`button`,18),W(`click`,function(){T(e);let t=G();return E(G(2).explainLookup(t.token))}),J(1),V()}if(e&2){let e=G(3);j(`aria-disabled`,e.loading()||null),k(),X(` `,e.lookup()?`Explain lookup again`:`Explain lookup`,` `)}}function L2(e,t){e&1&&(B(0,`p`,4),J(1,` The component that asked for it wasn't found on the page, so the lookup can't be walked from here. `),V())}function R2(e,t){e&1&&(B(0,`p`,4),J(1,`Walking the lookup…`),V())}function z2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function B2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function V2(e,t){if(e&1&&M(0,z2,2,1,`code`)(1,B2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function H2(e,t){if(e&1&&(B(0,`p`,17),P(1,V2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t))}}function U2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function W2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function G2(e,t){if(e&1&&M(0,U2,2,1,`code`)(1,W2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function K2(e,t){if(e&1&&(B(0,`p`,7),P(1,G2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t.summary))}}function q2(e,t){if(e&1&&(B(0,`code`,2),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.component)}}function J2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function Y2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function X2(e,t){if(e&1&&M(0,J2,2,1,`code`)(1,Y2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function Z2(e,t){if(e&1&&(B(0,`li`)(1,`span`,20)(2,`code`),J(3),V(),M(4,q2,2,1,`code`,2),V(),B(5,`span`,21),J(6),V(),B(7,`span`,22),P(8,X2,2,1,null,null,kg),V()()),e&2){let e=t.$implicit,n=G(4);k(3),Y(e.name),k(),N(e.component?4:-1),k(),j(`data-tone`,n.stepTone[e.status]),k(),Y(n.stepLabel[e.status]),k(2),F(n.segments(e.reason))}}function Q2(e,t){e&1&&J(0,` This Angular version has no resolution path, so the path follows the rendered tree. `)}function $2(e,t){if(e&1&&(B(0,`ol`,19),P(1,Z2,10,4,`li`,null,c2),V(),B(3,`p`,4),J(4,` Read from the injector tree the page reported, assuming no `),B(5,`code`),J(6,`self`),V(),J(7,`, `),B(8,`code`),J(9,`skipSelf`),V(),J(10,`, `),B(11,`code`),J(12,`host`),V(),J(13,` or `),B(14,`code`),J(15,`optional`),V(),J(16,`. Agents can pass those to `),B(17,`code`),J(18,`explain-injection`),V(),J(19,`. `),M(20,Q2,1,0),V()),e&2){let e=t;k(),F(e.steps),k(19),N(e.approximate?20:-1)}}function e4(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Missing provider`),V(),B(2,`dl`,1)(3,`dt`),J(4,`Token`),V(),B(5,`dd`)(6,`code`),J(7),V()(),M(8,P2,5,0),M(9,F2,5,1),V(),M(10,I2,2,2,`button`,15)(11,L2,2,0,`p`,4),B(12,`div`,16),M(13,R2,2,0,`p`,4)(14,H2,3,0,`p`,17)(15,K2,3,0,`p`,7),V(),M(16,$2,21,1)),e&2){let e,n,r=t,i=G(2);k(7),Y(r.token),k(),N(r.path?.length?8:-1),k(),N(r.source?9:-1),k(),N(i.canExplain()&&i.owner()?10:i.owner()?-1:11),k(3),N(i.loading()?13:(e=i.lookupError())?14:(e=i.lookup())?15:-1,e),k(3),N((n=!i.loading()&&!i.lookupError()&&i.lookup())?16:-1,n)}}function t4(e,t){if(e&1&&M(0,e4,17,6),e&2){let e;N((e=G().missing())?0:-1,e)}}var n4={provides:`Provides it`,missing:`Not provided`,hidden:`Hidden`,skipped:`Skipped`,"not-asked":`Not asked`,unknown:`Unknown`},r4={provides:`ok`,missing:`plain`,hidden:`warn`,skipped:`plain`,"not-asked":`plain`,unknown:`warn`},i4=class e{explain=$.required();owner=$(void 0);pageId=$(``);rpc=$(null);canExplain=$(!1);time=QO;segments=$0;stepLabel=n4;stepTone=r4;changed=Q(()=>{let e=this.explain();return e.kind===`expression-changed`?e:null});mismatch=Q(()=>{let e=this.explain();return e.kind===`hydration-mismatch`?e:null});missing=Q(()=>{let e=this.explain();return e.kind===`missing-provider`?e:null});loading=O(!1);lookup=O(null);lookupError=O(null);signOf(e){return e===`expected`?`−`:e===`actual`?`+`:` `}async explainLookup(e){let t=this.rpc(),n=this.owner();if(t&&n&&!this.loading()){this.loading.set(!0),this.lookupError.set(null);try{let r=await t.scope(`pangular`).rpc.call(`explain-injection`,{selector:n.id,token:e,pageId:this.pageId()});!r||`error`in r?(this.lookup.set(null),this.lookupError.set(r?.error??`The server didn't answer.`)):this.lookup.set(r)}catch{this.lookup.set(null),this.lookupError.set(`Can't reach the devtools server. Try again.`)}finally{this.loading.set(!1)}}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-error-explain`]],inputs:{explain:[1,`explain`],owner:[1,`owner`],pageId:[1,`pageId`],rpc:[1,`rpc`],canExplain:[1,`canExplain`]},decls:3,vars:1,consts:[[1,`label`],[1,`facts`],[1,`muted`],[1,`value`],[1,`note`],[1,`writes`],[`aria-label`,`App frames that wrote it`,1,`frames`],[1,`summary`],[1,`legend`],[`aria-hidden`,`true`,1,`sign`,`expected`],[`aria-hidden`,`true`,1,`sign`,`actual`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Server vs client DOM diff`,1,`diff-wrap`],[1,`diff`],[`aria-hidden`,`true`,1,`sign`],[1,`sr-only`],[`type`,`button`,1,`small`],[`aria-live`,`polite`],[`role`,`alert`,1,`note`],[`type`,`button`,1,`small`,3,`click`],[`aria-label`,`Injectors Angular asks, in order`,1,`steps`],[1,`step-name`],[1,`chip`],[1,`reason`]],template:function(e,t){if(e&1&&M(0,w2,1,1)(1,M2,1,1)(2,t4,1,1),e&2){let e;N((e=t.explain().kind)===`expression-changed`?0:e===`hydration-mismatch`?1:e===`missing-provider`?2:-1)}},styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 6px;
   min-width: 0;
@@ -16342,7 +16342,7 @@ dd[_ngcontent-%COMP%] {
   border-color: var(--%NS%border);
   background: var(--%NS%surface-2);
   color: var(--%NS%text-2);
-}`]})},i4=(e,t)=>t.pageId+t.id;function a4(e,t){e&1&&(L(0,`p`,1),J(1,`Loading errors…`),R())}function o4(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function s4(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 c4(e,t){if(e&1){let e=H();L(0,`app-select`,20),U(`valueChange`,function(t){return T(e),E(G(2).level.set(t))}),R()}if(e&2){let e=G(2);I(`options`,e.levelOptions)(`value`,e.level())}}function l4(e,t){if(e&1){let e=H();L(0,`app-select`,21),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function u4(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 d4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedErrors(),` older error `,e.droppedErrors()===1?`group was`:`groups were`,` dropped. Each page keeps its last 100. `)}}function f4(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 p4(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`),J(2),R(),L(3,`button`,3),U(`click`,function(){T(e),G(2);let t=d_(17);return G().filter.set(``),E(t.focus())}),J(4,` Clear filter `),R()()}if(e&2){let e=G(3);k(2),X(`No error matches “`,e.filter(),`”.`)}}function m4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function h4(e,t){if(e&1&&(L(0,`span`,34),J(1),R()),e&2){let e=G();k(),Y(e)}}function g4(e,t){if(e&1&&M(0,m4,4,2,`a`,33)(1,h4,2,1,`span`,34),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function _4(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=t.$implicit,n=G(5);k(),Y(n.sourceLabels[e])}}function v4(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.pageLabel(e.pageId))}}function y4(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){T(e);let t=G(),n=G().$implicit;return E(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();k(3),Y(e.name)}}function b4(e,t){if(e&1&&(L(0,`span`,4),J(1,`In `),L(2,`code`),J(3),R()()),e&2){let e=G();k(3),Y(e.name)}}function x4(e,t){e&1&&M(0,y4,4,1,`button`,36)(1,b4,4,1,`span`,4),e&2&&N(+!G(5).canShowComponent())}function S4(e,t){if(e&1&&z(0,`app-error-explain`,32),e&2){let e=G().$implicit,n=G(4);I(`explain`,t)(`owner`,e.owner)(`pageId`,e.pageId)(`rpc`,n.rpc())(`canExplain`,n.canExplainInjection())}}function C4(e,t){if(e&1&&(L(0,`details`)(1,`summary`),J(2,`Stack`),R(),L(3,`pre`,38),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.stack)}}function w4(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,g4,2,1),P(8,_4,2,1,`span`,31,Ag),L(10,`span`,4),J(11),R(),M(12,v4,2,1,`span`,4),M(13,x4,2,1),R(),M(14,S4,1,5,`app-error-explain`,32),M(15,C4,5,1,`details`),R()),e&2){let e,n,r,i=t.$implicit,a=G(4);k(2),j(`aria-label`,a.timesLabel(i.count)),k(),X(` `,i.count,`× `),k(2),Y(i.message),k(2),N((e=i.code)?7:-1,e),k(),F(i.sources),k(3),X(`Last at `,a.time(i.lastAt)),k(),N(a.showPage()?12:-1),k(),N((n=i.owner)?13:-1,n),k(),N((r=i.explain)?14:-1,r),k(),N(i.stack?15:-1)}}function T4(e,t){if(e&1&&(L(0,`ol`,25),P(1,w4,16,9,`li`,26,i4),R()),e&2){let e=G(3);k(),F(e.shownErrors())}}function E4(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,22),J(2,`Errors`),R(),M(3,u4,2,0,`p`,23),M(4,d4,2,2,`p`,23),M(5,f4,2,0,`p`,24)(6,p4,5,1,`div`,24)(7,T4,3,0,`ol`,25),R()),e&2){let e=G(2);k(3),N(e.unwrapped()?3:-1),k(),N(e.droppedErrors()?4:-1),k(),N(e.errors().length?e.shownErrors().length?7:6:5)}}function D4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedConsole(),` older `,e.droppedConsole()===1?`call was`:`calls were`,` dropped. Each page keeps its last 200. `)}}function O4(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 k4(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(){T(e),G(2);let t=d_(17);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}}function A4(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)),k(),X(``,e.count,`×`)}}function j4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function M4(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G();k(),Y(e)}}function N4(e,t){if(e&1&&M(0,j4,4,2,`a`,33)(1,M4,2,1,`span`,45),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function P4(e,t){if(e&1&&(L(0,`li`,41)(1,`span`,42),J(2),R(),L(3,`code`,43),J(4),R(),M(5,A4,2,2,`span`,28),M(6,N4,2,1),L(7,`time`,44),J(8),R()()),e&2){let e,n=t.$implicit,r=G(4);k(),j(`data-tone`,r.levelTone[n.level]),k(),Y(n.level),k(2),Y(n.text),k(),N(n.count>1?5:-1),k(),N((e=n.code)?6:-1,e),k(2),Y(r.time(n.at))}}function F4(e,t){if(e&1&&(L(0,`ol`,40),P(1,P4,9,6,`li`,41,i4),R()),e&2){let e=G(3);k(),F(e.shownEntries())}}function I4(e,t){if(e&1&&(L(0,`section`,19)(1,`h2`,39),J(2,`Console`),R(),M(3,D4,2,2,`p`,23),M(4,O4,2,0,`p`,24)(5,k4,5,0,`div`,24)(6,F4,3,0,`ol`,40),R()),e&2){let e=G(2);k(3),N(e.droppedConsole()?3:-1),k(),N(e.entries().length?e.shownEntries().length?6:5:4)}}function L4(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 T(e),E(G().view.set(`errors`))}),J(5,` Errors `),L(6,`span`,9),J(7),R()(),L(8,`button`,8),U(`click`,function(){return T(e),E(G().view.set(`console`))}),J(9,` Console `),L(10,`span`,9),J(11),R()()(),L(12,`div`,10),D(),L(13,`svg`,11),z(14,`circle`,12)(15,`path`,13),R(),_s(),L(16,`input`,14,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(18,c4,1,2,`app-select`,15),M(19,l4,1,2,`app-select`,16),L(20,`span`,17),J(21),R()(),M(22,E4,8,3,`section`,18)(23,I4,7,2,`section`,19)}if(e&2){let e=G();k(4),j(`aria-pressed`,e.view()===`errors`),k(3),Y(e.errors().length),k(),j(`aria-pressed`,e.view()===`console`),k(3),Y(e.entries().length),k(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`),k(2),N(e.view()===`console`?18:-1),k(),N(e.pageOptions().length>2?19:-1),k(2),Y(e.countText()),k(),N(e.view()===`errors`?22:23)}}var R4={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},z4=class e{rpc=$(null);canShowComponent=$(!0);canExplainInjection=$(!1);showComponent=Rv();destroyRef=C(Ds);hostPageId=LE();unsubscribe;time=QO;codeLink=a2;sourceLabels=$0;levelTone=R4;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...Z0.map(e=>({value:e,label:e}))];pages=O([]);loaded=O(!1);failed=O(!1);view=O(`errors`);filter=O(``);level=O(`all`);pageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&(t.value===`all`||e.some(e=>e.pageId===t.value))?t.value:n2(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(()=>r2(this.pages(),this.pageId()));entries=Q(()=>i2(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(){mc(()=>{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(t2(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=A({type:e,selectors:[[`app-errors-inspector`]],inputs:{rpc:[1,`rpc`],canShowComponent:[1,`canShowComponent`],canExplainInjection:[1,`canExplainInjection`]},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`],[3,`explain`,`owner`,`pageId`,`rpc`,`canExplain`],[`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,a4,2,0,`p`,1)(1,o4,5,0,`div`,2)(2,s4,5,0,`div`,1)(3,L4,24,11),e&2&&N(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[OO,r4],styles:[`[_nghost-%COMP%] {
+}`]})},a4=(e,t)=>t.pageId+t.id;function o4(e,t){e&1&&(L(0,`p`,1),J(1,`Loading errors…`),R())}function s4(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 T(e),E(G().retry())}),J(4,`Retry`),R()()}}function c4(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 l4(e,t){if(e&1){let e=H();L(0,`app-select`,20),U(`valueChange`,function(t){return T(e),E(G(2).level.set(t))}),R()}if(e&2){let e=G(2);I(`options`,e.levelOptions)(`value`,e.level())}}function u4(e,t){if(e&1){let e=H();L(0,`app-select`,21),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function d4(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 f4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedErrors(),` older error `,e.droppedErrors()===1?`group was`:`groups were`,` dropped. Each page keeps its last 100. `)}}function p4(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 m4(e,t){if(e&1){let e=H();L(0,`div`,24)(1,`p`),J(2),R(),L(3,`button`,3),U(`click`,function(){T(e),G(2);let t=d_(17);return G().filter.set(``),E(t.focus())}),J(4,` Clear filter `),R()()}if(e&2){let e=G(3);k(2),X(`No error matches “`,e.filter(),`”.`)}}function h4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function g4(e,t){if(e&1&&(L(0,`span`,34),J(1),R()),e&2){let e=G();k(),Y(e)}}function _4(e,t){if(e&1&&M(0,h4,4,2,`a`,33)(1,g4,2,1,`span`,34),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function v4(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=t.$implicit,n=G(5);k(),Y(n.sourceLabels[e])}}function y4(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G().$implicit,t=G(4);k(),Y(t.pageLabel(e.pageId))}}function b4(e,t){if(e&1){let e=H();L(0,`button`,37),U(`click`,function(){T(e);let t=G(),n=G().$implicit;return E(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();k(3),Y(e.name)}}function x4(e,t){if(e&1&&(L(0,`span`,4),J(1,`In `),L(2,`code`),J(3),R()()),e&2){let e=G();k(3),Y(e.name)}}function S4(e,t){e&1&&M(0,b4,4,1,`button`,36)(1,x4,4,1,`span`,4),e&2&&N(+!G(5).canShowComponent())}function C4(e,t){if(e&1&&z(0,`app-error-explain`,32),e&2){let e=G().$implicit,n=G(4);I(`explain`,t)(`owner`,e.owner)(`pageId`,e.pageId)(`rpc`,n.rpc())(`canExplain`,n.canExplainInjection())}}function w4(e,t){if(e&1&&(L(0,`details`)(1,`summary`),J(2,`Stack`),R(),L(3,`pre`,38),J(4),R()()),e&2){let e=G().$implicit;k(4),Y(e.stack)}}function T4(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,_4,2,1),P(8,v4,2,1,`span`,31,Ag),L(10,`span`,4),J(11),R(),M(12,y4,2,1,`span`,4),M(13,S4,2,1),R(),M(14,C4,1,5,`app-error-explain`,32),M(15,w4,5,1,`details`),R()),e&2){let e,n,r,i=t.$implicit,a=G(4);k(2),j(`aria-label`,a.timesLabel(i.count)),k(),X(` `,i.count,`× `),k(2),Y(i.message),k(2),N((e=i.code)?7:-1,e),k(),F(i.sources),k(3),X(`Last at `,a.time(i.lastAt)),k(),N(a.showPage()?12:-1),k(),N((n=i.owner)?13:-1,n),k(),N((r=i.explain)?14:-1,r),k(),N(i.stack?15:-1)}}function E4(e,t){if(e&1&&(L(0,`ol`,25),P(1,T4,16,9,`li`,26,a4),R()),e&2){let e=G(3);k(),F(e.shownErrors())}}function D4(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,22),J(2,`Errors`),R(),M(3,d4,2,0,`p`,23),M(4,f4,2,2,`p`,23),M(5,p4,2,0,`p`,24)(6,m4,5,1,`div`,24)(7,E4,3,0,`ol`,25),R()),e&2){let e=G(2);k(3),N(e.unwrapped()?3:-1),k(),N(e.droppedErrors()?4:-1),k(),N(e.errors().length?e.shownErrors().length?7:6:5)}}function O4(e,t){if(e&1&&(L(0,`p`,23),J(1),R()),e&2){let e=G(3);k(),Z(` `,e.droppedConsole(),` older `,e.droppedConsole()===1?`call was`:`calls were`,` dropped. Each page keeps its last 200. `)}}function k4(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 A4(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(){T(e),G(2);let t=d_(17);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}}function j4(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)),k(),X(``,e.count,`×`)}}function M4(e,t){if(e&1&&(L(0,`a`,33),J(1),L(2,`span`,35),J(3,` reference (opens in a new tab)`),R()()),e&2){let e=G();I(`href`,t,Nu),k(),Y(e)}}function N4(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G();k(),Y(e)}}function P4(e,t){if(e&1&&M(0,M4,4,2,`a`,33)(1,N4,2,1,`span`,45),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function F4(e,t){if(e&1&&(L(0,`li`,41)(1,`span`,42),J(2),R(),L(3,`code`,43),J(4),R(),M(5,j4,2,2,`span`,28),M(6,P4,2,1),L(7,`time`,44),J(8),R()()),e&2){let e,n=t.$implicit,r=G(4);k(),j(`data-tone`,r.levelTone[n.level]),k(),Y(n.level),k(2),Y(n.text),k(),N(n.count>1?5:-1),k(),N((e=n.code)?6:-1,e),k(2),Y(r.time(n.at))}}function I4(e,t){if(e&1&&(L(0,`ol`,40),P(1,F4,9,6,`li`,41,a4),R()),e&2){let e=G(3);k(),F(e.shownEntries())}}function L4(e,t){if(e&1&&(L(0,`section`,19)(1,`h2`,39),J(2,`Console`),R(),M(3,O4,2,2,`p`,23),M(4,k4,2,0,`p`,24)(5,A4,5,0,`div`,24)(6,I4,3,0,`ol`,40),R()),e&2){let e=G(2);k(3),N(e.droppedConsole()?3:-1),k(),N(e.entries().length?e.shownEntries().length?6:5:4)}}function R4(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 T(e),E(G().view.set(`errors`))}),J(5,` Errors `),L(6,`span`,9),J(7),R()(),L(8,`button`,8),U(`click`,function(){return T(e),E(G().view.set(`console`))}),J(9,` Console `),L(10,`span`,9),J(11),R()()(),L(12,`div`,10),D(),L(13,`svg`,11),z(14,`circle`,12)(15,`path`,13),R(),_s(),L(16,`input`,14,0),U(`input`,function(t){return T(e),E(G().filter.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().filter.set(``))}),R()(),M(18,l4,1,2,`app-select`,15),M(19,u4,1,2,`app-select`,16),L(20,`span`,17),J(21),R()(),M(22,D4,8,3,`section`,18)(23,L4,7,2,`section`,19)}if(e&2){let e=G();k(4),j(`aria-pressed`,e.view()===`errors`),k(3),Y(e.errors().length),k(),j(`aria-pressed`,e.view()===`console`),k(3),Y(e.entries().length),k(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`),k(2),N(e.view()===`console`?18:-1),k(),N(e.pageOptions().length>2?19:-1),k(2),Y(e.countText()),k(),N(e.view()===`errors`?22:23)}}var z4={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},B4=class e{rpc=$(null);canShowComponent=$(!0);canExplainInjection=$(!1);showComponent=Rv();destroyRef=C(Ds);hostPageId=LE();unsubscribe;time=QO;codeLink=o2;sourceLabels=e2;levelTone=z4;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...Q0.map(e=>({value:e,label:e}))];pages=O([]);loaded=O(!1);failed=O(!1);view=O(`errors`);filter=O(``);level=O(`all`);pageId=Fv({source:()=>this.pages(),computation:(e,t)=>t?.value&&(t.value===`all`||e.some(e=>e.pageId===t.value))?t.value:r2(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(()=>i2(this.pages(),this.pageId()));entries=Q(()=>a2(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(){mc(()=>{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(n2(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=A({type:e,selectors:[[`app-errors-inspector`]],inputs:{rpc:[1,`rpc`],canShowComponent:[1,`canShowComponent`],canExplainInjection:[1,`canExplainInjection`]},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`],[3,`explain`,`owner`,`pageId`,`rpc`,`canExplain`],[`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,o4,2,0,`p`,1)(1,s4,5,0,`div`,2)(2,c4,5,0,`div`,1)(3,R4,24,11),e&2&&N(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[OO,i4],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -16675,7 +16675,7 @@ pre[_ngcontent-%COMP%]:focus-visible {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},B4=[{id:`router`,label:`Router`,tab:`routes`,tabLabel:`Routes`,inspector:`router`,state:`router`},{id:`http`,label:`HTTP`,tab:`network`,tabLabel:`SSR & HTTP`,inspector:`http`,state:`http`},{id:`ngrx`,label:`NgRx`,tab:`store`,tabLabel:`Store`,inspector:`ngrx`,state:`ngrx-store`},{id:`cd`,label:`Change detection`,tab:`components`,tabLabel:`Components`,inspector:`components`,state:`change-detection`},{id:`forms`,label:`Forms`,tab:`forms`,tabLabel:`Forms`,inspector:`forms`,state:`forms`},{id:`signals`,label:`Signals`,tab:`signals`,tabLabel:`Signals`,inspector:`signals`,state:`signal-graph`}],V4=Object.fromEntries(B4.map(e=>[e.id,e]));function H4(e){return B4.filter(t=>e.inspectors[t.inspector])}function U4(e){return Array.isArray(e)?e:[]}function W4(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function G4(e){let t=W4(e).pages;return Array.isArray(t)?t:Object.values(W4(t))}function K4(e){return typeof e==`number`&&Number.isFinite(e)}function q4(e){try{let t=new URL(e,`http://x`);return e.startsWith(`/`)||t.host===`x`?`${t.pathname}${t.search}`:e.replace(/^[a-z]+:\/\/[^/]+/i,``)||e}catch{return e}}function J4(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function Y4(e){let t;try{t=typeof e==`string`?JSON.stringify(e):JSON.stringify(e)??``}catch{t=String(e)}return t.length>80?`${t.slice(0,79)}…`:t}function X4(e){let t=[];for(let n of G4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of U4(n?.navigations)){if(!K4(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=K4(r.endedAt)?Math.max(0,r.endedAt-r.startedAt):void 0,i=r.finalUrl&&r.finalUrl!==r.url?` to ${r.finalUrl}`:``;t.push({key:`router:${e}:${r.id}`,layer:`router`,pageId:e,at:r.startedAt,...n===void 0?{}:{ms:n},title:`Navigation to ${r.url}`,detail:[`${r.outcome}${i}`,r.trigger,n===void 0?``:J4(n)].filter(Boolean).join(` · `),...r.outcome===`failed`?{tone:`danger`}:r.outcome===`cancelled`||r.outcome===`redirected`?{tone:`warn`}:{},link:{tab:`routes`,...e?{page:e}:{}}})}}return t}function Z4(e){let t=e.status??0;if(e.error||t>=500||t===0&&!e.cancelled)return`danger`;if(t>=400||e.faulted||e.cancelled)return`warn`}function Q4(e,t){if(!K4(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=K4(e.durationMs)?e.durationMs:void 0,a=Z4(e);return{key:`http:${e.side===`server`?`server`:t}:${e.id??e.at}`,layer:`http`,pageId:t,at:e.at,...i===void 0?{}:{ms:i},title:`${e.method??`GET`} ${q4(e.url??``)}`,detail:[r,n,i===void 0?``:J4(i),e.cacheHit?`from cache`:``,e.mocked?`mocked`:e.faulted?`fault rule`:``].filter(Boolean).join(` · `),...a?{tone:a}:{},link:{tab:`network`,...t?{page:t}:{}}}}function $4(e){let t=[],n=G4(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of U4(e?.calls)){let e=Q4(r,n);e&&t.push(e)}}for(let r of U4(W4(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=Q4({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function e3(e){let t=[];for(let n of G4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of U4(n?.log)){if(!K4(r?.timestamp))continue;let n=U4(r.diff).length+(r.diffTruncated??0),i=K4(r.durationMs)?r.durationMs:void 0;t.push({key:`ngrx:${e}:${r.seq}`,layer:`ngrx`,pageId:e,at:r.timestamp,...i===void 0?{}:{ms:i},title:r.source===`event`?r.eventType??r.type:r.type,detail:[r.storeId,r.source===`event`?`event`:n?`${n} ${n===1?`change`:`changes`}`:`no change`,i===void 0?``:J4(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var t3=16;function n3(e){let t=[];for(let n of G4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of U4(n?.cycles)){if(!K4(r?.at))continue;let n=K4(r.ms)?r.ms:0;t.push({key:`cd:${e}:${r.id}`,layer:`cd`,pageId:e,at:r.at,ms:n,title:`Change detection cycle ${r.id}`,detail:[J4(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>t3?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function r3(e){return U4(W4(e).events).flatMap((e,t)=>{if(!K4(e?.timestamp)||typeof e.formId!=`string`)return[];let n=GE(e.formId),r=[e.detail,e.origin,e.outcome].filter(Boolean).join(` · `);return[{key:`forms:${e.formId}:${e.seq??`i${t}`}`,layer:`forms`,pageId:n,at:e.timestamp,...K4(e.ms)?{ms:e.ms}:{},title:`${e.type} ${e.path||`form`}`,detail:r,...e.type===`submit`&&e.outcome===`invalid`?{tone:`warn`}:{},link:{tab:`forms`,id:e.formId,...n?{page:n}:{}}}]})}var i3={write:`set`,sample:`sampled`};function a3(e){let t=[],n=W4(W4(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,W4(e).graph]];for(let[e,n]of r){let r=W4(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(U4(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(W4(r.history)))for(let r of U4(n)){if(!K4(r?.at)||r.source===`initial`)continue;let n=a.get(e)??e;t.push({key:`signals:${i}:${e}:${r.epoch??r.at}`,layer:`signals`,pageId:i,at:r.at,title:`${n} ${i3[r.source??``]??`changed`}`,detail:Y4(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var o3={router:X4,http:$4,ngrx:e3,cd:n3,forms:r3,signals:a3};function s3(e){let t=[];for(let n of B4){let r=e[n.id];r!=null&&t.push(...o3[n.id](r))}let n=new Map(B4.map((e,t)=>[e.id,t]));t.sort((e,t)=>e.at-t.at||n.get(e.layer)-n.get(t.layer)||(e.key<t.key?-1:+(e.key>t.key)));let r=new Set;for(let e of t){let t=e.key;for(let n=2;r.has(t);n++)t=`${e.key}#${n}`;e.key=t,r.add(t)}return t}function c3(e,t){let n=new Map,r=(e,t)=>{typeof e==`string`&&e&&(typeof t==`string`&&t&&!n.get(e)?n.set(e,t):n.has(e)||n.set(e,``))};for(let t of G4(e.http))r(t?.pageId,t?.title||t?.url);for(let t of G4(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of G4(e.ngrx))r(t?.pageId,t?.title||t?.url);for(let e of t)r(e.pageId,``);return[...n].map(([e,t])=>({pageId:e,label:t||e}))}function l3(e,t){let n=t.query.trim().toLowerCase();return e.filter(e=>t.layers.has(e.layer)&&(t.pageId===`all`||e.pageId===t.pageId)&&(!n||e.title.toLowerCase().includes(n)||e.detail.toLowerCase().includes(n)))}function u3(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function d3(e){if(!e.length)return null;let t=1/0,n=-1/0;for(let r of e)t=Math.min(t,r.at),n=Math.max(n,r.at+(r.ms??0));return n-t<20?{start:t-10,end:t+10}:{start:t,end:n}}function f3(e,t,n){let r=Math.max(20,(e.end-e.start)*t);if(r>=n.end-n.start)return null;let i=(e.start+e.end)/2;return m3({start:i-r/2,end:i+r/2},n)}function p3(e,t,n){let r=(e.end-e.start)*t;return m3({start:e.start+r,end:e.end+r},n)}function m3(e,t){let n=e.end-e.start;return e.start<t.start?{start:t.start,end:t.start+n}:e.end>t.end?{start:t.end-n,end:t.end}:e}function h3(e,t,n){let[r,i]=t<n?[t,n]:[n,t],a=e=>Math.min(1,Math.max(0,e)),o=e.end-e.start,s=e.start+a(r)*o,c=e.start+a(i)*o;return c-s<20?null:{start:s,end:c}}function g3(e,t,n){let r=Math.max(1,t.end-t.start),i=new Map;for(let a of e){if(a.at<t.start||a.at>t.end)continue;let e=Math.min(n-1,Math.floor((a.at-t.start)/r*n)),o=`${a.layer}:${e}`,s=i.get(o);s||(s={layer:a.layer,slot:e,count:0},i.set(o,s)),s.count++,(a.tone===`danger`||a.tone===`warn`&&s.tone!==`danger`)&&(s.tone=a.tone)}return[...i.values()]}function _3(e,t,n){let r=null;for(let i of e)i.layer===t&&(!r||Math.abs(i.at-n)<Math.abs(r.at-n))&&(r=i);return r}var v3=`pangular-timeline-hidden-layers`;function y3(){try{let e=JSON.parse(localStorage.getItem(v3)??`[]`);return Array.isArray(e)?e.filter(e=>B4.some(t=>t.id===e)):[]}catch{return[]}}function b3(e){try{localStorage.setItem(v3,JSON.stringify(e))}catch{}}function x3(e){let t=new Date(e),n=(e,t=2)=>String(e).padStart(t,`0`);return`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${n(t.getMilliseconds(),3)}`}function S3(e){if(e<1e3)return`${Math.round(e)} ms`;if(e<6e4)return`${Math.round(e/100)/10} s`;let t=Math.floor(e/6e4),n=Math.round(e%6e4/1e3);return n?`${t} min ${n} s`:`${t} min`}var C3=[`tracks`],w3=(e,t)=>t.id,T3=(e,t)=>t.layer+t.slot,E3=(e,t)=>t.key;function D3(e,t){e&1&&(L(0,`p`,3),J(1,`Loading the timeline…`),R())}function O3(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`p`),J(2,`Can't read the timeline from the devtools server.`),R(),L(3,`button`,5),U(`click`,function(){return T(e),E(G().retry())}),J(4,`Retry`),R()()}}function k3(e,t){if(e&1){let e=H();L(0,`app-select`,19),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function A3(e,t){if(e&1){let e=H();L(0,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleLayer(t.id))}),z(1,`span`,21),J(2),L(3,`span`,22),J(4),R()()}if(e&2){let e=t.$implicit,n=G(2);j(`aria-pressed`,!n.hidden().includes(e.id)),k(2),X(` `,e.label,` `),k(2),Y(n.layerCounts()[e.id])}}function j3(e,t){e&1&&(L(0,`div`,3)(1,`p`),J(2,`Nothing on the timeline yet.`),R(),L(3,`p`,23),J(4,` Use the app with the overlay loaded. Navigations, HTTP calls, NgRx actions and form events show up as they happen. Record change detection on the Components tab, and pick a component on the Signals tab to follow its signals. `),R()())}function M3(e,t){if(e&1){let e=H();L(0,`div`,3)(1,`p`),J(2),R(),L(3,`button`,5),U(`click`,function(){T(e),G();let t=d_(6);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}if(e&2){let e=G(2);k(2),X(`No event matches the filters`,e.range()?` in this range`:``,`.`)}}function N3(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.label)}}function P3(e,t){if(e&1&&(D(),z(0,`line`,31)),e&2){let e=t.$index,n=G(3);j(`x2`,n.chartWidth)(`y1`,e*n.laneHeight+n.laneHeight/2)(`y2`,e*n.laneHeight+n.laneHeight/2)}}function F3(e,t){if(e&1&&(D(),z(0,`rect`,32)),e&2){let e=t.$implicit,n=G(3);j(`data-tone`,e.tone??null)(`x`,e.slot*n.slotWidth)(`y`,n.laneIndex()[e.layer]*n.laneHeight+4)(`width`,n.slotWidth-1)(`height`,n.laneHeight-8)(`opacity`,n.binOpacity(e.count))}}function I3(e,t){if(e&1&&(D(),z(0,`rect`,33)),e&2){let e=t,n=G(3);j(`x`,e.x-2)(`y`,e.y+1)(`width`,n.slotWidth+3)(`height`,n.laneHeight-2)}}function L3(e,t){if(e&1&&z(0,`div`,44),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function R3(e,t){if(e&1&&(L(0,`p`,40),J(1),R()),e&2){let e=G(3);k(),Z(` Showing the newest `,e.listed().length,` of `,e.shown().length,` events. Zoom in or filter to see older ones. `)}}function z3(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function B3(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.pageLabel(e.pageId))}}function V3(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,45),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`dblclick`,function(){let t=T(e).$implicit;return E(G(3).openEvent(t))}),L(2,`time`,46),J(3),R(),L(4,`span`,47),J(5),R(),L(6,`span`,48),J(7),R(),M(8,z3,2,1,`span`,49),M(9,B3,2,1,`span`,50),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),q(`selected`,e.key===n.selectedKey()),j(`aria-current`,e.key===n.selectedKey()?`true`:null)(`data-key`,e.key),k(2),Y(n.clock(e.at)),k(),j(`data-tone`,e.tone??null),k(),Y(n.layerLabel(e.layer)),k(2),Y(e.title),k(),N(e.detail?8:-1),k(),N(n.showPage()?9:-1)}}function H3(e,t){if(e&1&&(L(0,`dt`),J(1,`Took`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(),t=G(3);k(3),Y(t.span(e.ms))}}function U3(e,t){if(e&1&&(L(0,`dt`),J(1,`Detail`),R(),L(2,`dd`,53),J(3),R()),e&2){let e=G();k(3),Y(e.detail)}}function W3(e,t){if(e&1){let e=H();L(0,`p`,51),J(1),R(),L(2,`dl`)(3,`dt`),J(4,`Layer`),R(),L(5,`dd`),J(6),R(),L(7,`dt`),J(8,`Time`),R(),L(9,`dd`),J(10),R(),M(11,H3,4,1),M(12,U3,4,1),L(13,`dt`),J(14,`Page`),R(),L(15,`dd`),J(16),R()(),L(17,`button`,52),U(`click`,function(){let t=T(e);return E(G(3).openEvent(t))}),J(18),R()}if(e&2){let e=t,n=G(3);k(),Y(e.title),k(5),Y(n.layerLabel(e.layer)),k(4),Y(n.clock(e.at)),k(),N(e.ms===void 0?-1:11),k(),N(e.detail?12:-1),k(4),Y(e.pageId?n.pageLabel(e.pageId):`Server, no page`),k(2),X(` Open in `,n.tabLabel(e.layer),` `)}}function G3(e,t){e&1&&(L(0,`p`,23),J(1,` Select an event in the list or on the chart to see it here. Double click a row to open it in its own tab. `),R())}function K3(e,t){if(e&1){let e=H();L(0,`section`,24)(1,`div`,25)(2,`h2`,26),J(3,`Time axis`),R(),L(4,`span`,23),J(5),R()(),L(6,`div`,27)(7,`ul`,28),P(8,N3,2,1,`li`,null,w3),R(),L(10,`div`,29,1),U(`pointerdown`,function(t){return T(e),E(G(2).onPointerDown(t))})(`pointermove`,function(t){return T(e),E(G(2).onPointerMove(t))})(`pointerup`,function(t){return T(e),E(G(2).onPointerUp(t))})(`pointercancel`,function(){return T(e),E(G(2).brush.set(null))}),D(),L(12,`svg`,30),P(13,P3,1,3,`:svg:line`,31,w3),P(15,F3,1,6,`:svg:rect`,32,T3),M(17,I3,1,4,`:svg:rect`,33),R(),M(18,L3,1,4,`div`,34),R()(),_s(),L(19,`div`,35)(20,`span`),J(21),R(),L(22,`span`),J(23),R()(),L(24,`p`,36),J(25,` Drag across the chart to look at a range, and click a mark to select the nearest event. The list below holds the same events. `),R()(),L(26,`div`,37)(27,`section`,38)(28,`h2`,39),J(29,`Events`),R(),M(30,R3,2,2,`p`,40),L(31,`ol`,41),P(32,V3,10,10,`li`,null,E3),R()(),L(34,`aside`,42)(35,`h2`,43),J(36,`Selected event`),R(),M(37,W3,19,7)(38,G3,2,0,`p`,23),R()()}if(e&2){let e,t,n,r=G(2);k(5),Y(r.viewText()),k(3),F(r.lanes()),k(2),K(`height`,r.lanes().length*r.laneHeight,`px`),j(`aria-label`,r.chartLabel()),k(2),j(`viewBox`,`0 0 `+r.chartWidth+` `+r.lanes().length*r.laneHeight),k(),F(r.lanes()),k(2),F(r.bins()),k(2),N((e=r.selectedMark())?17:-1,e),k(),N((t=r.brushBox())?18:-1,t),k(3),Y(r.clock(r.view().start)),k(2),Y(r.clock(r.view().end)),k(7),N(r.shown().length>r.listed().length?30:-1),k(2),F(r.listed()),k(5),N((n=r.selected())?37:38,n)}}function q3(e,t){if(e&1){let e=H();L(0,`div`,6)(1,`div`,7),D(),L(2,`svg`,8),z(3,`circle`,9)(4,`path`,10),R(),_s(),L(5,`input`,11,0),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),M(7,k3,1,2,`app-select`,12),L(8,`span`,13),J(9),R()(),L(10,`div`,14)(11,`div`,15),P(12,A3,5,3,`button`,16,w3),R(),L(14,`div`,17)(15,`button`,18),U(`click`,function(){return T(e),E(G().zoom(.5))}),J(16,` Zoom in `),R(),L(17,`button`,18),U(`click`,function(){return T(e),E(G().zoom(2))}),J(18,` Zoom out `),R(),L(19,`button`,18),U(`click`,function(){return T(e),E(G().pan(-1))}),J(20,` Earlier `),R(),L(21,`button`,18),U(`click`,function(){return T(e),E(G().pan(1))}),J(22,` Later `),R(),L(23,`button`,18),U(`click`,function(){return T(e),E(G().range.set(null))}),J(24,` Show all `),R()()(),M(25,j3,5,0,`div`,3)(26,M3,5,1,`div`,3)(27,K3,39,11)}if(e&2){let e=G();k(5),I(`value`,e.query()),k(2),N(e.pageOptions().length>2?7:-1),k(2),Y(e.countText()),k(3),F(e.layers()),k(3),I(`disabled`,!e.canZoomIn()),k(2),I(`disabled`,!e.range()),k(2),I(`disabled`,!e.canPan(-1)),k(2),I(`disabled`,!e.canPan(1)),k(2),I(`disabled`,!e.range()),k(2),N(e.events().length?e.shown().length?27:26:25)}}var J3=240,Y3=1e3,X3=4,Z3=class e{rpc=$(null);open=Rv();destroyRef=C(Ds);tracks=Jv(`tracks`);host=C(Il);hostPageId=LE();cleanups=[];loads=0;allPages=`all`;clock=x3;span=S3;laneHeight=24;chartWidth=Y3;slotWidth=Y3/J3;loading=O(!0);failed=O(!1);sources=O({});query=O(``);hidden=O(y3());range=O(null);selectedKey=O(null);brush=O(null);layers=Q(()=>H4(nD(this.rpc())));events=Q(()=>{let e=new Set(this.layers().map(e=>e.id));return s3(this.sources()).filter(t=>e.has(t.layer))});pages=Q(()=>c3(this.sources(),this.events()));pageId=Fv({source:()=>this.pages().map(e=>e.pageId),computation:(e,t)=>t&&(t.value===`all`||e.includes(t.value))?t.value:this.hostPageId&&e.includes(this.hostPageId)?this.hostPageId:`all`});pageOptions=Q(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.label,...e.label===e.pageId?{}:{hint:e.pageId}}))]);showPage=Q(()=>this.pageId()===`all`&&this.pages().length>1);matching=Q(()=>l3(this.events(),{layers:new Set(B4.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=Q(()=>{let e=Object.fromEntries(B4.map(e=>[e.id,0]));for(let t of u3(this.matching(),this.range()))e[t.layer]++;return e});visible=Q(()=>{let e=new Set(this.hidden());return this.matching().filter(t=>!e.has(t.layer))});lanes=Q(()=>{let e=new Set(this.hidden());return this.layers().filter(t=>!e.has(t.id))});laneIndex=Q(()=>Object.fromEntries(this.lanes().map((e,t)=>[e.id,t])));bounds=Q(()=>d3(this.visible()));view=Q(()=>this.range()??this.bounds());shown=Q(()=>u3(this.visible(),this.range()));listed=Q(()=>this.shown().slice(-200).reverse());bins=Q(()=>{let e=this.view();return e?g3(this.shown(),e,J3):[]});maxBin=Q(()=>this.bins().reduce((e,t)=>Math.max(e,t.count),1));selected=Q(()=>this.events().find(e=>e.key===this.selectedKey())??null);selectedMark=Q(()=>{let e=this.selected(),t=this.view(),n=e?this.laneIndex()[e.layer]:void 0;if(!e||!t||n===void 0||e.at<t.start||e.at>t.end)return null;let r=Math.max(1,t.end-t.start);return{x:Math.min(239,Math.floor((e.at-t.start)/r*J3))*this.slotWidth,y:n*this.laneHeight}});brushBox=Q(()=>{let e=this.brush();if(!e)return null;let t=Math.min(e.from,e.to),n=Math.max(e.from,e.to);return{left:t*100,width:(n-t)*100}});countText=Q(()=>{let e=this.events().length;return`${this.shown().length} of ${e} ${e===1?`event`:`events`}`});viewText=Q(()=>{let e=this.view();if(!e)return``;let t=S3(e.end-e.start);return this.range()?`Range of ${t}`:`All ${t}`});chartLabel=Q(()=>{let e=this.view();if(!e)return`Timeline`;let t=this.layerCounts(),n=this.lanes().map(e=>`${e.label} ${t[e.id]}`);return`Timeline from ${x3(e.start)} to ${x3(e.end)}: ${n.join(`, `)}. The Events list holds the same events.`});canZoomIn=Q(()=>{let e=this.view();return!!e&&e.end-e.start>40});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stop())}layerLabel(e){return V4[e].label}tabLabel(e){return V4[e].tabLabel}pageLabel(e){return e?this.pages().find(t=>t.pageId===e)?.label??e:`Server`}binOpacity(e){return Math.round((.55+.45*Math.min(1,Math.log2(e+1)/Math.log2(this.maxBin()+1)))*100)/100}toggleLayer(e){let t=this.hidden().includes(e)?this.hidden().filter(t=>t!==e):[...this.hidden(),e];this.hidden.set(t),b3(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),b3([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(f3(t,e,n))}canPan(e){let t=this.range(),n=this.bounds();return!t||!n?!1:e<0?t.start>n.start:t.end<n.end}pan(e){let t=this.range(),n=this.bounds();t&&n&&this.range.set(p3(t,e*.5,n))}select(e){this.selectedKey.set(e.key)}openEvent(e){this.open.emit(e.link)}share(e){let t=this.tracks()?.nativeElement.getBoundingClientRect();return!t||t.width<=0?0:Math.min(1,Math.max(0,(e.clientX-t.left)/t.width))}onPointerDown(e){if(e.pointerType===`mouse`&&e.button!==0)return;let t=this.share(e);this.brush.set({from:t,to:t,id:e.pointerId}),this.downX=e.clientX;try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.preventDefault()}onPointerMove(e){let t=this.brush();t&&t.id===e.pointerId&&this.brush.set({...t,to:this.share(e)})}onPointerUp(e){let t=this.brush(),n=this.view();if(this.brush.set(null),!t||t.id!==e.pointerId||!n)return;if(Math.abs(e.clientX-this.downX)<X3){this.pick(e,n);return}let r=h3(n,t.from,this.share(e));r&&this.range.set(r)}downX=0;pick(e,t){let n=this.tracks()?.nativeElement.getBoundingClientRect(),r=this.lanes();if(!n||!r.length)return;let i=r[Math.min(r.length-1,Math.max(0,Math.floor((e.clientY-n.top)/this.laneHeight)))],a=t.start+this.share(e)*(t.end-t.start),o=_3(this.shown(),i.id,a);o&&(this.selectedKey.set(o.key),queueMicrotask(()=>{this.host.nativeElement.querySelector(`button.row[data-key="${CSS.escape(o.key)}"]`)?.scrollIntoView?.({block:`nearest`})}))}retry(){let e=this.rpc();e&&this.load(e)}stop(){for(let e of this.cleanups.splice(0))e()}async load(e){this.stop();let t=++this.loads;this.loading.set(!0),this.failed.set(!1);let n=e.scope(`pangular`).rpc,r=await Promise.allSettled(B4.map(async e=>{let r=await n.sharedState(e.state);if(this.destroyRef.destroyed||t!==this.loads)return;let i=t=>this.sources.update(n=>({...n,[e.id]:t}));i(r.value()),this.cleanups.push(r.on(`updated`,i))}));this.destroyRef.destroyed||t!==this.loads||(this.failed.set(r.every(e=>e.status===`rejected`)),this.loading.set(!1))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-timeline`]],viewQuery:function(e,t){e&1&&l_(t.tracks,C3,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},outputs:{open:`open`},decls:5,vars:1,consts:[[`search`,``],[`tracks`,``],[1,`intro`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[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 events`,`placeholder`,`Filter by name, URL or detail`,`autocomplete`,`off`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[1,`controls`],[`role`,`group`,`aria-label`,`Layers`,1,`layers`],[`type`,`button`,1,`layer`],[`role`,`group`,`aria-label`,`Time range`,1,`zoom`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[`type`,`button`,1,`layer`,3,`click`],[`aria-hidden`,`true`,1,`check`],[1,`badge`],[1,`muted`],[`aria-labelledby`,`timeline-chart-heading`,1,`chart-card`],[1,`chart-head`],[`id`,`timeline-chart-heading`],[1,`chart`],[`aria-hidden`,`true`,1,`lane-labels`],[`role`,`img`,1,`tracks`,3,`pointerdown`,`pointermove`,`pointerup`,`pointercancel`],[`preserveAspectRatio`,`none`,`aria-hidden`,`true`],[`x1`,`0`,1,`lane-line`],[1,`mark`],[1,`selected-mark`],[1,`brush`,3,`left`,`width`],[`aria-hidden`,`true`,1,`axis`],[1,`hint`],[1,`split`],[`aria-labelledby`,`timeline-events-heading`,1,`events`],[`id`,`timeline-events-heading`],[1,`note`],[`appRovingList`,`button.row`,`aria-label`,`Events, newest first`,1,`rows`],[`aria-labelledby`,`timeline-detail-heading`,1,`detail-panel`],[`id`,`timeline-detail-heading`],[1,`brush`],[`type`,`button`,1,`row`,3,`click`,`dblclick`],[1,`when`],[1,`chip`],[1,`title`],[1,`detail`],[1,`page`],[1,`detail-title`],[`type`,`button`,1,`primary`,3,`click`],[1,`mono`]],template:function(e,t){e&1&&(L(0,`p`,2),J(1,` Navigations, HTTP calls, NgRx actions, change detection cycles, form events and signal changes from the live page on one time axis. Turn layers on and off, drag across the chart to look at a range, and open an event in its own tab. `),R(),M(2,D3,2,0,`p`,3)(3,O3,5,0,`div`,4)(4,q3,28,9)),e&2&&(k(2),N(t.loading()?2:t.failed()?3:4))},dependencies:[OO,qz],styles:[`[_nghost-%COMP%] {
+}`]})},V4=[{id:`router`,label:`Router`,tab:`routes`,tabLabel:`Routes`,inspector:`router`,state:`router`},{id:`http`,label:`HTTP`,tab:`network`,tabLabel:`SSR & HTTP`,inspector:`http`,state:`http`},{id:`ngrx`,label:`NgRx`,tab:`store`,tabLabel:`Store`,inspector:`ngrx`,state:`ngrx-store`},{id:`cd`,label:`Change detection`,tab:`components`,tabLabel:`Components`,inspector:`components`,state:`change-detection`},{id:`forms`,label:`Forms`,tab:`forms`,tabLabel:`Forms`,inspector:`forms`,state:`forms`},{id:`signals`,label:`Signals`,tab:`signals`,tabLabel:`Signals`,inspector:`signals`,state:`signal-graph`}],H4=Object.fromEntries(V4.map(e=>[e.id,e]));function U4(e){return V4.filter(t=>e.inspectors[t.inspector])}function W4(e){return Array.isArray(e)?e:[]}function G4(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function K4(e){let t=G4(e).pages;return Array.isArray(t)?t:Object.values(G4(t))}function q4(e){return typeof e==`number`&&Number.isFinite(e)}function J4(e){try{let t=new URL(e,`http://x`);return e.startsWith(`/`)||t.host===`x`?`${t.pathname}${t.search}`:e.replace(/^[a-z]+:\/\/[^/]+/i,``)||e}catch{return e}}function Y4(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function X4(e){let t;try{t=typeof e==`string`?JSON.stringify(e):JSON.stringify(e)??``}catch{t=String(e)}return t.length>80?`${t.slice(0,79)}…`:t}function Z4(e){let t=[];for(let n of K4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of W4(n?.navigations)){if(!q4(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=q4(r.endedAt)?Math.max(0,r.endedAt-r.startedAt):void 0,i=r.finalUrl&&r.finalUrl!==r.url?` to ${r.finalUrl}`:``;t.push({key:`router:${e}:${r.id}`,layer:`router`,pageId:e,at:r.startedAt,...n===void 0?{}:{ms:n},title:`Navigation to ${r.url}`,detail:[`${r.outcome}${i}`,r.trigger,n===void 0?``:Y4(n)].filter(Boolean).join(` · `),...r.outcome===`failed`?{tone:`danger`}:r.outcome===`cancelled`||r.outcome===`redirected`?{tone:`warn`}:{},link:{tab:`routes`,...e?{page:e}:{}}})}}return t}function Q4(e){let t=e.status??0;if(e.error||t>=500||t===0&&!e.cancelled)return`danger`;if(t>=400||e.faulted||e.cancelled)return`warn`}function $4(e,t){if(!q4(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=q4(e.durationMs)?e.durationMs:void 0,a=Q4(e);return{key:`http:${e.side===`server`?`server`:t}:${e.id??e.at}`,layer:`http`,pageId:t,at:e.at,...i===void 0?{}:{ms:i},title:`${e.method??`GET`} ${J4(e.url??``)}`,detail:[r,n,i===void 0?``:Y4(i),e.cacheHit?`from cache`:``,e.mocked?`mocked`:e.faulted?`fault rule`:``].filter(Boolean).join(` · `),...a?{tone:a}:{},link:{tab:`network`,...t?{page:t}:{}}}}function e3(e){let t=[],n=K4(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of W4(e?.calls)){let e=$4(r,n);e&&t.push(e)}}for(let r of W4(G4(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=$4({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function t3(e){let t=[];for(let n of K4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of W4(n?.log)){if(!q4(r?.timestamp))continue;let n=W4(r.diff).length+(r.diffTruncated??0),i=q4(r.durationMs)?r.durationMs:void 0;t.push({key:`ngrx:${e}:${r.seq}`,layer:`ngrx`,pageId:e,at:r.timestamp,...i===void 0?{}:{ms:i},title:r.source===`event`?r.eventType??r.type:r.type,detail:[r.storeId,r.source===`event`?`event`:n?`${n} ${n===1?`change`:`changes`}`:`no change`,i===void 0?``:Y4(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var n3=16;function r3(e){let t=[];for(let n of K4(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of W4(n?.cycles)){if(!q4(r?.at))continue;let n=q4(r.ms)?r.ms:0;t.push({key:`cd:${e}:${r.id}`,layer:`cd`,pageId:e,at:r.at,ms:n,title:`Change detection cycle ${r.id}`,detail:[Y4(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>n3?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function i3(e){return W4(G4(e).events).flatMap((e,t)=>{if(!q4(e?.timestamp)||typeof e.formId!=`string`)return[];let n=GE(e.formId),r=[e.detail,e.origin,e.outcome].filter(Boolean).join(` · `);return[{key:`forms:${e.formId}:${e.seq??`i${t}`}`,layer:`forms`,pageId:n,at:e.timestamp,...q4(e.ms)?{ms:e.ms}:{},title:`${e.type} ${e.path||`form`}`,detail:r,...e.type===`submit`&&e.outcome===`invalid`?{tone:`warn`}:{},link:{tab:`forms`,id:e.formId,...n?{page:n}:{}}}]})}var a3={write:`set`,sample:`sampled`};function o3(e){let t=[],n=G4(G4(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,G4(e).graph]];for(let[e,n]of r){let r=G4(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(W4(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(G4(r.history)))for(let r of W4(n)){if(!q4(r?.at)||r.source===`initial`)continue;let n=a.get(e)??e;t.push({key:`signals:${i}:${e}:${r.epoch??r.at}`,layer:`signals`,pageId:i,at:r.at,title:`${n} ${a3[r.source??``]??`changed`}`,detail:X4(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var s3={router:Z4,http:e3,ngrx:t3,cd:r3,forms:i3,signals:o3};function c3(e){let t=[];for(let n of V4){let r=e[n.id];r!=null&&t.push(...s3[n.id](r))}let n=new Map(V4.map((e,t)=>[e.id,t]));t.sort((e,t)=>e.at-t.at||n.get(e.layer)-n.get(t.layer)||(e.key<t.key?-1:+(e.key>t.key)));let r=new Set;for(let e of t){let t=e.key;for(let n=2;r.has(t);n++)t=`${e.key}#${n}`;e.key=t,r.add(t)}return t}function l3(e,t){let n=new Map,r=(e,t)=>{typeof e==`string`&&e&&(typeof t==`string`&&t&&!n.get(e)?n.set(e,t):n.has(e)||n.set(e,``))};for(let t of K4(e.http))r(t?.pageId,t?.title||t?.url);for(let t of K4(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of K4(e.ngrx))r(t?.pageId,t?.title||t?.url);for(let e of t)r(e.pageId,``);return[...n].map(([e,t])=>({pageId:e,label:t||e}))}function u3(e,t){let n=t.query.trim().toLowerCase();return e.filter(e=>t.layers.has(e.layer)&&(t.pageId===`all`||e.pageId===t.pageId)&&(!n||e.title.toLowerCase().includes(n)||e.detail.toLowerCase().includes(n)))}function d3(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function f3(e){if(!e.length)return null;let t=1/0,n=-1/0;for(let r of e)t=Math.min(t,r.at),n=Math.max(n,r.at+(r.ms??0));return n-t<20?{start:t-10,end:t+10}:{start:t,end:n}}function p3(e,t,n){let r=Math.max(20,(e.end-e.start)*t);if(r>=n.end-n.start)return null;let i=(e.start+e.end)/2;return h3({start:i-r/2,end:i+r/2},n)}function m3(e,t,n){let r=(e.end-e.start)*t;return h3({start:e.start+r,end:e.end+r},n)}function h3(e,t){let n=e.end-e.start;return e.start<t.start?{start:t.start,end:t.start+n}:e.end>t.end?{start:t.end-n,end:t.end}:e}function g3(e,t,n){let[r,i]=t<n?[t,n]:[n,t],a=e=>Math.min(1,Math.max(0,e)),o=e.end-e.start,s=e.start+a(r)*o,c=e.start+a(i)*o;return c-s<20?null:{start:s,end:c}}function _3(e,t,n){let r=Math.max(1,t.end-t.start),i=new Map;for(let a of e){if(a.at<t.start||a.at>t.end)continue;let e=Math.min(n-1,Math.floor((a.at-t.start)/r*n)),o=`${a.layer}:${e}`,s=i.get(o);s||(s={layer:a.layer,slot:e,count:0},i.set(o,s)),s.count++,(a.tone===`danger`||a.tone===`warn`&&s.tone!==`danger`)&&(s.tone=a.tone)}return[...i.values()]}function v3(e,t,n){let r=null;for(let i of e)i.layer===t&&(!r||Math.abs(i.at-n)<Math.abs(r.at-n))&&(r=i);return r}var y3=`pangular-timeline-hidden-layers`;function b3(){try{let e=JSON.parse(localStorage.getItem(y3)??`[]`);return Array.isArray(e)?e.filter(e=>V4.some(t=>t.id===e)):[]}catch{return[]}}function x3(e){try{localStorage.setItem(y3,JSON.stringify(e))}catch{}}function S3(e){let t=new Date(e),n=(e,t=2)=>String(e).padStart(t,`0`);return`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${n(t.getMilliseconds(),3)}`}function C3(e){if(e<1e3)return`${Math.round(e)} ms`;if(e<6e4)return`${Math.round(e/100)/10} s`;let t=Math.floor(e/6e4),n=Math.round(e%6e4/1e3);return n?`${t} min ${n} s`:`${t} min`}var w3=[`tracks`],T3=(e,t)=>t.id,E3=(e,t)=>t.layer+t.slot,D3=(e,t)=>t.key;function O3(e,t){e&1&&(L(0,`p`,3),J(1,`Loading the timeline…`),R())}function k3(e,t){if(e&1){let e=H();L(0,`div`,4)(1,`p`),J(2,`Can't read the timeline from the devtools server.`),R(),L(3,`button`,5),U(`click`,function(){return T(e),E(G().retry())}),J(4,`Retry`),R()()}}function A3(e,t){if(e&1){let e=H();L(0,`app-select`,19),U(`valueChange`,function(t){T(e);let n=G(2);return E(n.pageId.set(t??n.allPages))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function j3(e,t){if(e&1){let e=H();L(0,`button`,20),U(`click`,function(){let t=T(e).$implicit;return E(G(2).toggleLayer(t.id))}),z(1,`span`,21),J(2),L(3,`span`,22),J(4),R()()}if(e&2){let e=t.$implicit,n=G(2);j(`aria-pressed`,!n.hidden().includes(e.id)),k(2),X(` `,e.label,` `),k(2),Y(n.layerCounts()[e.id])}}function M3(e,t){e&1&&(L(0,`div`,3)(1,`p`),J(2,`Nothing on the timeline yet.`),R(),L(3,`p`,23),J(4,` Use the app with the overlay loaded. Navigations, HTTP calls, NgRx actions and form events show up as they happen. Record change detection on the Components tab, and pick a component on the Signals tab to follow its signals. `),R()())}function N3(e,t){if(e&1){let e=H();L(0,`div`,3)(1,`p`),J(2),R(),L(3,`button`,5),U(`click`,function(){T(e),G();let t=d_(6);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}if(e&2){let e=G(2);k(2),X(`No event matches the filters`,e.range()?` in this range`:``,`.`)}}function P3(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.label)}}function F3(e,t){if(e&1&&(D(),z(0,`line`,31)),e&2){let e=t.$index,n=G(3);j(`x2`,n.chartWidth)(`y1`,e*n.laneHeight+n.laneHeight/2)(`y2`,e*n.laneHeight+n.laneHeight/2)}}function I3(e,t){if(e&1&&(D(),z(0,`rect`,32)),e&2){let e=t.$implicit,n=G(3);j(`data-tone`,e.tone??null)(`x`,e.slot*n.slotWidth)(`y`,n.laneIndex()[e.layer]*n.laneHeight+4)(`width`,n.slotWidth-1)(`height`,n.laneHeight-8)(`opacity`,n.binOpacity(e.count))}}function L3(e,t){if(e&1&&(D(),z(0,`rect`,33)),e&2){let e=t,n=G(3);j(`x`,e.x-2)(`y`,e.y+1)(`width`,n.slotWidth+3)(`height`,n.laneHeight-2)}}function R3(e,t){if(e&1&&z(0,`div`,44),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function z3(e,t){if(e&1&&(L(0,`p`,40),J(1),R()),e&2){let e=G(3);k(),Z(` Showing the newest `,e.listed().length,` of `,e.shown().length,` events. Zoom in or filter to see older ones. `)}}function B3(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function V3(e,t){if(e&1&&(L(0,`span`,50),J(1),R()),e&2){let e=G().$implicit,t=G(3);k(),Y(t.pageLabel(e.pageId))}}function H3(e,t){if(e&1){let e=H();L(0,`li`)(1,`button`,45),U(`click`,function(){let t=T(e).$implicit;return E(G(3).select(t))})(`dblclick`,function(){let t=T(e).$implicit;return E(G(3).openEvent(t))}),L(2,`time`,46),J(3),R(),L(4,`span`,47),J(5),R(),L(6,`span`,48),J(7),R(),M(8,B3,2,1,`span`,49),M(9,V3,2,1,`span`,50),R()()}if(e&2){let e=t.$implicit,n=G(3);k(),q(`selected`,e.key===n.selectedKey()),j(`aria-current`,e.key===n.selectedKey()?`true`:null)(`data-key`,e.key),k(2),Y(n.clock(e.at)),k(),j(`data-tone`,e.tone??null),k(),Y(n.layerLabel(e.layer)),k(2),Y(e.title),k(),N(e.detail?8:-1),k(),N(n.showPage()?9:-1)}}function U3(e,t){if(e&1&&(L(0,`dt`),J(1,`Took`),R(),L(2,`dd`),J(3),R()),e&2){let e=G(),t=G(3);k(3),Y(t.span(e.ms))}}function W3(e,t){if(e&1&&(L(0,`dt`),J(1,`Detail`),R(),L(2,`dd`,53),J(3),R()),e&2){let e=G();k(3),Y(e.detail)}}function G3(e,t){if(e&1){let e=H();L(0,`p`,51),J(1),R(),L(2,`dl`)(3,`dt`),J(4,`Layer`),R(),L(5,`dd`),J(6),R(),L(7,`dt`),J(8,`Time`),R(),L(9,`dd`),J(10),R(),M(11,U3,4,1),M(12,W3,4,1),L(13,`dt`),J(14,`Page`),R(),L(15,`dd`),J(16),R()(),L(17,`button`,52),U(`click`,function(){let t=T(e);return E(G(3).openEvent(t))}),J(18),R()}if(e&2){let e=t,n=G(3);k(),Y(e.title),k(5),Y(n.layerLabel(e.layer)),k(4),Y(n.clock(e.at)),k(),N(e.ms===void 0?-1:11),k(),N(e.detail?12:-1),k(4),Y(e.pageId?n.pageLabel(e.pageId):`Server, no page`),k(2),X(` Open in `,n.tabLabel(e.layer),` `)}}function K3(e,t){e&1&&(L(0,`p`,23),J(1,` Select an event in the list or on the chart to see it here. Double click a row to open it in its own tab. `),R())}function q3(e,t){if(e&1){let e=H();L(0,`section`,24)(1,`div`,25)(2,`h2`,26),J(3,`Time axis`),R(),L(4,`span`,23),J(5),R()(),L(6,`div`,27)(7,`ul`,28),P(8,P3,2,1,`li`,null,T3),R(),L(10,`div`,29,1),U(`pointerdown`,function(t){return T(e),E(G(2).onPointerDown(t))})(`pointermove`,function(t){return T(e),E(G(2).onPointerMove(t))})(`pointerup`,function(t){return T(e),E(G(2).onPointerUp(t))})(`pointercancel`,function(){return T(e),E(G(2).brush.set(null))}),D(),L(12,`svg`,30),P(13,F3,1,3,`:svg:line`,31,T3),P(15,I3,1,6,`:svg:rect`,32,E3),M(17,L3,1,4,`:svg:rect`,33),R(),M(18,R3,1,4,`div`,34),R()(),_s(),L(19,`div`,35)(20,`span`),J(21),R(),L(22,`span`),J(23),R()(),L(24,`p`,36),J(25,` Drag across the chart to look at a range, and click a mark to select the nearest event. The list below holds the same events. `),R()(),L(26,`div`,37)(27,`section`,38)(28,`h2`,39),J(29,`Events`),R(),M(30,z3,2,2,`p`,40),L(31,`ol`,41),P(32,H3,10,10,`li`,null,D3),R()(),L(34,`aside`,42)(35,`h2`,43),J(36,`Selected event`),R(),M(37,G3,19,7)(38,K3,2,0,`p`,23),R()()}if(e&2){let e,t,n,r=G(2);k(5),Y(r.viewText()),k(3),F(r.lanes()),k(2),K(`height`,r.lanes().length*r.laneHeight,`px`),j(`aria-label`,r.chartLabel()),k(2),j(`viewBox`,`0 0 `+r.chartWidth+` `+r.lanes().length*r.laneHeight),k(),F(r.lanes()),k(2),F(r.bins()),k(2),N((e=r.selectedMark())?17:-1,e),k(),N((t=r.brushBox())?18:-1,t),k(3),Y(r.clock(r.view().start)),k(2),Y(r.clock(r.view().end)),k(7),N(r.shown().length>r.listed().length?30:-1),k(2),F(r.listed()),k(5),N((n=r.selected())?37:38,n)}}function J3(e,t){if(e&1){let e=H();L(0,`div`,6)(1,`div`,7),D(),L(2,`svg`,8),z(3,`circle`,9)(4,`path`,10),R(),_s(),L(5,`input`,11,0),U(`input`,function(t){return T(e),E(G().query.set(t.target.value))})(`keydown.escape`,function(){return T(e),E(G().query.set(``))}),R()(),M(7,A3,1,2,`app-select`,12),L(8,`span`,13),J(9),R()(),L(10,`div`,14)(11,`div`,15),P(12,j3,5,3,`button`,16,T3),R(),L(14,`div`,17)(15,`button`,18),U(`click`,function(){return T(e),E(G().zoom(.5))}),J(16,` Zoom in `),R(),L(17,`button`,18),U(`click`,function(){return T(e),E(G().zoom(2))}),J(18,` Zoom out `),R(),L(19,`button`,18),U(`click`,function(){return T(e),E(G().pan(-1))}),J(20,` Earlier `),R(),L(21,`button`,18),U(`click`,function(){return T(e),E(G().pan(1))}),J(22,` Later `),R(),L(23,`button`,18),U(`click`,function(){return T(e),E(G().range.set(null))}),J(24,` Show all `),R()()(),M(25,M3,5,0,`div`,3)(26,N3,5,1,`div`,3)(27,q3,39,11)}if(e&2){let e=G();k(5),I(`value`,e.query()),k(2),N(e.pageOptions().length>2?7:-1),k(2),Y(e.countText()),k(3),F(e.layers()),k(3),I(`disabled`,!e.canZoomIn()),k(2),I(`disabled`,!e.range()),k(2),I(`disabled`,!e.canPan(-1)),k(2),I(`disabled`,!e.canPan(1)),k(2),I(`disabled`,!e.range()),k(2),N(e.events().length?e.shown().length?27:26:25)}}var Y3=240,X3=1e3,Z3=4,Q3=class e{rpc=$(null);open=Rv();destroyRef=C(Ds);tracks=Jv(`tracks`);host=C(Il);hostPageId=LE();cleanups=[];loads=0;allPages=`all`;clock=S3;span=C3;laneHeight=24;chartWidth=X3;slotWidth=X3/Y3;loading=O(!0);failed=O(!1);sources=O({});query=O(``);hidden=O(b3());range=O(null);selectedKey=O(null);brush=O(null);layers=Q(()=>U4(nD(this.rpc())));events=Q(()=>{let e=new Set(this.layers().map(e=>e.id));return c3(this.sources()).filter(t=>e.has(t.layer))});pages=Q(()=>l3(this.sources(),this.events()));pageId=Fv({source:()=>this.pages().map(e=>e.pageId),computation:(e,t)=>t&&(t.value===`all`||e.includes(t.value))?t.value:this.hostPageId&&e.includes(this.hostPageId)?this.hostPageId:`all`});pageOptions=Q(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.label,...e.label===e.pageId?{}:{hint:e.pageId}}))]);showPage=Q(()=>this.pageId()===`all`&&this.pages().length>1);matching=Q(()=>u3(this.events(),{layers:new Set(V4.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=Q(()=>{let e=Object.fromEntries(V4.map(e=>[e.id,0]));for(let t of d3(this.matching(),this.range()))e[t.layer]++;return e});visible=Q(()=>{let e=new Set(this.hidden());return this.matching().filter(t=>!e.has(t.layer))});lanes=Q(()=>{let e=new Set(this.hidden());return this.layers().filter(t=>!e.has(t.id))});laneIndex=Q(()=>Object.fromEntries(this.lanes().map((e,t)=>[e.id,t])));bounds=Q(()=>f3(this.visible()));view=Q(()=>this.range()??this.bounds());shown=Q(()=>d3(this.visible(),this.range()));listed=Q(()=>this.shown().slice(-200).reverse());bins=Q(()=>{let e=this.view();return e?_3(this.shown(),e,Y3):[]});maxBin=Q(()=>this.bins().reduce((e,t)=>Math.max(e,t.count),1));selected=Q(()=>this.events().find(e=>e.key===this.selectedKey())??null);selectedMark=Q(()=>{let e=this.selected(),t=this.view(),n=e?this.laneIndex()[e.layer]:void 0;if(!e||!t||n===void 0||e.at<t.start||e.at>t.end)return null;let r=Math.max(1,t.end-t.start);return{x:Math.min(239,Math.floor((e.at-t.start)/r*Y3))*this.slotWidth,y:n*this.laneHeight}});brushBox=Q(()=>{let e=this.brush();if(!e)return null;let t=Math.min(e.from,e.to),n=Math.max(e.from,e.to);return{left:t*100,width:(n-t)*100}});countText=Q(()=>{let e=this.events().length;return`${this.shown().length} of ${e} ${e===1?`event`:`events`}`});viewText=Q(()=>{let e=this.view();if(!e)return``;let t=C3(e.end-e.start);return this.range()?`Range of ${t}`:`All ${t}`});chartLabel=Q(()=>{let e=this.view();if(!e)return`Timeline`;let t=this.layerCounts(),n=this.lanes().map(e=>`${e.label} ${t[e.id]}`);return`Timeline from ${S3(e.start)} to ${S3(e.end)}: ${n.join(`, `)}. The Events list holds the same events.`});canZoomIn=Q(()=>{let e=this.view();return!!e&&e.end-e.start>40});constructor(){mc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stop())}layerLabel(e){return H4[e].label}tabLabel(e){return H4[e].tabLabel}pageLabel(e){return e?this.pages().find(t=>t.pageId===e)?.label??e:`Server`}binOpacity(e){return Math.round((.55+.45*Math.min(1,Math.log2(e+1)/Math.log2(this.maxBin()+1)))*100)/100}toggleLayer(e){let t=this.hidden().includes(e)?this.hidden().filter(t=>t!==e):[...this.hidden(),e];this.hidden.set(t),x3(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),x3([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(p3(t,e,n))}canPan(e){let t=this.range(),n=this.bounds();return!t||!n?!1:e<0?t.start>n.start:t.end<n.end}pan(e){let t=this.range(),n=this.bounds();t&&n&&this.range.set(m3(t,e*.5,n))}select(e){this.selectedKey.set(e.key)}openEvent(e){this.open.emit(e.link)}share(e){let t=this.tracks()?.nativeElement.getBoundingClientRect();return!t||t.width<=0?0:Math.min(1,Math.max(0,(e.clientX-t.left)/t.width))}onPointerDown(e){if(e.pointerType===`mouse`&&e.button!==0)return;let t=this.share(e);this.brush.set({from:t,to:t,id:e.pointerId}),this.downX=e.clientX;try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}e.preventDefault()}onPointerMove(e){let t=this.brush();t&&t.id===e.pointerId&&this.brush.set({...t,to:this.share(e)})}onPointerUp(e){let t=this.brush(),n=this.view();if(this.brush.set(null),!t||t.id!==e.pointerId||!n)return;if(Math.abs(e.clientX-this.downX)<Z3){this.pick(e,n);return}let r=g3(n,t.from,this.share(e));r&&this.range.set(r)}downX=0;pick(e,t){let n=this.tracks()?.nativeElement.getBoundingClientRect(),r=this.lanes();if(!n||!r.length)return;let i=r[Math.min(r.length-1,Math.max(0,Math.floor((e.clientY-n.top)/this.laneHeight)))],a=t.start+this.share(e)*(t.end-t.start),o=v3(this.shown(),i.id,a);o&&(this.selectedKey.set(o.key),queueMicrotask(()=>{this.host.nativeElement.querySelector(`button.row[data-key="${CSS.escape(o.key)}"]`)?.scrollIntoView?.({block:`nearest`})}))}retry(){let e=this.rpc();e&&this.load(e)}stop(){for(let e of this.cleanups.splice(0))e()}async load(e){this.stop();let t=++this.loads;this.loading.set(!0),this.failed.set(!1);let n=e.scope(`pangular`).rpc,r=await Promise.allSettled(V4.map(async e=>{let r=await n.sharedState(e.state);if(this.destroyRef.destroyed||t!==this.loads)return;let i=t=>this.sources.update(n=>({...n,[e.id]:t}));i(r.value()),this.cleanups.push(r.on(`updated`,i))}));this.destroyRef.destroyed||t!==this.loads||(this.failed.set(r.every(e=>e.status===`rejected`)),this.loading.set(!1))}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-timeline`]],viewQuery:function(e,t){e&1&&l_(t.tracks,w3,5),e&2&&u_()},inputs:{rpc:[1,`rpc`]},outputs:{open:`open`},decls:5,vars:1,consts:[[`search`,``],[`tracks`,``],[1,`intro`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`type`,`button`,1,`small`,3,`click`],[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 events`,`placeholder`,`Filter by name, URL or detail`,`autocomplete`,`off`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[1,`controls`],[`role`,`group`,`aria-label`,`Layers`,1,`layers`],[`type`,`button`,1,`layer`],[`role`,`group`,`aria-label`,`Time range`,1,`zoom`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[`type`,`button`,1,`layer`,3,`click`],[`aria-hidden`,`true`,1,`check`],[1,`badge`],[1,`muted`],[`aria-labelledby`,`timeline-chart-heading`,1,`chart-card`],[1,`chart-head`],[`id`,`timeline-chart-heading`],[1,`chart`],[`aria-hidden`,`true`,1,`lane-labels`],[`role`,`img`,1,`tracks`,3,`pointerdown`,`pointermove`,`pointerup`,`pointercancel`],[`preserveAspectRatio`,`none`,`aria-hidden`,`true`],[`x1`,`0`,1,`lane-line`],[1,`mark`],[1,`selected-mark`],[1,`brush`,3,`left`,`width`],[`aria-hidden`,`true`,1,`axis`],[1,`hint`],[1,`split`],[`aria-labelledby`,`timeline-events-heading`,1,`events`],[`id`,`timeline-events-heading`],[1,`note`],[`appRovingList`,`button.row`,`aria-label`,`Events, newest first`,1,`rows`],[`aria-labelledby`,`timeline-detail-heading`,1,`detail-panel`],[`id`,`timeline-detail-heading`],[1,`brush`],[`type`,`button`,1,`row`,3,`click`,`dblclick`],[1,`when`],[1,`chip`],[1,`title`],[1,`detail`],[1,`page`],[1,`detail-title`],[`type`,`button`,1,`primary`,3,`click`],[1,`mono`]],template:function(e,t){e&1&&(L(0,`p`,2),J(1,` Navigations, HTTP calls, NgRx actions, change detection cycles, form events and signal changes from the live page on one time axis. Turn layers on and off, drag across the chart to look at a range, and open an event in its own tab. `),R(),M(2,O3,2,0,`p`,3)(3,k3,5,0,`div`,4)(4,J3,28,9)),e&2&&(k(2),N(t.loading()?2:t.failed()?3:4))},dependencies:[OO,Jz],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -17142,7 +17142,7 @@ dd[_ngcontent-%COMP%] {
   .layer[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function Q3(e){let t=e===`light`?`#ffffff`:`#0b0b0e`,n=e===`light`?`#92400e`:`#f5a524`;return`
+}`]})};function $3(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;
   }
@@ -17233,7 +17233,7 @@ dd[_ngcontent-%COMP%] {
       transition: none;
     }
   }
-`}var $3=new Map;function e6(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=$3.get(e);t!==void 0&&(clearTimeout(t),$3.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=Q3(t);return}if(n>0&&e){let r=$3.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{$3.delete(e),e6(e,t,n-1)},100);$3.set(e,i)}}var t6=`pangular-pref`,n6={order:[],hidden:[],pinned:[]};function r6(e){try{return localStorage.getItem(`${t6}:${e}`)}catch{return null}}function i6(e,t){try{t===null?localStorage.removeItem(`${t6}:${e}`):localStorage.setItem(`${t6}:${e}`,t)}catch{}}function a6(){let e=r6(`theme`);return e===`light`||e===`dark`?e:`system`}function o6(e){i6(`theme`,e===`system`?null:e)}function s6(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 c6(){let e=r6(`tabs`);if(!e)return n6;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return n6;let n=t;return{order:s6(n.order),hidden:s6(n.hidden),pinned:s6(n.pinned)}}catch{return n6}}function l6(e){i6(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function u6(){return r6(`passive`)===`true`}function d6(e){i6(`passive`,e?`true`:null)}function f6(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 p6(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return f6(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function m6(e,t,n,r){let i=f6(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 h6(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 g6(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:f6(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function _6(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function v6(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 y6=`pangular-inspector-`;function b6(e=window){try{let t=e.top??e;return t.name.startsWith(y6)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function x6(e=window){let t=b6(e);if(!t)return!1;let n;try{n=t.location.origin}catch{try{n=new URL(e.document.referrer).origin}catch{n=void 0}}if(!n||n===`null`)return!1;try{return t.postMessage({type:`pangular:popup-return`},n),!0}catch{return!1}}var S6=class e{current=O(`dark`);preference=O(a6());source=`dark`;sourceAttr=!1;constructor(){let e=C(Ds),t=T6(),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(w6(t),!0);else{let t=C6();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{}mc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of E6())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(w6(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),o6(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=Nl({token:e,factory:e.ɵfac})};function C6(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function w6(e){return e.classList.contains(`dark`)?`dark`:`light`}function T6(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function E6(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=D6(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function D6(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 O6=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function k6(){try{return window.parent===window?void 0:window.parent[O6]}catch{return}}function A6(e,t,n=50){let r=k6();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=A6(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(UT(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>UT(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function j6(){return!!k6()}async function M6(e){let t=k6();if(!t)return!1;try{return await t.docks.switchEntry(UT(e))}catch{return!1}}function N6(){let e=k6()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function P6(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function F6(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var I6=`pangular-tab`;function L6(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function R6(e){try{return sessionStorage.getItem(`${I6}:${e}`)}catch{return null}}function z6(e,t){try{sessionStorage.setItem(`${I6}:${e}`,t)}catch{}}function B6(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function V6(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 H6(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(B6(t,e)||V6(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var U6={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 W6(e,t){let n=U6[t];return e&&n[e]||null}var G6=(e,t)=>t.value,K6=(e,t)=>t.id;function q6(e,t){if(e&1){let e=H();L(0,`label`,23)(1,`input`,24),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`value`,e.value)(`checked`,n.theme()===e.value),k(2),Y(e.label),k(2),Y(e.hint)}}function J6(e,t){e&1&&(L(0,`span`,30),J(1,`Pinned`),R())}function Y6(e,t){if(e&1){let e=H();L(0,`li`,27),U(`keydown`,function(t){let n=T(e).$implicit;return E(G().onRowKey(t,n.id))}),z(1,`app-tab-icon`,28),L(2,`span`,29),J(3),M(4,J6,2,0,`span`,30),R(),L(5,`button`,31),U(`click`,function(){let t=T(e).$implicit;return E(G().togglePinned(t.id))}),J(6,` Pin `),R(),L(7,`label`,32)(8,`input`,33),U(`change`,function(t){let n=T(e).$implicit;return E(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=T(e).$implicit;return E(G().move(t.id,-1))}),D(),L(13,`svg`,36),z(14,`path`,37),R()(),_s(),L(15,`button`,38),U(`click`,function(){let t=T(e).$implicit;return E(G().move(t.id,1))}),D(),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),k(),I(`name`,e.id),k(2),X(` `,e.label,` `),k(),N(n.isPinned(e.id)?4:-1),k(),j(`aria-pressed`,n.isPinned(e.id))(`aria-label`,`Pin `+e.label),k(3),I(`checked`,!n.isHidden(e.id)),j(`aria-label`,e.label+` shown in the tab bar`),k(4),I(`disabled`,!n.canMove(e.id,-1)),j(`aria-label`,`Move `+e.label+` up`),k(3),I(`disabled`,!n.canMove(e.id,1)),j(`aria-label`,`Move `+e.label+` down`)}}function X6(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&&(k(2),Y(t))}function Z6(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 Q6(e,t){e&1&&(L(0,`kbd`),J(1),R()),e&2&&(k(),Y(t))}function $6(e,t){e&1&&J(0,` Off `)}var e8=[{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`}],t8=class e{tabs=$([]);layout=Gv(n6);theme=Gv(`system`);passive=Gv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);themes=e8;announcement=O(``);host=C(Il);injector=C(Ts);ids=Q(()=>this.tabs().map(e=>e.id));orderedTabs=Q(()=>{let e=new Map(this.tabs().map(e=>[e.id,e]));return f6(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=Q(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=f6(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 m6(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=m6(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=f6(this.ids(),n),i=this.label(e);this.say(`${i} moved to position ${r.indexOf(e)+1} of ${r.length}.`),Hd(()=>{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(g6(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(h6(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(n6),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=A({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,q6,6,6,`label`,4,G6),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,Y6,18,14,`li`,11,K6),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,X6,4,1)(37,Z6,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,Q6,2,1,`kbd`)(60,$6,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;k(6),F(t.themes),k(6),I(`disabled`,t.isDefaultLayout()),k(14),F(t.orderedTabs()),k(6),I(`checked`,t.passive())(`disabled`,t.hotkey()===!1),k(4),N((e=t.hotkey())?36:37,e),k(18),Y(t.paletteShortcut()),k(5),N((n=t.hotkey())?59:60,n),k(5),Y(t.announcement())}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
+`}var e6=new Map;function t6(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=e6.get(e);t!==void 0&&(clearTimeout(t),e6.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=$3(t);return}if(n>0&&e){let r=e6.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{e6.delete(e),t6(e,t,n-1)},100);e6.set(e,i)}}var n6=`pangular-pref`,r6={order:[],hidden:[],pinned:[]};function i6(e){try{return localStorage.getItem(`${n6}:${e}`)}catch{return null}}function a6(e,t){try{t===null?localStorage.removeItem(`${n6}:${e}`):localStorage.setItem(`${n6}:${e}`,t)}catch{}}function o6(){let e=i6(`theme`);return e===`light`||e===`dark`?e:`system`}function s6(e){a6(`theme`,e===`system`?null:e)}function c6(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 l6(){let e=i6(`tabs`);if(!e)return r6;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return r6;let n=t;return{order:c6(n.order),hidden:c6(n.hidden),pinned:c6(n.pinned)}}catch{return r6}}function u6(e){a6(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function d6(){return i6(`passive`)===`true`}function f6(e){a6(`passive`,e?`true`:null)}function p6(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 m6(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return p6(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function h6(e,t,n,r){let i=p6(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 g6(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 _6(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:p6(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function v6(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function y6(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 b6=`pangular-inspector-`;function x6(e=window){try{let t=e.top??e;return t.name.startsWith(b6)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function S6(e=window){let t=x6(e);if(!t)return!1;let n;try{n=t.location.origin}catch{try{n=new URL(e.document.referrer).origin}catch{n=void 0}}if(!n||n===`null`)return!1;try{return t.postMessage({type:`pangular:popup-return`},n),!0}catch{return!1}}var C6=class e{current=O(`dark`);preference=O(o6());source=`dark`;sourceAttr=!1;constructor(){let e=C(Ds),t=E6(),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(T6(t),!0);else{let t=w6();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{}mc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of D6())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(T6(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),s6(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=Nl({token:e,factory:e.ɵfac})};function w6(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function T6(e){return e.classList.contains(`dark`)?`dark`:`light`}function E6(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function D6(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=O6(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function O6(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 k6=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function A6(){try{return window.parent===window?void 0:window.parent[k6]}catch{return}}function j6(e,t,n=50){let r=A6();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=j6(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(UT(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>UT(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function M6(){return!!A6()}async function N6(e){let t=A6();if(!t)return!1;try{return await t.docks.switchEntry(UT(e))}catch{return!1}}function P6(){let e=A6()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function F6(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function I6(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var L6=`pangular-tab`;function R6(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function z6(e){try{return sessionStorage.getItem(`${L6}:${e}`)}catch{return null}}function B6(e,t){try{sessionStorage.setItem(`${L6}:${e}`,t)}catch{}}function V6(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function H6(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 U6(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(V6(t,e)||H6(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var W6={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 G6(e,t){let n=W6[t];return e&&n[e]||null}var K6=(e,t)=>t.value,q6=(e,t)=>t.id;function J6(e,t){if(e&1){let e=H();L(0,`label`,23)(1,`input`,24),U(`change`,function(){let t=T(e).$implicit;return E(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),k(),I(`value`,e.value)(`checked`,n.theme()===e.value),k(2),Y(e.label),k(2),Y(e.hint)}}function Y6(e,t){e&1&&(L(0,`span`,30),J(1,`Pinned`),R())}function X6(e,t){if(e&1){let e=H();L(0,`li`,27),U(`keydown`,function(t){let n=T(e).$implicit;return E(G().onRowKey(t,n.id))}),z(1,`app-tab-icon`,28),L(2,`span`,29),J(3),M(4,Y6,2,0,`span`,30),R(),L(5,`button`,31),U(`click`,function(){let t=T(e).$implicit;return E(G().togglePinned(t.id))}),J(6,` Pin `),R(),L(7,`label`,32)(8,`input`,33),U(`change`,function(t){let n=T(e).$implicit;return E(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=T(e).$implicit;return E(G().move(t.id,-1))}),D(),L(13,`svg`,36),z(14,`path`,37),R()(),_s(),L(15,`button`,38),U(`click`,function(){let t=T(e).$implicit;return E(G().move(t.id,1))}),D(),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),k(),I(`name`,e.id),k(2),X(` `,e.label,` `),k(),N(n.isPinned(e.id)?4:-1),k(),j(`aria-pressed`,n.isPinned(e.id))(`aria-label`,`Pin `+e.label),k(3),I(`checked`,!n.isHidden(e.id)),j(`aria-label`,e.label+` shown in the tab bar`),k(4),I(`disabled`,!n.canMove(e.id,-1)),j(`aria-label`,`Move `+e.label+` up`),k(3),I(`disabled`,!n.canMove(e.id,1)),j(`aria-label`,`Move `+e.label+` down`)}}function Z6(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&&(k(2),Y(t))}function Q6(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 $6(e,t){e&1&&(L(0,`kbd`),J(1),R()),e&2&&(k(),Y(t))}function e8(e,t){e&1&&J(0,` Off `)}var t8=[{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`}],n8=class e{tabs=$([]);layout=Gv(r6);theme=Gv(`system`);passive=Gv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);themes=t8;announcement=O(``);host=C(Il);injector=C(Ts);ids=Q(()=>this.tabs().map(e=>e.id));orderedTabs=Q(()=>{let e=new Map(this.tabs().map(e=>[e.id,e]));return p6(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=Q(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=p6(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 h6(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=h6(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=p6(this.ids(),n),i=this.label(e);this.say(`${i} moved to position ${r.indexOf(e)+1} of ${r.length}.`),Hd(()=>{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(_6(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(g6(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(r6),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=A({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,J6,6,6,`label`,4,K6),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,X6,18,14,`li`,11,q6),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,Z6,4,1)(37,Q6,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,$6,2,1,`kbd`)(60,e8,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;k(6),F(t.themes),k(6),I(`disabled`,t.isDefaultLayout()),k(14),F(t.orderedTabs()),k(6),I(`checked`,t.passive())(`disabled`,t.hotkey()===!1),k(4),N((e=t.hotkey())?36:37,e),k(18),Y(t.paletteShortcut()),k(5),N((n=t.hotkey())?59:60,n),k(5),Y(t.announcement())}},dependencies:[SD],styles:[`[_nghost-%COMP%] {
   display: block;
   max-width: 760px;
 }
@@ -17493,7 +17493,7 @@ code[_ngcontent-%COMP%] {
   padding: 8px;
   border-top: 1px solid var(--%NS%border);
   color: var(--%NS%text);
-}`]})};function n8(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 r8(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=n8(e.title,n),i=n8(`${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 i8=[`input`],a8=(e,t)=>t.id;function o8(e,t){if(e&1&&(B(0,`kbd`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.shortcut)}}function s8(e,t){if(e&1){let e=H();B(0,`li`,14),W(`pointermove`,function(){let t=T(e).$index;return E(G(2).active.set(t))})(`click`,function(){let t=T(e).$implicit;return E(G(2).run(t))}),B(1,`span`,15),J(2),V(),M(3,o8,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()),k(2),Y(e.title),k(),N(e.shortcut?3:-1),k(2),Y(e.group)}}function c8(e,t){if(e&1&&(B(0,`p`,11),J(1),V()),e&2){let e=G(2);k(),X(`No commands match “`,e.query().trim(),`”.`)}}function l8(e,t){if(e&1){let e=H();B(0,`div`,1),W(`pointerdown`,function(){return T(e),E(G().close())}),V(),B(1,`div`,2),W(`keydown`,function(t){return T(e),E(G().onKey(t))}),B(2,`h2`,3),J(3,`Command palette`),V(),B(4,`div`,4),D(),B(5,`svg`,5),Vg(6,`circle`,6)(7,`path`,7),V(),_s(),B(8,`input`,8,0),W(`input`,function(t){return T(e),E(G().query.set(t.target.value))}),V()(),B(10,`ul`,9),W(`pointerdown`,function(e){return e.preventDefault()}),P(11,s8,6,7,`li`,10,a8),V(),M(13,c8,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();k(),j(`aria-labelledby`,e.uid+`-title`),k(),j(`id`,e.uid+`-title`),k(6),qg(`value`,e.query()),j(`aria-controls`,e.uid+`-list`)(`aria-activedescendant`,e.activeId())(`aria-describedby`,e.uid+`-help`),k(2),qg(`hidden`,!e.results().length),j(`id`,e.uid+`-list`),k(),F(e.results()),k(2),N(e.results().length?-1:13),k(),j(`id`,e.uid+`-help`),k(13),Y(e.status())}}var u8=0,d8=class e{commands=$([]);open=Gv(!1);picked=Rv();uid=`cp${u8++}`;query=O(``);results=Q(()=>r8(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=C(Ts);returnFocus=null;constructor(){mc(()=>{this.open()&&Nv(()=>{let e=document.activeElement;this.returnFocus=e instanceof HTMLElement&&e!==document.body?e:null,this.query.set(``),Hd(()=>this.input()?.nativeElement.focus(),{injector:this.injector})})})}close(e){if(!this.open())return;this.open.set(!1);let t=this.returnFocus;this.returnFocus=null,Hd(()=>{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(){Hd(()=>{let e=this.activeId();e&&document.getElementById(e)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-command-palette`]],viewQuery:function(e,t){e&1&&l_(t.input,i8,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,l8,28,11),e&2&&N(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
+}`]})};function r8(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 i8(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=r8(e.title,n),i=r8(`${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 a8=[`input`],o8=(e,t)=>t.id;function s8(e,t){if(e&1&&(B(0,`kbd`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.shortcut)}}function c8(e,t){if(e&1){let e=H();B(0,`li`,14),W(`pointermove`,function(){let t=T(e).$index;return E(G(2).active.set(t))})(`click`,function(){let t=T(e).$implicit;return E(G(2).run(t))}),B(1,`span`,15),J(2),V(),M(3,s8,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()),k(2),Y(e.title),k(),N(e.shortcut?3:-1),k(2),Y(e.group)}}function l8(e,t){if(e&1&&(B(0,`p`,11),J(1),V()),e&2){let e=G(2);k(),X(`No commands match “`,e.query().trim(),`”.`)}}function u8(e,t){if(e&1){let e=H();B(0,`div`,1),W(`pointerdown`,function(){return T(e),E(G().close())}),V(),B(1,`div`,2),W(`keydown`,function(t){return T(e),E(G().onKey(t))}),B(2,`h2`,3),J(3,`Command palette`),V(),B(4,`div`,4),D(),B(5,`svg`,5),Vg(6,`circle`,6)(7,`path`,7),V(),_s(),B(8,`input`,8,0),W(`input`,function(t){return T(e),E(G().query.set(t.target.value))}),V()(),B(10,`ul`,9),W(`pointerdown`,function(e){return e.preventDefault()}),P(11,c8,6,7,`li`,10,o8),V(),M(13,l8,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();k(),j(`aria-labelledby`,e.uid+`-title`),k(),j(`id`,e.uid+`-title`),k(6),qg(`value`,e.query()),j(`aria-controls`,e.uid+`-list`)(`aria-activedescendant`,e.activeId())(`aria-describedby`,e.uid+`-help`),k(2),qg(`hidden`,!e.results().length),j(`id`,e.uid+`-list`),k(),F(e.results()),k(2),N(e.results().length?-1:13),k(),j(`id`,e.uid+`-help`),k(13),Y(e.status())}}var d8=0,f8=class e{commands=$([]);open=Gv(!1);picked=Rv();uid=`cp${d8++}`;query=O(``);results=Q(()=>i8(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=C(Ts);returnFocus=null;constructor(){mc(()=>{this.open()&&Nv(()=>{let e=document.activeElement;this.returnFocus=e instanceof HTMLElement&&e!==document.body?e:null,this.query.set(``),Hd(()=>this.input()?.nativeElement.focus(),{injector:this.injector})})})}close(e){if(!this.open())return;this.open.set(!1);let t=this.returnFocus;this.returnFocus=null,Hd(()=>{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(){Hd(()=>{let e=this.activeId();e&&document.getElementById(e)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-command-palette`]],viewQuery:function(e,t){e&1&&l_(t.input,a8,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,u8,28,11),e&2&&N(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
   position: fixed;
   inset: 0;
   z-index: 100;
@@ -17634,7 +17634,7 @@ kbd[_ngcontent-%COMP%] {
    .help[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},f8=[`nav`],p8=[`main`],m8=e=>[e],h8=(e,t)=>t.id;function g8(e,t){e&1&&(D(),L(0,`svg`,4),z(1,`path`,30),R())}function _8(e,t){e&1&&(D(),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 v8(e,t){e&1&&(D(),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 y8(e,t){e&1&&(D(),L(0,`svg`,6),z(1,`path`,46)(2,`path`,47)(3,`path`,48)(4,`path`,49),R())}function b8(e,t){e&1&&(D(),L(0,`svg`,7),z(1,`path`,50),R())}function x8(e,t){e&1&&(D(),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 S8(e,t){e&1&&(D(),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 C8(e,t){if(e&1){let e=H();L(0,`button`,81),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),I(`name`,e.id),k(2),Y(e.label)}}function w8(e,t){if(e&1&&(L(0,`div`,12),P(1,C8,4,6,`button`,80,h8),R()),e&2){let e=G();k(),F(e.tabs())}}function T8(e,t){if(e&1){let e=H();L(0,`a`,83),U(`click`,function(t){let n=T(e);return E(G().openFullPanel(t,n.tab))}),D(),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,Nu)}function E8(e,t){if(e&1){let e=H();L(0,`app-settings`,89),U(`layoutChange`,function(t){return T(e),E(G().setTabLayout(t))})(`themeChange`,function(t){return T(e),E(G().setTheme(t))})(`passiveChange`,function(t){return T(e),E(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 D8(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 T(e),E(G().retryConnection())}),J(4,`Retry now`),R()()}}function O8(e,t){e&1&&z(0,`app-coming-soon`,26),e&2&&I(`info`,t)}function k8(e,t){e&1&&(L(0,`p`,27),J(1,`Looking for an Angular Native app…`),R())}function A8(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&&(k(2),Y(t))}function j8(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,A8,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();k(5),N((e=t.turnOnSnippet())?5:-1,e),k(),I(`href`,t.inspectorsDocsUrl,Nu)}}function M8(e,t){if(e&1){let e=H();L(0,`app-dashboard`,97),U(`navigate`,function(t){return T(e),E(G(3).switchTab(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function N8(e,t){if(e&1){let e=H();L(0,`app-timeline`,98),U(`open`,function(t){return T(e),E(G(3).openLink(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function P8(e,t){if(e&1){let e=H();L(0,`app-component-tree`,99),U(`focusHandled`,function(){return T(e),E(G(3).componentFocus.set(null))})(`commandHandled`,function(){return T(e),E(G(3).componentCommand.set(null))})(`showForm`,function(t){return T(e),E(G(3).showForm(t))})(`showInjector`,function(t){return T(e),E(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 F8(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,100),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function I8(e,t){e&1&&z(0,`app-signal-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function L8(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,101),U(`focusHandled`,function(){return T(e),E(G(3).injectorFocus.set(null))})(`showComponent`,function(t){return T(e),E(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 R8(e,t){e&1&&z(0,`app-store-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function z8(e,t){e&1&&z(0,`app-network-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function B8(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,102),U(`focusHandled`,function(){return T(e),E(G(3).formFocus.set(null))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.formFocus())}}function V8(e,t){e&1&&z(0,`app-pipes-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function H8(e,t){e&1&&z(0,`app-analog-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function U8(e,t){e&1&&z(0,`app-capacitor-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function W8(e,t){if(e&1){let e=H();L(0,`app-errors-inspector`,103),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)(`canExplainInjection`,e.config().inspectors.injectors)}}function G8(e,t){if(e&1&&M(0,M8,1,1,`app-dashboard`,92)(1,N8,1,1,`app-timeline`,92)(2,P8,1,4,`app-component-tree`,93)(3,F8,1,1,`app-route-inspector`,92)(4,I8,1,1,`app-signal-inspector`,92)(5,L8,1,3,`app-di-inspector`,94)(6,R8,1,1,`app-store-inspector`,92)(7,z8,1,1,`app-network-inspector`,92)(8,B8,1,2,`app-forms-inspector`,95)(9,V8,1,1,`app-pipes-inspector`,92)(10,H8,1,1,`app-analog-inspector`,92)(11,U8,1,1,`app-capacitor-inspector`,92)(12,W8,1,3,`app-errors-inspector`,96),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`timeline`?1:e===`components`?2:e===`routes`?3:e===`signals`?4:e===`injectors`?5:e===`store`?6:e===`network`?7:e===`forms`?8:e===`pipes`?9:e===`analog`?10:e===`capacitor`?11:e===`errors`?12:-1)}}function K8(e,t){e&1&&P(0,G8,13,1,null,null,Ag),e&2&&F(hv(0,m8,G().scopeKey()))}var q8=`all`,J8=[q8,...HT],Y8={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},X8={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},Z8={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},Q8={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},$8={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/`}},e5={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/`}},t5={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`}},n5={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/`}},r5=[1e3,2e3,5e3,1e4];function i5(){let e=new URLSearchParams(location.search).get(`view`);return HT.find(t=>t===e)??null}ex(class e{analog=O(!1);allTabs=tE.map(({id:e,label:t})=>({id:e,label:t}));view=O(i5());viewAccent=Q(()=>W6(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?Y8[e]:`Pangular Inspector`});mainLabel=Q(()=>this.tab()===`settings`?`Settings`:this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=O(!1);capacitorReporting=O(!1);capacitorKnown=O(!1);nativePageId=O(null);nativeKnown=O(!1);scopeKey=Q(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=Q(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?t5:void 0;if(e===`nativescript`)return $8;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?e5:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?n5:void 0});config=Q(()=>nD(this.rpc()));tabEnabled=sD;inspectorsDocsUrl=oD;turnOnSnippet=Q(()=>{let e=aD(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=Q(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?X8[e]:void 0,n=this.allTabs.filter(e=>sD(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?Q8[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`&&Z8[t.id]))});tabLayout=O(c6());tabs=Q(()=>{let e=this.tab(),t=p6(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`:X8[e]??this.tab();return{tab:t,href:P6(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(X8[e]??Q8[e]?.[0])||`dashboard`});rpc=O(null);openedDock=O(null);connected=O(!1);connectionFailed=O(!1);hiddenPages=O([]);pageId=LE();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=C(Ts);themeService=C(S6);navObserver;navFade=O({start:!1,end:!1});constructor(){C(cM).use(this.rpc),Hd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),dy(()=>{this.tab(),this.tabs(),Nv(()=>{this.revealActiveTab(),this.measureNav()})}),mc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Nv(()=>void HE(t,`hub-dock-seen`,UT(e.dock)))}),mc(()=>{let e=this.themeService.current();Nv(()=>{try{window.parent!==window&&e6(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=A6(J8,e=>{this.openedDock.set({dock:e}),e===q8?this.showFullPanel():this.showView(e)});let e=L6(location.hash,R6(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&L6(location.hash,R6(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&L6(location.hash,R6(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=WE(()=>this.rpc()),this.connect()}connecting=!1;retries=0;retryTimer;connect(){if(this.connecting||this.rpc())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=H6();BT(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&&sD(`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=r5[Math.min(this.retries++,r5.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;IE(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;IE(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??R6(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=L6(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){F6(e)&&j6()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),M6(q8))}paletteOpen=O(!1);paletteShortcut=_6()?`⌘K`:`Ctrl+K`;themePreference=Q(()=>this.themeService.preference());passive=O(u6());popupHotkey=Q(()=>{let e=this.config().popup.hotkey;return e!==!1&&eE(e,_6())});popup=v6();poppedOut=!!b6();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 lE(this.config()).filter(n=>n.id.startsWith(`tab:`)?e.has(n.id.slice(4)):n.id===`popout:return`?this.poppedOut:n.popupOnly?this.popup:n.id===`pick-component`||n.id.startsWith(`cd-`)?t:!0)});onGlobalKey(e){if(e.defaultPrevented)return;let t=_6(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&$T(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(){j6()&&N6()||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===`dock:reset-size`){this.postToPopup({type:`pangular:popup-dock-size`});return}if(e.startsWith(`dock:`)){this.postToPopup({type:`pangular:popup-dock`,mode:e.slice(5)});return}if(e===`popout`){this.postToPopup({type:`pangular:popup-popout`});return}if(e===`popout:return`){x6();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),l6(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),d6(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of E6())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(iE,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,``,oE(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=sE(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=O(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=Z8[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),z6(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=vO(t,this.nativePageId());this.view()===`angular-native`&&IE(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=y1(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&sD(`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(){Hd(()=>{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 M6(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:UT(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&l_(t.nav,f8,5)(t.main,p8,5),e&2&&u_(2)},hostVars:4,hostBindings:function(e,t){e&1&&U(`message`,function(e){return t.inspectFromPanel(e)},Fu)(`keydown`,function(e){return t.onGlobalKey(e)},Iu),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`,`canExplainInjection`],[3,`navigate`,`rpc`],[3,`open`,`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`,`canExplainInjection`]],template:function(e,t){if(e&1){let e=H();L(0,`header`)(1,`h1`,2)(2,`span`,3),M(3,g8,2,0,`:svg:svg`,4)(4,_8,7,0,`:svg:svg`,4)(5,v8,11,0,`:svg:svg`,5)(6,y8,5,0,`:svg:svg`,6)(7,b8,2,0,`:svg:svg`,7)(8,x8,10,0,`:svg:svg`,8)(9,S8,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,w8,3,0,`div`,12),R(),M(15,T8,7,1,`a`,13),L(16,`span`,14)(17,`button`,15),U(`click`,function(){return t.openPalette()}),D(),L(18,`svg`,16),z(19,`path`,17),R()(),_s(),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,E8,1,6,`app-settings`,24)(31,D8,5,0,`div`,25)(32,O8,1,1,`app-coming-soon`,26)(33,k8,2,0,`p`,27)(34,j8,10,2,`p`,28)(35,K8,2,2),R(),L(36,`app-command-palette`,29),cv(`openChange`,function(n){return T(e),sv(t.paletteOpen,n)||(t.paletteOpen=n),E(n)}),U(`picked`,function(e){return t.runCommand(e)}),R()}if(e&2){let e,n;k(2),q(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),k(),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),k(7),q(`ng-text`,t.view()===`angular`),k(),Y(t.title()),k(),q(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),k(2),N(t.availableTabs().length>1?14:-1),k(),N((e=t.fullPanelLink())?15:-1,e),k(2),j(`aria-label`,`Command palette (`+t.paletteShortcut+`)`)(`title`,`Command palette (`+t.paletteShortcut+`)`),k(3),q(`active`,t.tab()===`settings`),j(`aria-pressed`,t.tab()===`settings`),k(2),q(`connected`,t.connected())(`failed`,t.connectionFailed()),k(3),X(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:`Connecting…`,` `),k(),j(`aria-label`,t.mainLabel()),k(3),Y(t.backgroundNote()),k(),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),k(6),I(`commands`,t.paletteCommands()),ov(`open`,t.paletteOpen)}},dependencies:[nO,dI,Wz,QV,PU,ZG,gJ,LY,rQ,a1,X0,z4,Z3,f1,SD,t8,d8],styles:[`[_nghost-%COMP%] {
+}`]})},p8=[`nav`],m8=[`main`],h8=e=>[e],g8=(e,t)=>t.id;function _8(e,t){e&1&&(D(),L(0,`svg`,4),z(1,`path`,30),R())}function v8(e,t){e&1&&(D(),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 y8(e,t){e&1&&(D(),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 b8(e,t){e&1&&(D(),L(0,`svg`,6),z(1,`path`,46)(2,`path`,47)(3,`path`,48)(4,`path`,49),R())}function x8(e,t){e&1&&(D(),L(0,`svg`,7),z(1,`path`,50),R())}function S8(e,t){e&1&&(D(),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 C8(e,t){e&1&&(D(),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 w8(e,t){if(e&1){let e=H();L(0,`button`,81),U(`click`,function(){let t=T(e).$implicit;return E(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),k(),I(`name`,e.id),k(2),Y(e.label)}}function T8(e,t){if(e&1&&(L(0,`div`,12),P(1,w8,4,6,`button`,80,g8),R()),e&2){let e=G();k(),F(e.tabs())}}function E8(e,t){if(e&1){let e=H();L(0,`a`,83),U(`click`,function(t){let n=T(e);return E(G().openFullPanel(t,n.tab))}),D(),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,Nu)}function D8(e,t){if(e&1){let e=H();L(0,`app-settings`,89),U(`layoutChange`,function(t){return T(e),E(G().setTabLayout(t))})(`themeChange`,function(t){return T(e),E(G().setTheme(t))})(`passiveChange`,function(t){return T(e),E(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 O8(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 T(e),E(G().retryConnection())}),J(4,`Retry now`),R()()}}function k8(e,t){e&1&&z(0,`app-coming-soon`,26),e&2&&I(`info`,t)}function A8(e,t){e&1&&(L(0,`p`,27),J(1,`Looking for an Angular Native app…`),R())}function j8(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&&(k(2),Y(t))}function M8(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,j8,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();k(5),N((e=t.turnOnSnippet())?5:-1,e),k(),I(`href`,t.inspectorsDocsUrl,Nu)}}function N8(e,t){if(e&1){let e=H();L(0,`app-dashboard`,97),U(`navigate`,function(t){return T(e),E(G(3).switchTab(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function P8(e,t){if(e&1){let e=H();L(0,`app-timeline`,98),U(`open`,function(t){return T(e),E(G(3).openLink(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function F8(e,t){if(e&1){let e=H();L(0,`app-component-tree`,99),U(`focusHandled`,function(){return T(e),E(G(3).componentFocus.set(null))})(`commandHandled`,function(){return T(e),E(G(3).componentCommand.set(null))})(`showForm`,function(t){return T(e),E(G(3).showForm(t))})(`showInjector`,function(t){return T(e),E(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 I8(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,100),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function L8(e,t){e&1&&z(0,`app-signal-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function R8(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,101),U(`focusHandled`,function(){return T(e),E(G(3).injectorFocus.set(null))})(`showComponent`,function(t){return T(e),E(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 z8(e,t){e&1&&z(0,`app-store-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function B8(e,t){e&1&&z(0,`app-network-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function V8(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,102),U(`focusHandled`,function(){return T(e),E(G(3).formFocus.set(null))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`focus`,e.formFocus())}}function H8(e,t){e&1&&z(0,`app-pipes-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function U8(e,t){e&1&&z(0,`app-analog-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function W8(e,t){e&1&&z(0,`app-capacitor-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function G8(e,t){if(e&1){let e=H();L(0,`app-errors-inspector`,103),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}if(e&2){let e=G(3);I(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)(`canExplainInjection`,e.config().inspectors.injectors)}}function K8(e,t){if(e&1&&M(0,N8,1,1,`app-dashboard`,92)(1,P8,1,1,`app-timeline`,92)(2,F8,1,4,`app-component-tree`,93)(3,I8,1,1,`app-route-inspector`,92)(4,L8,1,1,`app-signal-inspector`,92)(5,R8,1,3,`app-di-inspector`,94)(6,z8,1,1,`app-store-inspector`,92)(7,B8,1,1,`app-network-inspector`,92)(8,V8,1,2,`app-forms-inspector`,95)(9,H8,1,1,`app-pipes-inspector`,92)(10,U8,1,1,`app-analog-inspector`,92)(11,W8,1,1,`app-capacitor-inspector`,92)(12,G8,1,3,`app-errors-inspector`,96),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`timeline`?1:e===`components`?2:e===`routes`?3:e===`signals`?4:e===`injectors`?5:e===`store`?6:e===`network`?7:e===`forms`?8:e===`pipes`?9:e===`analog`?10:e===`capacitor`?11:e===`errors`?12:-1)}}function q8(e,t){e&1&&P(0,K8,13,1,null,null,Ag),e&2&&F(hv(0,h8,G().scopeKey()))}var J8=`all`,Y8=[J8,...HT],X8={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},Z8={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},Q8={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},$8={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},e5={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/`}},t5={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/`}},n5={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`}},r5={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/`}},i5=[1e3,2e3,5e3,1e4];function a5(){let e=new URLSearchParams(location.search).get(`view`);return HT.find(t=>t===e)??null}ex(class e{analog=O(!1);allTabs=tE.map(({id:e,label:t})=>({id:e,label:t}));view=O(a5());viewAccent=Q(()=>G6(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?X8[e]:`Pangular Inspector`});mainLabel=Q(()=>this.tab()===`settings`?`Settings`:this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=O(!1);capacitorReporting=O(!1);capacitorKnown=O(!1);nativePageId=O(null);nativeKnown=O(!1);scopeKey=Q(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=Q(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?n5:void 0;if(e===`nativescript`)return e5;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?t5:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?r5:void 0});config=Q(()=>nD(this.rpc()));tabEnabled=sD;inspectorsDocsUrl=oD;turnOnSnippet=Q(()=>{let e=aD(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=Q(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?Z8[e]:void 0,n=this.allTabs.filter(e=>sD(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?$8[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`&&Q8[t.id]))});tabLayout=O(l6());tabs=Q(()=>{let e=this.tab(),t=m6(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`:Z8[e]??this.tab();return{tab:t,href:F6(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(Z8[e]??$8[e]?.[0])||`dashboard`});rpc=O(null);openedDock=O(null);connected=O(!1);connectionFailed=O(!1);hiddenPages=O([]);pageId=LE();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=C(Ts);themeService=C(C6);navObserver;navFade=O({start:!1,end:!1});constructor(){C(cM).use(this.rpc),Hd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),dy(()=>{this.tab(),this.tabs(),Nv(()=>{this.revealActiveTab(),this.measureNav()})}),mc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Nv(()=>void HE(t,`hub-dock-seen`,UT(e.dock)))}),mc(()=>{let e=this.themeService.current();Nv(()=>{try{window.parent!==window&&t6(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=j6(Y8,e=>{this.openedDock.set({dock:e}),e===J8?this.showFullPanel():this.showView(e)});let e=R6(location.hash,z6(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&R6(location.hash,z6(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&R6(location.hash,z6(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=WE(()=>this.rpc()),this.connect()}connecting=!1;retries=0;retryTimer;connect(){if(this.connecting||this.rpc())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=U6();BT(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&&sD(`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=i5[Math.min(this.retries++,i5.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;IE(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;IE(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??z6(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=R6(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){I6(e)&&M6()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),N6(J8))}paletteOpen=O(!1);paletteShortcut=v6()?`⌘K`:`Ctrl+K`;themePreference=Q(()=>this.themeService.preference());passive=O(d6());popupHotkey=Q(()=>{let e=this.config().popup.hotkey;return e!==!1&&eE(e,v6())});popup=y6();poppedOut=!!x6();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 lE(this.config()).filter(n=>n.id.startsWith(`tab:`)?e.has(n.id.slice(4)):n.id===`popout:return`?this.poppedOut:n.popupOnly?this.popup:n.id===`pick-component`||n.id.startsWith(`cd-`)?t:!0)});onGlobalKey(e){if(e.defaultPrevented)return;let t=v6(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&$T(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(){M6()&&P6()||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===`dock:reset-size`){this.postToPopup({type:`pangular:popup-dock-size`});return}if(e.startsWith(`dock:`)){this.postToPopup({type:`pangular:popup-dock`,mode:e.slice(5)});return}if(e===`popout`){this.postToPopup({type:`pangular:popup-popout`});return}if(e===`popout:return`){S6();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),u6(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),f6(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of D6())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(iE,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,``,oE(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=sE(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=O(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=Q8[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),B6(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=vO(t,this.nativePageId());this.view()===`angular-native`&&IE(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=b1(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&sD(`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(){Hd(()=>{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 N6(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:UT(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&l_(t.nav,p8,5)(t.main,m8,5),e&2&&u_(2)},hostVars:4,hostBindings:function(e,t){e&1&&U(`message`,function(e){return t.inspectFromPanel(e)},Fu)(`keydown`,function(e){return t.onGlobalKey(e)},Iu),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`,`canExplainInjection`],[3,`navigate`,`rpc`],[3,`open`,`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`,`canExplainInjection`]],template:function(e,t){if(e&1){let e=H();L(0,`header`)(1,`h1`,2)(2,`span`,3),M(3,_8,2,0,`:svg:svg`,4)(4,v8,7,0,`:svg:svg`,4)(5,y8,11,0,`:svg:svg`,5)(6,b8,5,0,`:svg:svg`,6)(7,x8,2,0,`:svg:svg`,7)(8,S8,10,0,`:svg:svg`,8)(9,C8,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,T8,3,0,`div`,12),R(),M(15,E8,7,1,`a`,13),L(16,`span`,14)(17,`button`,15),U(`click`,function(){return t.openPalette()}),D(),L(18,`svg`,16),z(19,`path`,17),R()(),_s(),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,D8,1,6,`app-settings`,24)(31,O8,5,0,`div`,25)(32,k8,1,1,`app-coming-soon`,26)(33,A8,2,0,`p`,27)(34,M8,10,2,`p`,28)(35,q8,2,2),R(),L(36,`app-command-palette`,29),cv(`openChange`,function(n){return T(e),sv(t.paletteOpen,n)||(t.paletteOpen=n),E(n)}),U(`picked`,function(e){return t.runCommand(e)}),R()}if(e&2){let e,n;k(2),q(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),k(),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),k(7),q(`ng-text`,t.view()===`angular`),k(),Y(t.title()),k(),q(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),k(2),N(t.availableTabs().length>1?14:-1),k(),N((e=t.fullPanelLink())?15:-1,e),k(2),j(`aria-label`,`Command palette (`+t.paletteShortcut+`)`)(`title`,`Command palette (`+t.paletteShortcut+`)`),k(3),q(`active`,t.tab()===`settings`),j(`aria-pressed`,t.tab()===`settings`),k(2),q(`connected`,t.connected())(`failed`,t.connectionFailed()),k(3),X(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:`Connecting…`,` `),k(),j(`aria-label`,t.mainLabel()),k(3),Y(t.backgroundNote()),k(),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),k(6),I(`commands`,t.paletteCommands()),ov(`open`,t.paletteOpen)}},dependencies:[nO,fI,Gz,$V,FU,QG,_J,RY,iQ,o1,Z0,B4,Q3,p1,SD,n8,f8],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;
diff --git a/extension/ui/index.html b/extension/ui/index.html
index 771b9015..145e7a64 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-DnKC6eFk.js"></script>
+    <script type="module" crossorigin src="./assets/index-CyKw4x-n.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BJvGA0C8.css">
   </head>
   <body>

From a75df9804c8c8fc09ba2f888e551787c0e1d8cc2 Mon Sep 17 00:00:00 2001
From: erKam <erkamyaman35@gmail.com>
Date: Tue, 13 Oct 2026 05:12:20 +0000
Subject: [PATCH 9/9] fix(overlay): keep app frames named like Angular's and
 watch shadow roots

An app method called set, update, notify or register right below a signal write was cut from the cause stack, so the wrong class was named. The leaks walk now goes through the dirty tracker so changes in open shadow roots are seen, and the docs count fifteen tools that act on the app, with hydration listed.
---
 apps/docs/src/content/agents/mcp-server.md    |  3 ++-
 apps/docs/src/content/agents/tools.md         |  2 +-
 .../src/__tests__/cd-diagnosis.test.ts        | 17 +++++++++++++++++
 .../src/__tests__/leaks-collector.test.ts     | 19 +++++++++++++++++++
 packages/devtools/src/cd-diagnosis.ts         | 19 +++++++++++++++----
 packages/devtools/src/leaks-collector.ts      |  3 ++-
 6 files changed, 56 insertions(+), 7 deletions(-)

diff --git a/apps/docs/src/content/agents/mcp-server.md b/apps/docs/src/content/agents/mcp-server.md
index 5358a06d..ba69d293 100644
--- a/apps/docs/src/content/agents/mcp-server.md
+++ b/apps/docs/src/content/agents/mcp-server.md
@@ -247,7 +247,7 @@ The server registers tools with a colon, as `pangular:get-routes`. MCP clients s
 
 ### Read and action tools
 
-Each tool has a safety tier: `read`, `action` or `destructive`. The server marks `read` tools as read-only for your client, and `destructive` tools as destructive. Fourteen tools act on the app, so the server does not mark them read-only:
+Each tool has a safety tier: `read`, `action` or `destructive`. The server marks `read` tools as read-only for your client, and `destructive` tools as destructive. Fifteen tools act on the app, so the server does not mark them read-only:
 
 | Tool                     | Tier          | Reference                                             |
 | ------------------------ | ------------- | ----------------------------------------------------- |
@@ -263,6 +263,7 @@ Each tool has a safety tier: `read`, `action` or `destructive`. The server marks
 | `record-pipes`           | `action`      | [Record pipe calls](./tools.md#record-pipe-calls)     |
 | `track-subscriptions`    | `action`      | [Track subscriptions](./tools.md#track-subscriptions) |
 | `change-detection`       | `action`      | [change-detection](./tools.md#change-detection)       |
+| `hydration`              | `action`      | [hydration](./tools.md#hydration)                     |
 | `clear-recordings`       | `destructive` | [Clear recordings](./tools.md#clear-recordings)       |
 | `analog-call-api`        | `destructive` | [Call a server route](./tools.md#call-a-server-route) |
 
diff --git a/apps/docs/src/content/agents/tools.md b/apps/docs/src/content/agents/tools.md
index e8895542..609b3292 100644
--- a/apps/docs/src/content/agents/tools.md
+++ b/apps/docs/src/content/agents/tools.md
@@ -72,7 +72,7 @@ Every tool has one of three safety tiers. The server sends the tier to your clie
 | `destructive` | Can lose data: it erases recordings, or sends writes to your own API routes.                                      | `clear-recordings` and `analog-call-api`                                                                                                                                                                                               |
 
 <ngmd-alert severity="important">
-  The fourteen <code>action</code> and <code>destructive</code> tools act on the app. Your client can ask you before it runs them.
+  The fifteen <code>action</code> and <code>destructive</code> tools act on the app. Your client can ask you before it runs them.
 </ngmd-alert>
 
 When the hub is mounted, each finished call of an `action` or `destructive` tool posts an `Agent ran <tool>` message to the hub, so you can see what the agent changed. `change-detection` posts only when it starts, stops or clears a recording, or turns a live view on or off, and `hydration` only when it turns the overlay on or off. See [Messages and badges](../getting-started/popup-and-hub.md#messages-and-badges).
diff --git a/packages/devtools/src/__tests__/cd-diagnosis.test.ts b/packages/devtools/src/__tests__/cd-diagnosis.test.ts
index b2953860..c2464d7e 100644
--- a/packages/devtools/src/__tests__/cd-diagnosis.test.ts
+++ b/packages/devtools/src/__tests__/cd-diagnosis.test.ts
@@ -2,6 +2,7 @@
 import { afterEach, describe, expect, it, vi } from 'vitest';
 import {
   callerStack,
+  isAngularNotifyFrame,
   createCdDiagnosis,
   findCdScheduler,
   NOTIFY,
@@ -397,6 +398,22 @@ describe('change detection diagnosis', () => {
     expect(callerStack('no marker here', () => false)).toBe('no marker here');
   });
 
+  it("keeps an app method named like a step of Angular's notify path", () => {
+    const raw = [
+      'Error',
+      '    at wrapper [as notify] (chunk.js:1:1)',
+      '    at markViewDirty (chunk.js:2:2)',
+      '    at signalFn.set (chunk.js:3:3)',
+      '    at CartStore.update (src/app/cart.store.ts:12:5)',
+      '    at Cart.add (src/app/cart.ts:4:4)',
+    ].join('\n');
+    expect(
+      callerStack(raw, (line) => /\[as notify\]/.test(line), { skip: isAngularNotifyFrame }),
+    ).toBe(
+      'Error\n    at CartStore.update (src/app/cart.store.ts:12:5)\n    at Cart.add (src/app/cart.ts:4:4)',
+    );
+  });
+
   it('credits ApplicationRef.tick to the app frame below it', () => {
     const t = setup({
       stack: [
diff --git a/packages/devtools/src/__tests__/leaks-collector.test.ts b/packages/devtools/src/__tests__/leaks-collector.test.ts
index baa20723..fb9eb2b4 100644
--- a/packages/devtools/src/__tests__/leaks-collector.test.ts
+++ b/packages/devtools/src/__tests__/leaks-collector.test.ts
@@ -11,6 +11,7 @@ import {
   type LeaksOptions,
 } from '../leaks-collector.ts';
 import type { Profiler } from '../change-detection.ts';
+import type { DomDirty } from '../dom-dirty.ts';
 import type { LeaksReport } from '../rpc/leaks-tools.ts';
 
 const JWT = ['eyJhbGciOiJIUzI1NiJ9', 'eyJzdWIiOiIxMjM0NSJ9', 'c2lnbmF0dXJlc2ln'].join('.');
@@ -173,6 +174,24 @@ describe('attachLeaks: destroyed but alive', () => {
     expect(h.reports.at(-1)!.pageId).toBe('page-1');
   });
 
+  it('walks the page through the dirty tracker, so changes in open shadow roots are seen', async () => {
+    const { components } = page(1);
+    const ng = fakeNg(components);
+    let watched = 0;
+    const dirty: DomDirty = {
+      watch: (tree) => {
+        watched++;
+        return tree;
+      },
+      cached: (read) => () => read(),
+      stop: () => {},
+    };
+    const h = harness(() => ng, { dirty });
+    await h.collector.push();
+    expect(watched).toBeGreaterThan(0);
+    expect(h.reports.at(-1)!.totals.components).toBe(2);
+  });
+
   it('counts navigations since the destroy, and forgets an instance once it is collected', async () => {
     const { components, cards } = page(1);
     const ng = fakeNg(components);
diff --git a/packages/devtools/src/cd-diagnosis.ts b/packages/devtools/src/cd-diagnosis.ts
index a4830586..03bed4c6 100644
--- a/packages/devtools/src/cd-diagnosis.ts
+++ b/packages/devtools/src/cd-diagnosis.ts
@@ -280,7 +280,16 @@ function inputValue(instance: object, prop: string): unknown {
  * path and `ComponentRef.setInput` in `@angular/core/fesm2022`.
  */
 const ANGULAR_NOTIFY_PATH =
-  /^(markViewDirty|markForCheck|markAncestorsForTraversal|updateAncestorTraversalFlagsOnAttach|consumerMarkedDirty|producerNotifyConsumers|producerIncrementEpoch|signalValueChanged|signalSetFn|signalUpdateFn|linkedSignalSetFn|linkedSignalUpdateFn|runPostSignalSetFn|setInput|set|update|notify|addSequence|register|attachView|detachView|insertView)$/;
+  /^(markViewDirty|markForCheck|markAncestorsForTraversal|updateAncestorTraversalFlagsOnAttach|consumerMarkedDirty|producerNotifyConsumers|producerIncrementEpoch|signalValueChanged|signalSetFn|signalUpdateFn|linkedSignalSetFn|linkedSignalUpdateFn|runPostSignalSetFn|setInput|addSequence|attachView|detachView|insertView)$/;
+/** Names Angular uses on that path that app classes use too, skipped only without an app class: `signalFn.set`, not `CartStore.update`. */
+const GENERIC_NOTIFY_PATH = /^(set|update|notify|register)$/;
+
+/** A frame on Angular's path to `notify`, not app code. */
+export const isAngularNotifyFrame = (line: string): boolean => {
+  const name = frameName(line);
+  if (ANGULAR_NOTIFY_PATH.test(name)) return true;
+  return GENERIC_NOTIFY_PATH.test(name) && !frameClass(line.trim().replace(/^at\s+/, ''));
+};
 
 /** A stack frame's function name without its class and alias: `markForCheck` for `ViewRef.markForCheck [as m]`. */
 function frameName(line: string): string {
@@ -306,7 +315,7 @@ const isTickFrame = (line: string) => /^_?tick(Impl)?$/.test(frameName(line));
 export function callerStack(
   raw: string,
   marker: (line: string) => boolean,
-  options: { skip?: RegExp; last?: boolean } = {},
+  options: { skip?: RegExp | ((line: string) => boolean); last?: boolean } = {},
 ): string {
   const { skip, last = false } = options;
   const lines = raw.split('\n');
@@ -320,7 +329,9 @@ export function callerStack(
   let rest = lines.slice(cut + 1);
   if (skip) {
     let i = 0;
-    while (i < rest.length && skip.test(frameName(rest[i]!))) i++;
+    const skipped = (line: string) =>
+      typeof skip === 'function' ? skip(line) : skip.test(frameName(line));
+    while (i < rest.length && skipped(rest[i]!)) i++;
     rest = rest.slice(i);
   }
   return ['Error', ...rest].join('\n');
@@ -425,7 +436,7 @@ export function createCdDiagnosis(options: CdDiagnosisOptions) {
     const task = zoneTask();
     // A listener's own frames are Angular's; the app's run after this call.
     const taken = source === NOTIFY.Listener ? undefined : stack();
-    const raw = taken && callerStack(taken, isWrapperFrame, { skip: ANGULAR_NOTIFY_PATH });
+    const raw = taken && callerStack(taken, isWrapperFrame, { skip: isAngularNotifyFrame });
     const http =
       !!event?.xhr || (!!raw && HTTP_FRAME.test(raw)) || (!!task && HTTP_TASK.test(task));
     const appStack = raw ? appFrames(raw) : [];
diff --git a/packages/devtools/src/leaks-collector.ts b/packages/devtools/src/leaks-collector.ts
index 642e5293..cc753bf7 100644
--- a/packages/devtools/src/leaks-collector.ts
+++ b/packages/devtools/src/leaks-collector.ts
@@ -268,7 +268,8 @@ export function attachLeaks(
   const tickMs = options.tickMs ?? (() => 0);
   const active = options.active ?? (() => true);
   const hasDocument = typeof document !== 'undefined';
-  const tree = options.tree ?? (() => domTree());
+  // Through `dirty.watch`, so changes inside open shadow roots mark the walk due.
+  const tree = options.tree ?? (() => (dirty ? dirty.watch(domTree()) : domTree()));
   const route =
     options.route ?? (() => read(() => location.pathname + location.search + location.hash, ''));
   const major =