diff --git a/app/src/__tests__/audit-inspector.test.ts b/app/src/__tests__/audit-inspector.test.ts
new file mode 100644
index 00000000..fb04cca5
--- /dev/null
+++ b/app/src/__tests__/audit-inspector.test.ts
@@ -0,0 +1,279 @@
+import { TestBed, type ComponentFixture } from '@angular/core/testing';
+import type { DevframeRpcClient } from 'devframe/client';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { AUDIT_REFRESH_DELAY_MS, AuditInspector } from '../pages/audit-inspector';
+import type { AuditFinding, AuditResponse } from '../pages/audit-types';
+
+const NOW = Date.UTC(2026, 9, 13, 10, 0, 0);
+
+const finding = (extra: Partial<AuditFinding>): AuditFinding => ({
+  key: `${extra.area ?? 'errors'}:${extra.rule ?? 'x'}:${extra.subject ?? ''}`,
+  severity: 'error',
+  area: 'errors',
+  rule: 'NG0201',
+  why: 'NullInjectorError: No provider for TripApi!',
+  tool: 'pangular:explain-error',
+  ...extra,
+});
+
+const findings: AuditFinding[] = [
+  finding({
+    area: 'accessibility',
+    rule: 'image-alt',
+    subject: 'TripPhoto',
+    why: 'Images must have alternative text (critical).',
+    tool: 'pangular:audit',
+    args: { page: 'p1', area: 'accessibility' },
+    count: 2,
+    elementId: 'c1-9',
+  }),
+  finding({ subject: 'TripList', elementId: 'c1-2', args: { page: 'p1', id: 'e1' }, count: 3 }),
+  finding({
+    severity: 'warning',
+    area: 'change-detection',
+    rule: 'onpush-candidate',
+    subject: 'TripList',
+    why: 'TripList was refreshed 40 times and changed something in 2.',
+    tool: 'pangular:diagnose-change-detection',
+  }),
+];
+
+function response(extra: Partial<AuditResponse> = {}): AuditResponse {
+  return {
+    pages: [{ pageId: 'p1', url: '/trips', title: 'Trips' }],
+    report: {
+      pageId: 'p1',
+      url: '/trips',
+      at: NOW,
+      findings,
+      metrics: { cdMeanMs: 4.5, errors: 3, findingsError: 2, findingsWarning: 1, findingsInfo: 0 },
+      sources: [
+        { area: 'accessibility', state: 'ok' },
+        { area: 'router', state: 'off' },
+        { area: 'leaks', state: 'empty', note: 'No leak report yet.' },
+      ],
+    },
+    session: { before: null, after: null, diff: null },
+    axe: null,
+    ...extra,
+  };
+}
+
+let fixture: ComponentFixture<AuditInspector>;
+let calls: { name: string; arg: unknown }[];
+let answers: Record<string, unknown>;
+let listeners: (() => void)[];
+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))!;
+const settle = async () => {
+  for (let i = 0; i < 4; i++) {
+    await fixture.whenStable();
+    await new Promise((resolve) => setTimeout(resolve, 0));
+  }
+  fixture.detectChanges();
+};
+
+function start(backend = 'websocket') {
+  const client = {
+    connectionMeta: { backend },
+    scope: () => ({
+      rpc: {
+        call: vi.fn(async (name: string, arg: unknown) => {
+          calls.push({ name, arg });
+          const answer = answers[name];
+          return typeof answer === 'function' ? answer(arg) : answer;
+        }),
+        sharedState: async () => ({
+          value: () => ({ pages: {} }),
+          on: (_: string, listener: () => void) => {
+            listeners.push(listener);
+            return () => {};
+          },
+        }),
+      },
+    }),
+  };
+  fixture = TestBed.createComponent(AuditInspector);
+  fixture.componentRef.setInput('rpc', client as unknown as DevframeRpcClient);
+}
+
+describe('AuditInspector', () => {
+  beforeEach(() => {
+    calls = [];
+    listeners = [];
+    answers = { 'get-audit': response() };
+  });
+
+  afterEach(() => {
+    fixture?.destroy();
+    TestBed.resetTestingModule();
+  });
+
+  it('lists the findings ranked as the server sent them, with the agent tool for each', async () => {
+    start();
+    await settle();
+    const rows = [...host().querySelectorAll('.finding')];
+    expect(rows).toHaveLength(3);
+    expect(rows[0]!.textContent).toContain('Accessibility');
+    expect(rows[0]!.textContent).toContain('TripPhoto');
+    expect(rows[0]!.textContent).toContain('2×');
+    expect(rows[1]!.textContent).toContain('explain-error { id: "e1" }');
+    expect(text()).toContain('3 of 3 findings');
+    expect(text()).toContain('Mean cycle time4.5 ms');
+    expect(text()).toContain('Router Its inspector is turned off.');
+    expect(text()).toContain('Leaks No leak report yet.');
+    expect(host().querySelector('h2')?.textContent).toContain('Before and after');
+    expect(calls[0]).toEqual({ name: 'get-audit', arg: { pageId: undefined } });
+  });
+
+  it('filters by text and shows Clear filters when nothing matches', async () => {
+    start();
+    await settle();
+    const search = host().querySelector<HTMLInputElement>('input[type="search"]')!;
+    search.value = 'onpush';
+    search.dispatchEvent(new Event('input'));
+    await settle();
+    expect(host().querySelectorAll('.finding')).toHaveLength(1);
+    expect(text()).toContain('1 of 3 findings');
+    search.value = 'nothing like this';
+    search.dispatchEvent(new Event('input'));
+    await settle();
+    expect(text()).toContain('No finding matches the filters.');
+    button('Clear filters').click();
+    await settle();
+    expect(host().querySelectorAll('.finding')).toHaveLength(3);
+  });
+
+  it('runs axe on the page and reads the audit again, or says why it did not run', async () => {
+    answers['request-axe-run'] = { ok: true, violations: 1 };
+    start();
+    await settle();
+    answers['get-audit'] = response({ axe: { at: NOW, ms: 30, violations: [{}] } });
+    button('Run axe').click();
+    await settle();
+    expect(calls.map((c) => c.name)).toEqual(['get-audit', 'request-axe-run', 'get-audit']);
+    expect(calls[1]!.arg).toEqual({ pageId: 'p1' });
+    expect(text()).toContain('1 rule broken');
+
+    answers['request-axe-run'] = { ok: false, error: 'The page did not answer within 60s.' };
+    button('Run axe').click();
+    await settle();
+    expect(host().querySelector('[role="alert"]')?.textContent).toContain('did not answer');
+  });
+
+  it('takes a baseline and an after audit, and shows the comparison', async () => {
+    answers['audit-session'] = { ok: true };
+    start();
+    await settle();
+    expect(button('Take after audit').disabled).toBe(true);
+    const before = { at: NOW, findings, metrics: {}, axe: true };
+    answers['get-audit'] = response({ session: { before, after: null, diff: null } });
+    button('Take baseline').click();
+    await settle();
+    expect(calls.find((c) => c.name === 'audit-session')?.arg).toEqual({
+      pageId: 'p1',
+      action: 'before',
+    });
+    expect(text()).toContain('Baseline at');
+    expect(button('Take after audit').disabled).toBe(false);
+
+    answers['get-audit'] = response({
+      session: {
+        before,
+        after: { ...before, findings: findings.slice(1) },
+        diff: {
+          resolved: [findings[0]!],
+          added: [],
+          remaining: [{ ...findings[1]!, count: 1, countBefore: 3 }],
+          metrics: [
+            { metric: 'cdMeanMs', before: 6, after: 4.5, delta: -1.5 },
+            { metric: 'errors', before: 3, after: 4, delta: 1 },
+            { metric: 'retained', after: 0 },
+          ],
+          notes: [],
+        },
+      },
+    });
+    button('Take after audit').click();
+    await settle();
+    const rows = [...host().querySelectorAll('tbody tr')].map((row) =>
+      [...row.children].map((cell) => cell.textContent!.trim()).join(' | '),
+    );
+    expect(rows).toEqual([
+      'Mean cycle time | 6 ms | 4.5 ms | −1.5 ms, better',
+      'Retained components | Not measured | 0 | Not compared',
+      'Error occurrences | 3 | 4 | +1, worse',
+    ]);
+    expect(text()).toContain('Resolved (1)');
+    expect(text()).toContain('image-alt in TripPhoto');
+    expect(text()).toContain('NG0201 in TripList: 3× → 1×');
+    expect([...host().querySelectorAll('h3')].map((h) => h.textContent?.trim())).toEqual([
+      'Resolved (1)',
+      'New (0)',
+      'Changed count (1)',
+    ]);
+  });
+
+  it('opens a component for errors and highlights an element for axe findings', async () => {
+    start();
+    await settle();
+    const emitted: unknown[] = [];
+    fixture.componentInstance.showComponent.subscribe((focus) => emitted.push(focus));
+    button('Show component').click();
+    expect(emitted).toEqual([{ id: 'c1-2', pageId: 'p1' }]);
+    button('Show in page').click();
+    await settle();
+    expect(calls.find((c) => c.name === 'request-page-highlight')?.arg).toEqual({
+      pageId: 'p1',
+      id: 'c1-9',
+      reveal: true,
+    });
+  });
+
+  it('reads the audit again once for a burst of session or axe pass changes', async () => {
+    start();
+    await settle();
+    expect(listeners).toHaveLength(1);
+    // An axe pass starting, its result and its end arrive together.
+    listeners[0]!();
+    listeners[0]!();
+    listeners[0]!();
+    await settle();
+    expect(calls.filter((c) => c.name === 'get-audit')).toHaveLength(1);
+    await new Promise((resolve) => setTimeout(resolve, AUDIT_REFRESH_DELAY_MS + 20));
+    await settle();
+    expect(calls.filter((c) => c.name === 'get-audit')).toHaveLength(2);
+  });
+
+  it('offers no Show component, Show in page nor outline with the Components inspector off', async () => {
+    start();
+    fixture.componentRef.setInput('canShowComponent', false);
+    await settle();
+    expect(button('Show component')).toBeUndefined();
+    expect(button('Show in page')).toBeUndefined();
+    host().querySelector<HTMLElement>('.finding')!.dispatchEvent(new Event('mouseenter'));
+    await settle();
+    expect(calls.some((c) => c.name === 'request-page-highlight')).toBe(false);
+  });
+
+  it('says what to do without a page, after an error, and in a static report', async () => {
+    answers['get-audit'] = { pages: [], report: null };
+    start();
+    await settle();
+    expect(text()).toContain('No page reports live data yet.');
+    fixture.destroy();
+
+    answers['get-audit'] = () => Promise.reject(new Error('gone'));
+    start();
+    await settle();
+    expect(text()).toContain("Can't read the audit");
+    expect(button('Retry')).toBeTruthy();
+    fixture.destroy();
+
+    start('static');
+    await settle();
+    expect(text()).toContain('a static report has none');
+  });
+});
diff --git a/app/src/app.ts b/app/src/app.ts
index 5ed2728b..ab9bda9e 100644
--- a/app/src/app.ts
+++ b/app/src/app.ts
@@ -31,6 +31,7 @@ import { NetworkInspector } from './pages/network-inspector';
 import { ComingSoon, type ComingSoonInfo } from './pages/coming-soon';
 import { CapacitorInspector } from './pages/capacitor-inspector';
 import { ErrorsInspector } from './pages/errors-inspector';
+import { AuditInspector } from './pages/audit-inspector';
 import { Timeline } from './pages/timeline';
 import { capacitorPages } from './pages/capacitor-types';
 import { TabIcon } from './pages/tab-icon';
@@ -211,6 +212,7 @@ function readView(): View | null {
     NetworkInspector,
     CapacitorInspector,
     ErrorsInspector,
+    AuditInspector,
     Timeline,
     ComingSoon,
     TabIcon,
@@ -506,6 +508,13 @@ function readView(): View | null {
             @case ('timeline') {
               <app-timeline [rpc]="rpc()" (open)="openLink($event)" />
             }
+            @case ('audit') {
+              <app-audit-inspector
+                [rpc]="rpc()"
+                [canShowComponent]="config().inspectors.components"
+                (showComponent)="showComponent($event)"
+              />
+            }
             @case ('components') {
               <app-component-tree
                 [rpc]="rpc()"
diff --git a/app/src/pages/audit-diff.ts b/app/src/pages/audit-diff.ts
new file mode 100644
index 00000000..7ca42247
--- /dev/null
+++ b/app/src/pages/audit-diff.ts
@@ -0,0 +1,226 @@
+import { Component, computed, input } from '@angular/core';
+import { AREA_LABEL, METRICS, type AuditDiff, type AuditFinding } from './audit-types';
+
+interface MetricRow {
+  label: string;
+  before: string;
+  after: string;
+  change: string;
+  tone: 'ok' | 'danger' | 'plain';
+}
+
+/** The before and after comparison of two audits: numbers, then resolved, new and changed findings. */
+@Component({
+  selector: 'app-audit-diff',
+  template: `
+    @for (note of diff().notes; track note) {
+      <p class="notice">{{ note }}</p>
+    }
+    <div class="table-wrap" tabindex="0" role="region" aria-label="Numbers before and after">
+      <table>
+        <caption class="sr-only">
+          Numbers before and after. Lower is better for each.
+        </caption>
+        <thead>
+          <tr>
+            <th scope="col">Number</th>
+            <th scope="col">Before</th>
+            <th scope="col">After</th>
+            <th scope="col">Change</th>
+          </tr>
+        </thead>
+        <tbody>
+          @for (row of rows(); track row.label) {
+            <tr>
+              <th scope="row">{{ row.label }}</th>
+              <td>{{ row.before }}</td>
+              <td>{{ row.after }}</td>
+              <td>
+                <span class="chip" [attr.data-tone]="row.tone">{{ row.change }}</span>
+              </td>
+            </tr>
+          }
+        </tbody>
+      </table>
+    </div>
+    <div class="lists">
+      <section aria-labelledby="audit-resolved">
+        <h3 id="audit-resolved">Resolved ({{ diff().resolved.length }})</h3>
+        @if (diff().resolved.length) {
+          <ul>
+            @for (finding of diff().resolved; track finding.key) {
+              <li>
+                <span class="area">{{ areaLabel[finding.area] }}</span>
+                {{ label(finding) }}
+              </li>
+            }
+          </ul>
+        } @else {
+          <p class="muted">None.</p>
+        }
+      </section>
+      <section aria-labelledby="audit-added">
+        <h3 id="audit-added">New ({{ diff().added.length }})</h3>
+        @if (diff().added.length) {
+          <ul>
+            @for (finding of diff().added; track finding.key) {
+              <li>
+                <span class="area">{{ areaLabel[finding.area] }}</span>
+                {{ label(finding) }}
+              </li>
+            }
+          </ul>
+        } @else {
+          <p class="muted">None.</p>
+        }
+      </section>
+      <section aria-labelledby="audit-changed">
+        <h3 id="audit-changed">Changed count ({{ changed().length }})</h3>
+        @if (changed().length) {
+          <ul>
+            @for (finding of changed(); track finding.key) {
+              <li>
+                <span class="area">{{ areaLabel[finding.area] }}</span>
+                {{ label(finding) }}: {{ finding.countBefore }}× → {{ finding.count ?? 1 }}×
+              </li>
+            }
+          </ul>
+        } @else {
+          <p class="muted">{{ diff().remaining.length }} still there with the same count.</p>
+        }
+      </section>
+    </div>
+  `,
+  styles: `
+    @use 'mixins' as m;
+    :host {
+      display: grid;
+      gap: 12px;
+    }
+    .notice {
+      margin: 0;
+      padding: 8px 12px;
+      border: 1px solid var(--border);
+      border-radius: var(--radius-sm);
+      background: var(--surface);
+      color: var(--text-2);
+    }
+    .table-wrap {
+      overflow-x: auto;
+      border: 1px solid var(--border);
+      border-radius: var(--radius-sm);
+    }
+    .table-wrap:focus-visible {
+      @include m.focus-ring(-2px);
+    }
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 12px;
+    }
+    th,
+    td {
+      padding: 6px 10px;
+      border-bottom: 1px solid var(--border);
+      text-align: left;
+      white-space: nowrap;
+    }
+    thead th {
+      @include m.label;
+      background: var(--surface);
+    }
+    tbody th {
+      font-weight: 500;
+      color: var(--text);
+    }
+    td {
+      color: var(--text-2);
+      font-variant-numeric: tabular-nums;
+    }
+    tbody tr:last-child > * {
+      border-bottom: 0;
+    }
+    .chip {
+      display: inline-flex;
+      padding: 1px 8px;
+      border-radius: 99px;
+      font-size: 11px;
+      font-weight: 600;
+      border: 1px solid var(--border);
+      background: var(--surface-2);
+      color: var(--text-2);
+    }
+    .chip[data-tone='ok'] {
+      border-color: transparent;
+      @include m.tint(ok);
+    }
+    .chip[data-tone='danger'] {
+      border-color: transparent;
+      @include m.tint(danger);
+    }
+    .lists {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+      gap: 12px;
+    }
+    h3 {
+      @include m.label;
+      margin: 0 0 6px;
+    }
+    ul {
+      display: grid;
+      gap: 4px;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      font-size: 12px;
+      overflow-wrap: anywhere;
+    }
+    .area {
+      color: var(--text-2);
+      font-weight: 600;
+    }
+    .muted {
+      margin: 0;
+      color: var(--text-2);
+      font-size: 12px;
+    }
+  `,
+})
+export class AuditDiffView {
+  readonly diff = input.required<AuditDiff>();
+
+  protected readonly areaLabel = AREA_LABEL;
+
+  readonly changed = computed(() =>
+    this.diff().remaining.filter(
+      (finding) => finding.countBefore !== undefined && finding.countBefore !== finding.count,
+    ),
+  );
+
+  readonly rows = computed<MetricRow[]>(() => {
+    const byKey = new Map(this.diff().metrics.map((change) => [change.metric, change]));
+    return METRICS.filter((metric) => byKey.has(metric.key)).map((metric) => {
+      const change = byKey.get(metric.key)!;
+      const unit = metric.unit ? ` ${metric.unit}` : '';
+      const show = (value?: number) => (value === undefined ? 'Not measured' : `${value}${unit}`);
+      const delta = change.delta;
+      return {
+        label: metric.unit === '%' ? `${metric.label} (%)` : metric.label,
+        before: show(change.before),
+        after: show(change.after),
+        change:
+          delta === undefined
+            ? 'Not compared'
+            : delta === 0
+              ? 'Same'
+              : `${delta > 0 ? '+' : '−'}${Math.abs(delta)}${unit}, ${delta < 0 ? 'better' : 'worse'}`,
+        tone: delta === undefined || delta === 0 ? 'plain' : delta < 0 ? 'ok' : 'danger',
+      };
+    });
+  });
+
+  label(finding: AuditFinding): string {
+    return `${finding.rule}${finding.subject ? ` in ${finding.subject}` : ''}`;
+  }
+}
diff --git a/app/src/pages/audit-inspector.ts b/app/src/pages/audit-inspector.ts
new file mode 100644
index 00000000..dd92566c
--- /dev/null
+++ b/app/src/pages/audit-inspector.ts
@@ -0,0 +1,759 @@
+import {
+  Component,
+  DestroyRef,
+  computed,
+  effect,
+  inject,
+  input,
+  linkedSignal,
+  output,
+  signal,
+  untracked,
+} from '@angular/core';
+import type { DevframeRpcClient } from 'devframe/client';
+import { time } from '../format';
+import { hostPageId } from '../page-id';
+import { isStaticReport, rpcCall } from '../rpc';
+import { Select, type SelectOption } from '../ui/select';
+import type { ComponentFocus } from '../types/component-focus.types';
+import { AuditDiffView } from './audit-diff';
+import {
+  AREA_LABEL,
+  AUDIT_AREAS,
+  METRICS,
+  toAuditResponse,
+  toolCall,
+  type AuditArea,
+  type AuditFinding,
+  type AuditResponse,
+} from './audit-types';
+
+type SeverityFilter = 'all' | 'error' | 'warning';
+
+const SEVERITY_TONE = { error: 'danger', warning: 'warn', info: 'accent' } as const;
+const SEVERITY_RANK = { error: 0, warning: 1, info: 2 } as const;
+/** Areas whose findings point at a component host the Components tab can select. */
+const COMPONENT_AREAS: readonly AuditArea[] = ['errors', 'hydration'];
+/**
+ * How long the panel waits after a change to the `audit` shared state before
+ * reading the audit again, so a burst (an axe pass starting, its result, it
+ * ending) costs one read.
+ */
+export const AUDIT_REFRESH_DELAY_MS = 150;
+
+@Component({
+  selector: 'app-audit-inspector',
+  imports: [Select, AuditDiffView],
+  template: `
+    @if (staticReport()) {
+      <div class="state" role="status">
+        <p>The audit reads a live page, and a static report has none.</p>
+        <p class="muted">Open the panel from the server that runs the app to audit it.</p>
+      </div>
+    } @else if (!loaded()) {
+      <p class="state" role="status">Loading the audit…</p>
+    } @else if (failed()) {
+      <div class="state" role="alert">
+        <p>Can't read the audit from the devtools server.</p>
+        <button type="button" class="small" (click)="refresh()">Retry</button>
+      </div>
+    } @else if (!report()) {
+      <div class="state" role="status">
+        <p>No page reports live data yet.</p>
+        <p class="muted">
+          Open the app with the overlay loaded. The audit reads what the other inspectors collect
+          from it.
+        </p>
+      </div>
+    } @else {
+      <p class="intro">
+        One ranked list of what the inspectors found on the live page, with an axe pass over the app
+        when you run one. Take a baseline before a change and an after audit to compare them. Agents
+        get the same list from the <code>audit</code> tool.
+      </p>
+
+      <div class="toolbar">
+        <div class="search">
+          <svg class="search-icon" viewBox="0 0 24 24" aria-hidden="true">
+            <circle cx="11" cy="11" r="7" />
+            <path d="m20 20-3.5-3.5" />
+          </svg>
+          <input
+            #search
+            type="search"
+            aria-label="Filter findings"
+            placeholder="Filter by component, rule or text"
+            [value]="filter()"
+            (input)="filter.set($any($event.target).value)"
+            (keydown.escape)="filter.set('')"
+          />
+        </div>
+        <app-select
+          class="filter-select"
+          ariaLabel="Area"
+          [options]="areaOptions()"
+          [value]="area()"
+          (valueChange)="area.set($any($event) ?? 'all')"
+        />
+        <app-select
+          class="filter-select"
+          ariaLabel="Severity"
+          [options]="severityOptions"
+          [value]="severity()"
+          (valueChange)="severity.set($any($event) ?? 'all')"
+        />
+        @if (pageOptions().length > 1) {
+          <app-select
+            class="filter-select"
+            ariaLabel="Page"
+            [options]="pageOptions()"
+            [value]="pageId()"
+            (valueChange)="pickPage($event)"
+          />
+        }
+        <span class="count" role="status">{{ countText() }}</span>
+        <button type="button" class="small" [disabled]="axeRunning()" (click)="runAxe()">
+          {{ axeRunning() ? 'Running axe…' : 'Run axe' }}
+        </button>
+        <button type="button" class="small" [disabled]="busy()" (click)="refresh()">Refresh</button>
+      </div>
+
+      <p class="axe-status" role="status">{{ axeStatus() }}</p>
+      @if (axeError(); as error) {
+        <p class="notice error" role="alert">{{ error }}</p>
+      }
+
+      <section class="session" aria-labelledby="audit-session-title">
+        <div class="session-head">
+          <h2 id="audit-session-title">Before and after</h2>
+          <div class="actions">
+            <button type="button" class="small" [disabled]="busy()" (click)="mark('before')">
+              Take baseline
+            </button>
+            <button
+              type="button"
+              class="small"
+              [disabled]="busy() || !before()"
+              (click)="mark('after')"
+            >
+              Take after audit
+            </button>
+            @if (before()) {
+              <button type="button" class="small" [disabled]="busy()" (click)="mark('clear')">
+                Clear
+              </button>
+            }
+          </div>
+        </div>
+        <p class="muted">{{ sessionText() }}</p>
+        @if (sessionError(); as error) {
+          <p class="notice error" role="alert">{{ error }}</p>
+        }
+        @if (diff(); as diff) {
+          <app-audit-diff [diff]="diff" />
+        }
+      </section>
+
+      <section aria-labelledby="audit-findings-title">
+        <h2 id="audit-findings-title" class="section-title">Findings</h2>
+        @if (!findings().length) {
+          <p class="empty">
+            No finding on this page. Run axe, or record change detection, to check more.
+          </p>
+        } @else if (!shown().length) {
+          <div class="empty">
+            <p>No finding matches the filters.</p>
+            <button type="button" class="small" (click)="clearFilters(); search.focus()">
+              Clear filters
+            </button>
+          </div>
+        } @else {
+          <ol class="findings" aria-label="Findings, most severe first">
+            @for (finding of shown(); track finding.key) {
+              <li class="finding" (mouseenter)="highlight(finding)" (mouseleave)="highlight(null)">
+                <div class="head">
+                  <span class="chip" [attr.data-tone]="tone[finding.severity]">{{
+                    finding.severity
+                  }}</span>
+                  <span class="chip plain">{{ areaLabel[finding.area] }}</span>
+                  @if (finding.subject) {
+                    <code class="subject">{{ finding.subject }}</code>
+                  }
+                  @if ((finding.count ?? 1) > 1) {
+                    <span class="times" [attr.aria-label]="finding.count + ' times'"
+                      >{{ finding.count }}×</span
+                    >
+                  }
+                </div>
+                <p class="why">{{ finding.why }}</p>
+                <div class="meta">
+                  <span class="muted"
+                    >Rule <code>{{ finding.rule }}</code></span
+                  >
+                  <span class="muted"
+                    >Agent tool <code>{{ toolCall(finding) }}</code></span
+                  >
+                  <!-- Both open or outline the element through the Components inspector. -->
+                  @if (finding.elementId && canShowComponent()) {
+                    @if (isComponentArea(finding.area)) {
+                      <button
+                        type="button"
+                        class="link"
+                        (focus)="highlight(finding)"
+                        (blur)="highlight(null)"
+                        (click)="showComponent.emit({ id: finding.elementId, pageId: pageId() })"
+                      >
+                        Show component
+                      </button>
+                    } @else {
+                      <button
+                        type="button"
+                        class="link"
+                        (focus)="highlight(finding)"
+                        (blur)="highlight(null)"
+                        (click)="highlight(finding, true)"
+                      >
+                        Show in page
+                      </button>
+                    }
+                  }
+                </div>
+              </li>
+            }
+          </ol>
+        }
+      </section>
+
+      <section aria-labelledby="audit-numbers-title">
+        <h2 id="audit-numbers-title" class="section-title">Key numbers</h2>
+        <dl class="numbers">
+          @for (metric of numbers(); track metric.label) {
+            <div>
+              <dt>{{ metric.label }}</dt>
+              <dd>{{ metric.value }}</dd>
+            </div>
+          }
+        </dl>
+      </section>
+
+      @if (coverage().length) {
+        <section aria-labelledby="audit-coverage-title">
+          <h2 id="audit-coverage-title" class="section-title">Not checked</h2>
+          <ul class="coverage">
+            @for (source of coverage(); track source.area) {
+              <li>
+                <strong>{{ areaLabel[source.area] }}</strong>
+                {{
+                  source.state === 'off'
+                    ? 'Its inspector is turned off.'
+                    : (source.note ?? 'Nothing to read yet.')
+                }}
+              </li>
+            }
+          </ul>
+        </section>
+      }
+    }
+  `,
+  styles: `
+    @use 'mixins' as m;
+    :host {
+      display: block;
+      font-size: 13px;
+    }
+    .intro {
+      margin: 0 0 12px;
+      color: var(--text-2);
+      line-height: 1.5;
+    }
+    code {
+      font-family: var(--font-mono);
+      font-size: 12px;
+    }
+    .muted {
+      color: var(--text-2);
+    }
+    .toolbar {
+      position: sticky;
+      top: 0;
+      z-index: 2;
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px 12px;
+      align-items: center;
+      margin: 0 0 8px;
+      padding: 8px;
+      background: color-mix(in srgb, var(--surface) 85%, transparent);
+      backdrop-filter: blur(10px);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+    }
+    .search {
+      position: relative;
+      flex: 1 1 200px;
+      min-width: 0;
+    }
+    .search-icon {
+      position: absolute;
+      top: 50%;
+      left: 12px;
+      width: 14px;
+      height: 14px;
+      transform: translateY(-50%);
+      fill: none;
+      stroke: var(--text-3);
+      stroke-width: 2.2;
+      stroke-linecap: round;
+      pointer-events: none;
+    }
+    input[type='search'] {
+      width: 100%;
+      height: var(--control-h);
+      padding: 0 12px 0 34px;
+      background: var(--bg);
+      border: 1px solid var(--border-strong);
+      border-radius: var(--radius-sm);
+      color: var(--text);
+      font-size: 13px;
+    }
+    input[type='search']:focus {
+      @include m.field-focus;
+    }
+    .filter-select {
+      flex: 0 1 170px;
+      min-width: 0;
+    }
+    .count {
+      margin-left: auto;
+      color: var(--text-2);
+      font-size: 12px;
+    }
+    .small {
+      height: var(--control-h);
+      padding: 0 12px;
+      border: 1px solid var(--border-strong);
+      border-radius: var(--radius-sm);
+      background: var(--surface-2);
+      color: var(--text);
+      font: inherit;
+      cursor: pointer;
+    }
+    .small:hover:not(:disabled) {
+      background: var(--surface-3);
+    }
+    .small:disabled {
+      color: var(--text-2);
+      cursor: default;
+    }
+    .small:focus-visible {
+      @include m.focus-ring;
+    }
+    .axe-status {
+      min-height: 1.5em;
+      margin: 0 0 8px;
+      color: var(--text-2);
+      font-size: 12px;
+    }
+    .notice {
+      margin: 0 0 12px;
+      padding: 8px 12px;
+      border: 1px solid var(--border);
+      border-radius: var(--radius-sm);
+      background: var(--surface);
+      color: var(--text-2);
+      line-height: 1.5;
+    }
+    .notice.error {
+      color: var(--danger-text);
+      border-color: color-mix(in srgb, var(--danger) 40%, transparent);
+    }
+    section {
+      margin: 0 0 16px;
+    }
+    .session {
+      @include m.panel;
+      display: grid;
+      gap: 8px;
+      padding: 10px 12px;
+    }
+    .session p {
+      margin: 0;
+    }
+    .session-head {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px 12px;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+    }
+    h2 {
+      margin: 0;
+      color: var(--text-strong);
+      font-size: 14px;
+      font-weight: 600;
+    }
+    .section-title {
+      margin: 0 0 8px;
+    }
+    .findings {
+      display: grid;
+      gap: 6px;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    .finding {
+      @include m.panel;
+      display: grid;
+      gap: 4px;
+      min-width: 0;
+      padding: 8px 12px;
+    }
+    .head,
+    .meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px 10px;
+      align-items: center;
+      min-width: 0;
+    }
+    .meta {
+      font-size: 12px;
+    }
+    .meta code {
+      overflow-wrap: anywhere;
+    }
+    .subject {
+      min-width: 0;
+      color: var(--text-strong);
+      overflow-wrap: anywhere;
+    }
+    .times {
+      color: var(--text-2);
+      font-weight: 600;
+      font-variant-numeric: tabular-nums;
+    }
+    .why {
+      margin: 0;
+      color: var(--text);
+      line-height: 1.5;
+      overflow-wrap: anywhere;
+    }
+    .chip {
+      display: inline-flex;
+      align-items: center;
+      padding: 1px 8px;
+      border: 1px solid transparent;
+      border-radius: 99px;
+      font-size: 11px;
+      font-weight: 600;
+      @include m.tint(accent);
+    }
+    .chip.plain {
+      border-color: var(--border);
+      background: var(--surface-2);
+      color: var(--text-2);
+    }
+    .chip[data-tone='danger'] {
+      @include m.tint(danger);
+    }
+    .chip[data-tone='warn'] {
+      @include m.tint(warn);
+    }
+    .link {
+      padding: 0;
+      border: 0;
+      border-radius: 2px;
+      background: none;
+      color: var(--accent-text);
+      font: inherit;
+      text-decoration: underline;
+      text-underline-offset: 2px;
+      cursor: pointer;
+    }
+    .link:focus-visible {
+      @include m.focus-ring;
+    }
+    .numbers {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
+      gap: 6px;
+      margin: 0;
+    }
+    .numbers div {
+      @include m.panel;
+      padding: 6px 10px;
+    }
+    .numbers dt {
+      color: var(--text-2);
+      font-size: 12px;
+    }
+    .numbers dd {
+      margin: 0;
+      color: var(--text-strong);
+      font-size: 15px;
+      font-weight: 600;
+      font-variant-numeric: tabular-nums;
+    }
+    .coverage {
+      display: grid;
+      gap: 4px;
+      margin: 0;
+      padding: 0 0 0 18px;
+      color: var(--text-2);
+      font-size: 12px;
+    }
+    .coverage strong {
+      color: var(--text);
+      font-weight: 600;
+    }
+    .empty,
+    .state {
+      margin: 0 0 12px;
+      color: var(--text-2);
+    }
+    .empty p,
+    .state p {
+      margin: 0 0 8px;
+    }
+  `,
+})
+export class AuditInspector {
+  readonly rpc = input<DevframeRpcClient | null>(null);
+  /**
+   * Whether the Components inspector is on: "Show component" opens its tab, and
+   * "Show in page" and hover outlines go through its `request-page-highlight`.
+   */
+  readonly canShowComponent = input(true);
+  readonly showComponent = output<ComponentFocus>();
+
+  private readonly destroyRef = inject(DestroyRef);
+  private readonly hostPageId = hostPageId();
+  private unsubscribe?: () => void;
+  private seq = 0;
+  private highlighted = false;
+  private queued?: ReturnType<typeof setTimeout>;
+
+  protected readonly time = time;
+  protected readonly toolCall = toolCall;
+  protected readonly areaLabel = AREA_LABEL;
+  protected readonly tone = SEVERITY_TONE;
+  protected readonly severityOptions: SelectOption[] = [
+    { value: 'all', label: 'All severities' },
+    { value: 'error', label: 'Errors' },
+    { value: 'warning', label: 'Warnings and errors' },
+  ];
+
+  readonly data = signal<AuditResponse | null>(null);
+  readonly loaded = signal(false);
+  readonly failed = signal(false);
+  readonly busy = signal(false);
+  readonly axeRunning = signal(false);
+  readonly axeError = signal<string | null>(null);
+  readonly sessionError = signal<string | null>(null);
+  readonly filter = signal('');
+  readonly area = signal<AuditArea | 'all'>('all');
+  readonly severity = signal<SeverityFilter>('all');
+  /** The page picked here, else the page the panel sits on, else the server's most recent. */
+  readonly pageId = linkedSignal<AuditResponse | null, string>({
+    source: () => this.data(),
+    computation: (data, previous) =>
+      previous?.value && data?.pages.some((page) => page.pageId === previous.value)
+        ? previous.value
+        : (data?.report?.pageId ?? this.hostPageId ?? ''),
+  });
+
+  readonly staticReport = computed(() => isStaticReport(this.rpc()));
+  readonly report = computed(() => this.data()?.report ?? null);
+  readonly findings = computed(() => this.report()?.findings ?? []);
+  readonly before = computed(() => this.data()?.session?.before ?? null);
+  readonly after = computed(() => this.data()?.session?.after ?? null);
+  readonly diff = computed(() => this.data()?.session?.diff ?? null);
+  readonly pageOptions = computed<SelectOption[]>(() =>
+    (this.data()?.pages ?? []).map((page) => ({
+      value: page.pageId,
+      label: page.title || page.url || page.pageId,
+      ...(page.url && page.url !== (page.title || page.url) ? { hint: page.url } : {}),
+    })),
+  );
+  readonly areaOptions = computed<SelectOption[]>(() => [
+    { value: 'all', label: 'All areas' },
+    ...AUDIT_AREAS.map((area) => ({
+      value: area,
+      label: AREA_LABEL[area],
+      hint: String(this.findings().filter((finding) => finding.area === area).length),
+    })),
+  ]);
+  readonly shown = computed(() => {
+    const text = this.filter().trim().toLowerCase();
+    const area = this.area();
+    const floor = this.severity() === 'all' ? 2 : SEVERITY_RANK[this.severity() as 'error'];
+    return this.findings().filter(
+      (finding) =>
+        (area === 'all' || finding.area === area) &&
+        SEVERITY_RANK[finding.severity] <= floor &&
+        (!text ||
+          `${finding.subject ?? ''} ${finding.rule} ${finding.why}`.toLowerCase().includes(text)),
+    );
+  });
+  readonly countText = computed(
+    () => `${this.shown().length} of ${this.findings().length} findings`,
+  );
+  readonly numbers = computed(() => {
+    const metrics = this.report()?.metrics ?? {};
+    return METRICS.filter((metric) => metrics[metric.key] !== undefined).map((metric) => ({
+      label: metric.unit === '%' ? `${metric.label} (%)` : metric.label,
+      value: `${metrics[metric.key]}${metric.unit === 'ms' ? ' ms' : ''}`,
+    }));
+  });
+  readonly coverage = computed(() =>
+    (this.report()?.sources ?? []).filter((source) => source.state !== 'ok'),
+  );
+  readonly axeStatus = computed(() => {
+    if (this.axeRunning()) return 'Running axe on the page…';
+    const axe = this.data()?.axe;
+    if (!axe) return 'No axe pass on this page yet. Run axe to check accessibility.';
+    return `Last axe pass at ${time(axe.at)}: ${axe.violations.length} ${axe.violations.length === 1 ? 'rule' : 'rules'} broken.`;
+  });
+  readonly sessionText = computed(() => {
+    const before = this.before();
+    const after = this.after();
+    if (!before) {
+      return 'Take a baseline, make your change, then take an after audit. Run axe and record change detection the same way both times, so the numbers compare.';
+    }
+    const base = `Baseline at ${time(before.at)} with ${before.findings.length} findings.`;
+    return after
+      ? `${base} After audit at ${time(after.at)} with ${after.findings.length} findings.`
+      : `${base} Make your change, then take an after audit.`;
+  });
+
+  constructor() {
+    effect(() => {
+      const client = this.rpc();
+      // Only the client is a dependency: the fetch reads the picked page, which must not re-run this.
+      if (client && !isStaticReport(client)) untracked(() => void this.subscribe(client));
+    });
+    this.destroyRef.onDestroy(() => {
+      this.unsubscribe?.();
+      clearTimeout(this.queued);
+      this.highlight(null);
+    });
+  }
+
+  isComponentArea(area: AuditArea): boolean {
+    return COMPONENT_AREAS.includes(area);
+  }
+
+  clearFilters() {
+    this.filter.set('');
+    this.area.set('all');
+    this.severity.set('all');
+  }
+
+  pickPage(pageId: string | null) {
+    if (!pageId) return;
+    this.pageId.set(pageId);
+    void this.refresh();
+  }
+
+  async refresh(): Promise<void> {
+    const client = this.rpc();
+    if (!client) return;
+    const seq = ++this.seq;
+    this.failed.set(false);
+    try {
+      const value = await rpcCall(client, 'get-audit', { pageId: this.pageId() || undefined });
+      if (seq !== this.seq || this.destroyRef.destroyed) return;
+      const data = toAuditResponse(value);
+      // The panel's own page may not report (yet): fall back to the server's most recent.
+      if (!data.report && data.pages.length && this.pageId()) {
+        this.pageId.set('');
+        return this.refresh();
+      }
+      this.data.set(data);
+    } catch {
+      if (seq === this.seq) this.failed.set(true);
+    } finally {
+      if (seq === this.seq) this.loaded.set(true);
+    }
+  }
+
+  async runAxe() {
+    const client = this.rpc();
+    if (!client || this.axeRunning()) return;
+    this.axeRunning.set(true);
+    this.axeError.set(null);
+    try {
+      const result = (await rpcCall(client, 'request-axe-run', {
+        pageId: this.pageId() || undefined,
+      })) as { ok?: boolean; error?: string } | null;
+      if (!result?.ok) this.axeError.set(result?.error ?? 'The axe pass did not run.');
+    } catch {
+      this.axeError.set("Can't reach the devtools server to run axe.");
+    } finally {
+      this.axeRunning.set(false);
+    }
+    await this.refresh();
+  }
+
+  async mark(action: 'before' | 'after' | 'clear') {
+    const client = this.rpc();
+    if (!client) return;
+    this.busy.set(true);
+    this.sessionError.set(null);
+    try {
+      const result = (await rpcCall(client, 'audit-session', {
+        pageId: this.pageId() || undefined,
+        action,
+      })) as { ok?: boolean; error?: string } | null;
+      if (!result?.ok) this.sessionError.set(result?.error ?? 'The session did not change.');
+    } catch {
+      this.sessionError.set("Can't reach the devtools server.");
+    } finally {
+      this.busy.set(false);
+    }
+    await this.refresh();
+  }
+
+  highlight(finding: AuditFinding | null, reveal = false) {
+    const client = this.rpc();
+    if (!client || !this.canShowComponent()) return;
+    const pageId = this.pageId();
+    const target =
+      finding?.elementId && pageId
+        ? { pageId, id: finding.elementId, ...(reveal ? { reveal: true } : {}) }
+        : null;
+    // Clear only a box this view drew.
+    if (!target && !this.highlighted) return;
+    this.highlighted = !!target;
+    void rpcCall(client, 'request-page-highlight', target).catch(() => {});
+  }
+
+  /** One read for a burst of shared state changes; none while an action here reads it when done. */
+  private refreshSoon() {
+    if (this.queued !== undefined) return;
+    this.queued = setTimeout(() => {
+      this.queued = undefined;
+      if (this.destroyRef.destroyed || this.axeRunning() || this.busy()) return;
+      void this.refresh();
+    }, AUDIT_REFRESH_DELAY_MS);
+  }
+
+  private async subscribe(client: DevframeRpcClient) {
+    await this.refresh();
+    try {
+      // Sessions and axe passes change from agents too; fetch again when they do.
+      const state = await client.scope('pangular').rpc.sharedState('audit');
+      if (this.destroyRef.destroyed) return;
+      this.unsubscribe?.();
+      this.unsubscribe = state.on('updated', () => this.refreshSoon());
+    } catch {
+      // Without the shared state the Refresh button still works.
+    }
+  }
+}
diff --git a/app/src/pages/audit-types.ts b/app/src/pages/audit-types.ts
new file mode 100644
index 00000000..37d5b55b
--- /dev/null
+++ b/app/src/pages/audit-types.ts
@@ -0,0 +1,158 @@
+/** The audit as the `get-audit` RPC returns it (`rpc/audit-findings.ts` in the package). */
+
+export type AuditSeverity = 'error' | 'warning' | 'info';
+
+export type AuditArea =
+  | 'accessibility'
+  | 'change-detection'
+  | 'leaks'
+  | 'errors'
+  | 'router'
+  | 'forms'
+  | 'hydration'
+  | 'http'
+  | 'pipes';
+
+export const AUDIT_AREAS: readonly AuditArea[] = [
+  'accessibility',
+  'errors',
+  'hydration',
+  'change-detection',
+  'leaks',
+  'router',
+  'forms',
+  'http',
+  'pipes',
+];
+
+export const AREA_LABEL: Record<AuditArea, string> = {
+  accessibility: 'Accessibility',
+  'change-detection': 'Change detection',
+  leaks: 'Leaks',
+  errors: 'Errors',
+  router: 'Router',
+  forms: 'Forms',
+  hydration: 'Hydration',
+  http: 'HTTP',
+  pipes: 'Pipes',
+};
+
+export interface AuditFinding {
+  key: string;
+  severity: AuditSeverity;
+  area: AuditArea;
+  rule: string;
+  subject?: string;
+  why: string;
+  tool: string;
+  args?: Record<string, string | number | boolean>;
+  count?: number;
+  elementId?: string;
+}
+
+export type AuditMetrics = Partial<Record<string, number>>;
+
+/** The numbers in the order the panel lists them, with their labels. */
+export const METRICS: readonly { key: string; label: string; unit?: string }[] = [
+  { key: 'cdCycles', label: 'Change detection cycles' },
+  { key: 'cdMeanMs', label: 'Mean cycle time', unit: 'ms' },
+  { key: 'cdMaxMs', label: 'Slowest cycle', unit: 'ms' },
+  { key: 'wastedChecks', label: 'Wasted checks' },
+  { key: 'wastedPercent', label: 'Wasted checks', unit: '%' },
+  { key: 'retained', label: 'Retained components' },
+  { key: 'openSubscriptions', label: 'Open subscriptions after destroy' },
+  { key: 'errorGroups', label: 'Error groups' },
+  { key: 'errors', label: 'Error occurrences' },
+  { key: 'axeViolations', label: 'axe rules broken' },
+  { key: 'axeNodes', label: 'axe elements' },
+  { key: 'httpFailures', label: 'Failed HTTP calls' },
+  { key: 'findingsError', label: 'Errors found' },
+  { key: 'findingsWarning', label: 'Warnings found' },
+  { key: 'findingsInfo', label: 'Info found' },
+];
+
+export interface AuditSource {
+  area: AuditArea;
+  /** `hidden` only reaches agents; the panel sees every area that is on. */
+  state: 'ok' | 'empty' | 'off' | 'hidden';
+  note?: string;
+}
+
+export interface AuditReport {
+  pageId?: string;
+  url?: string;
+  title?: string;
+  at: number;
+  findings: AuditFinding[];
+  metrics: AuditMetrics;
+  sources: AuditSource[];
+  axeAt?: number;
+}
+
+export interface AuditSnapshot {
+  at: number;
+  url?: string;
+  findings: AuditFinding[];
+  metrics: AuditMetrics;
+  axe: boolean;
+  axeAt?: number;
+}
+
+export interface MetricChange {
+  metric: string;
+  before?: number;
+  after?: number;
+  delta?: number;
+}
+
+export interface AuditDiff {
+  resolved: AuditFinding[];
+  added: AuditFinding[];
+  remaining: (AuditFinding & { countBefore?: number })[];
+  metrics: MetricChange[];
+  notes: string[];
+}
+
+export interface AuditPage {
+  pageId: string;
+  url?: string;
+  title?: string;
+}
+
+export interface AuditResponse {
+  pages: AuditPage[];
+  report: AuditReport | null;
+  session?: {
+    before: AuditSnapshot | null;
+    after: AuditSnapshot | null;
+    diff: AuditDiff | null;
+  };
+  axe?: { at: number; ms: number; violations: unknown[] } | null;
+}
+
+/** The detail tool of a finding as an agent would call it, such as `explain-error { id: "e1" }`. */
+export function toolCall(finding: AuditFinding): string {
+  const args = Object.entries(finding.args ?? {})
+    .filter(([key]) => key !== 'page')
+    .map(([key, value]) => `${key}: ${JSON.stringify(value)}`)
+    .join(', ');
+  return `${finding.tool.replace(/^pangular:/, '')}${args ? ` { ${args} }` : ''}`;
+}
+
+/** Reads a `get-audit` answer, dropping what does not fit. */
+export function toAuditResponse(value: unknown): AuditResponse {
+  const record = (value ?? {}) as Partial<AuditResponse>;
+  const pages = Array.isArray(record.pages)
+    ? record.pages.filter((page): page is AuditPage => typeof page?.pageId === 'string')
+    : [];
+  const report =
+    record.report && Array.isArray(record.report.findings) && Array.isArray(record.report.sources)
+      ? record.report
+      : null;
+  return {
+    pages,
+    report,
+    session: record.session ?? { before: null, after: null, diff: null },
+    axe: record.axe ?? null,
+  };
+}
diff --git a/app/src/pages/tab-icon.ts b/app/src/pages/tab-icon.ts
index 1594a061..ec40cae2 100644
--- a/app/src/pages/tab-icon.ts
+++ b/app/src/pages/tab-icon.ts
@@ -27,6 +27,10 @@ import { Component, input } from '@angular/core';
           <circle cx="14" cy="12" r="2" />
           <path d="M18 7v10" />
         }
+        @case ('audit') {
+          <path d="M9 11l2 2 4-4" />
+          <path d="M12 3 4 6v6c0 4.5 3.4 8.3 8 9 4.6-.7 8-4.5 8-9V6l-8-3Z" />
+        }
         @case ('components') {
           <path d="M12 2 3 7l9 5 9-5-9-5Z" />
           <path d="m3 12 9 5 9-5" />
diff --git a/app/src/types/tab.types.ts b/app/src/types/tab.types.ts
index 8f35e260..59858f74 100644
--- a/app/src/types/tab.types.ts
+++ b/app/src/types/tab.types.ts
@@ -1,6 +1,7 @@
 export type Tab =
   | 'dashboard'
   | 'timeline'
+  | 'audit'
   | 'components'
   | 'pipes'
   | 'routes'
diff --git a/apps/docs/src/content/agents/resources.md b/apps/docs/src/content/agents/resources.md
index 9b444703..edc2f413 100644
--- a/apps/docs/src/content/agents/resources.md
+++ b/apps/docs/src/content/agents/resources.md
@@ -96,6 +96,7 @@ This table covers the data that has no resource of its own.
 | `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:audit`            | Audit sessions and axe passes: when each was taken, by page id          |
 | `pangular:analog`           | Analog page data and the server call log                                |
 | `pangular:routes`           | Declared but not filled. Use `get-routes` or `list-routes` instead.     |
 
diff --git a/apps/docs/src/content/agents/tools.md b/apps/docs/src/content/agents/tools.md
index 609b3292..724ebfb0 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-five tools, grouped by inspector. Each one answers a question you would otherwise answer by clicking through the panel.
+  Seventy-six tools, grouped by inspector. Each one answers a question you would otherwise answer by clicking through the panel.
 </ngmd-hero>
 
 # Tools
@@ -53,11 +53,11 @@ The URL comes from the HTTP or router report. A page that sends neither (no rout
 
 Gives the user a link that opens the panel on one tab with one item selected, and switches the panels that are open to it. Reads: page. Use it to point the user at what you found.
 
-| Argument | Required | What it is                                                                                                                                                                                           |
-| -------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `tab`    | Yes      | The tab: `dashboard`, `timeline`, `components`, `routes`, `signals`, `injectors`, `store`, `forms`, `pipes`, `network` (SSR & HTTP), `errors`, `analog` or `capacitor`. Only tabs that are on count. |
-| `id`     | No       | The item to select: a component id on `components`, the id of the component whose element injector to show on `injectors`, a form id on `forms`. Other tabs ignore it.                               |
-| `page`   | No       | The page the item belongs to, from `list-pages`.                                                                                                                                                     |
+| Argument | Required | What it is                                                                                                                                                                                                    |
+| -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `tab`    | Yes      | The tab: `dashboard`, `timeline`, `audit`, `components`, `routes`, `signals`, `injectors`, `store`, `forms`, `pipes`, `network` (SSR & HTTP), `errors`, `analog` or `capacitor`. Only tabs that are on count. |
+| `id`     | No       | The item to select: a component id on `components`, the id of the component whose element injector to show on `injectors`, a form id on `forms`. Other tabs ignore it.                                        |
+| `page`   | No       | The page the item belongs to, from `list-pages`.                                                                                                                                                              |
 
 The answer is a full URL, such as `http://localhost:4200/__devframes/pangular/#tab=components&id=12&page=k3x9`, when the hub serves the panel and a page has reported its address. Otherwise it is the hash to add to the panel's address. Each panel that is open and not in a background tab opens the link at once. The tool is `read`: it changes what the panel shows, not the app. See [Deep links](../getting-started/popup-and-hub.md#deep-links).
 
@@ -65,21 +65,21 @@ 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`, `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`                                                                                                                                                                                               |
+| 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`, `hydration` and `audit` |
+| `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 fifteen <code>action</code> and <code>destructive</code> tools act on the app. Your client can ask you before it runs them.
+  The sixteen <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).
+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, `hydration` only when it turns the overlay on or off, and `audit` only when it runs axe. See [Messages and badges](../getting-started/popup-and-hub.md#messages-and-badges).
 
 ### Turn tools off
 
-The server decides which tools exist. Set `agent.readOnly` to keep only the `read` tools. `change-detection` stays as a `read` tool without its `record`, `flash`, `track` and `angularProfiling` arguments, so it reads a recording the panel started. `hydration` stays as a `read` tool without its `overlay` argument. Set `agent.tools.<inspector>` to `false` to hide one inspector's tools and resources, and keep its tab. Turning an inspector off with `inspectors`, or blocking an action with `actions`, drops the matching tools too. `actions.router` is the exception: `navigate` stays for `instrument` and `resolve-lazy`, and refuses `navigate`, `abort`, `replay` and `probe`. See [Inspectors and agent tools](../getting-started/configuration.md#inspectors-and-agent-tools).
+The server decides which tools exist. Set `agent.readOnly` to keep only the `read` tools. `change-detection` stays as a `read` tool without its `record`, `flash`, `track` and `angularProfiling` arguments, so it reads a recording the panel started. `hydration` stays as a `read` tool without its `overlay` argument, and `audit` without its `axe` argument, so it reads the last axe pass the panel ran. Set `agent.tools.<inspector>` to `false` to hide one inspector's tools and resources, and keep its tab. Turning an inspector off with `inspectors`, or blocking an action with `actions`, drops the matching tools too. `actions.router` is the exception: `navigate` stays for `instrument` and `resolve-lazy`, and refuses `navigate`, `abort`, `replay` and `probe`. See [Inspectors and agent tools](../getting-started/configuration.md#inspectors-and-agent-tools).
 
 ## Source scan
 
@@ -630,6 +630,26 @@ The explainers are the ones the [Errors](../inspectors/errors.md#explainers) tab
 
 `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.
 
+## Audit
+
+### audit <ngmd-badge variant="alpha">Action</ngmd-badge>
+
+One ranked list of what is wrong on the page, gathered from the other inspectors, with an axe pass over the app on request. See [Audit](../inspectors/audit.md). Reads: page.
+
+Each finding has a severity, an area, the component, route or URL it is about, one line on why, and the tool to call for detail, with its arguments. The answer also lists key numbers (mean and slowest change detection cycle, wasted checks, retained components, open subscriptions after destroy, errors, axe violations and failed HTTP calls) and the areas it could not read, under **Coverage**.
+
+| Argument   | Required | Value                                                                                                                                                                        |
+| ---------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `axe`      | no       | `true` runs axe-core over the app first. Without it, the audit uses the last axe pass on the page.                                                                           |
+| `session`  | no       | `before` saves this audit as the page's baseline. `after` audits again and compares with the baseline. `clear` drops the baseline.                                           |
+| `area`     | no       | `accessibility`, `errors`, `hydration`, `change-detection`, `leaks`, `router`, `forms`, `http` or `pipes`. `accessibility` also lists the elements that break each axe rule. |
+| `severity` | no       | `error`, `warning` or `info`: only findings at that severity or above.                                                                                                       |
+| `limit`    | no       | Rows to list, 1 to 200. Default 30.                                                                                                                                          |
+
+The audit reuses each inspector's own checks: `diagnose-change-detection` hints and checks slower than 16 ms, `find-leaks`, `explain-error`, `hydration`, `lint-routes`, `lint-forms`, `list-http-calls` and `lint-pipes`. Change detection numbers need a recording from `change-detection`. Retention is not judged on a page whose Angular keeps DI debug data, the same as `find-leaks`. An area whose inspector is off, or whose agent tools are hidden with `agent.tools.<name>: false`, is left out, and **Coverage** says which. With the Components agent tools hidden, axe findings name no component or instance id.
+
+The axe pass loads axe-core into the page on demand and changes nothing in the app. It leaves out the overlay's own elements and frames, masks selectors, attributes and summaries, and leaves out text content. With `agent.readOnly`, the tool has no `axe` argument and is marked read-only, and it refuses `session: "clear"` and a `session: "before"` that would replace a baseline, so it never drops one the user took. Two audits that used the same axe pass don't compare accessibility, and a note says so. A reload of the tab drops its axe pass. A session is kept per page for 30 minutes after its last use, so it survives a reload of the tab. Comparing only works within one page id. See [Inspect, fix and verify](../guides/inspect-fix-verify.md) for the loop.
+
 ## Analog
 
 These tools cover *Analog apps. Most read your source. Some also read what the Vite plugin recorded.
diff --git a/apps/docs/src/content/getting-started/popup-and-hub.md b/apps/docs/src/content/getting-started/popup-and-hub.md
index e15e4b37..b3e7a7eb 100644
--- a/apps/docs/src/content/getting-started/popup-and-hub.md
+++ b/apps/docs/src/content/getting-started/popup-and-hub.md
@@ -152,7 +152,7 @@ When the page's server mounts the hub (`/__devframes/`), the button opens the wh
 | Dock           | Shows                                                                                                                                        |
 | -------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
 | All tools      | The full panel, with every tab in one tab bar (`/__devframes/pangular/`)                                                                     |
-| Angular        | Dashboard, Timeline, Components, Routes, Signals, Injectors, Forms, Pipes, SSR & HTTP, and Errors                                            |
+| Angular        | Dashboard, Timeline, Audit, Components, Routes, Signals, Injectors, Forms, Pipes, SSR & HTTP, and Errors                                     |
 | NgRx           | The Store tab                                                                                                                                |
 | Analog         | The Analog tab, or a notice in apps that do not use Analog                                                                                   |
 | Angular Native | Components, Signals, Injectors and Store for a connected [Angular Native](./angular-native.md) app, or a setup notice when none is connected |
@@ -217,6 +217,7 @@ The URL hash selects a tab. Open `/__devframes/pangular/#tab=signals` to land on
 | ---------- | ----------------- |
 | Dashboard  | `#tab=dashboard`  |
 | Timeline   | `#tab=timeline`   |
+| Audit      | `#tab=audit`      |
 | Components | `#tab=components` |
 | Routes     | `#tab=routes`     |
 | Signals    | `#tab=signals`    |
diff --git a/apps/docs/src/content/guides/inspect-fix-verify.md b/apps/docs/src/content/guides/inspect-fix-verify.md
new file mode 100644
index 00000000..3e67e77e
--- /dev/null
+++ b/apps/docs/src/content/guides/inspect-fix-verify.md
@@ -0,0 +1,120 @@
+---
+title: Inspect, fix and verify
+description: Let an agent audit the running app, fix what it finds and prove the fix with a before and after comparison.
+---
+
+<ngmd-hero title="Inspect, fix and verify" gradient>
+  Audit the live page, change the code, audit again and compare. The agent sees what it fixed, and what it broke.
+</ngmd-hero>
+
+# Inspect, fix and verify
+
+This guide walks an agent through one loop with the `audit` tool: take a baseline of the running page, fix a finding in the code, and compare the page after the change with the baseline. You can run the same loop by hand on the [Audit](../inspectors/audit.md) tab.
+
+## Before you start
+
+<ngmd-card-grid columns="3">
+  <ngmd-card icon="terminal" title="MCP over HTTP" link="/agents/mcp-server">
+    The agent connects to the MCP endpoint of the server that runs the app. The stdio server has no page.
+  </ngmd-card>
+  <ngmd-card icon="zap" title="A page in a browser" link="/getting-started/overlay">
+    The app is open with the overlay loaded, in a development build.
+  </ngmd-card>
+  <ngmd-card icon="shield" title="Action tools allowed" link="/getting-started/configuration">
+    <code>agent.readOnly</code> is off, so the agent can run axe and record change detection.
+  </ngmd-card>
+</ngmd-card-grid>
+
+## The loop
+
+<ngmd-workflow>
+  <ngmd-step title="Pick the page">
+    Find the page id with <code>list-pages</code>.
+  </ngmd-step>
+  <ngmd-step title="Record what you measure">
+    Start a change detection recording and use the app the way the user does.
+  </ngmd-step>
+  <ngmd-step title="Take the baseline">
+    Call <code>audit</code> with <code>session: "before"</code> and <code>axe: true</code>.
+  </ngmd-step>
+  <ngmd-step title="Read the detail and fix">
+    Call the detail tool each finding names, then change the code.
+  </ngmd-step>
+  <ngmd-step title="Repeat the same steps">
+    Wait for the reload, record again and use the app the same way.
+  </ngmd-step>
+  <ngmd-step title="Compare">
+    Call <code>audit</code> with <code>session: "after"</code> and <code>axe: true</code>.
+  </ngmd-step>
+</ngmd-workflow>
+
+## Step 1: Pick the page
+
+Call `list-pages`. If more than one tab reports, pass its id as `page` to every call below. Without `page`, each tool uses the most recent page, which can change when you open another tab.
+
+## Step 2: Record what you measure
+
+The audit reads what the inspectors already hold. Errors, hydration, router, form and HTTP findings are there as soon as the page reports. Change detection numbers need a recording:
+
+```json
+{"tool": "pangular:change-detection", "arguments": {"record": "start", "page": "k3x9"}}
+```
+
+Then use the app: open the screens and click what the change is about. Subscriptions after destroy need tracking, so call `track-subscriptions` with `action: "start"` too if leaks matter to the change.
+
+## Step 3: Take the baseline
+
+```json
+{"tool": "pangular:audit", "arguments": {"session": "before", "axe": true, "page": "k3x9"}}
+```
+
+The answer is the ranked list of findings, the key numbers and what the audit could not check. It saves the audit as the page's baseline for 30 minutes after its last use. A reload keeps the page id, so the baseline survives the rebuild after your change.
+
+## Step 4: Read the detail and fix
+
+Each finding names the tool that explains it, with the arguments to pass, such as `explain-error { id: "e1" }` or `diagnose-change-detection`. For accessibility findings, call `audit` with `area: "accessibility"`: it lists the elements that break each axe rule, their component and instance id, and a link to the rule. Pass an instance id to `inspect-component`, or to `highlight` to show the user where it is.
+
+Fix one area at a time, so the comparison says what each change did.
+
+## Step 5: Repeat the same steps
+
+After the reload, the recording, the leak data and the error list start again. Start a change detection recording and use the app the same way as before the change. The numbers only compare when the page did the same work.
+
+## Step 6: Compare
+
+```json
+{"tool": "pangular:audit", "arguments": {"session": "after", "axe": true, "page": "k3x9"}}
+```
+
+The answer adds a **Before and after** section:
+
+| Part        | What it shows                                                                                               |
+| ----------- | ----------------------------------------------------------------------------------------------------------- |
+| Numbers     | Each number before and after, with the difference marked better or worse. Lower is better for every number. |
+| Resolved    | Findings the baseline had and the after audit doesn't.                                                      |
+| New         | Findings only the after audit has. Look at these before you call the change done.                           |
+| Still there | Findings in both. When a count moved, it lists those findings, otherwise the first five.                    |
+
+When only one of the two audits ran axe, or both used the same pass, accessibility findings are not compared, and a note says so. A reload drops the page's last axe pass, so pass `axe: true` again after the change. Call `audit` with `session: "after"` again after another fix: it compares with the same baseline. Call it with `session: "before"` to start over from the current state, or `session: "clear"` to drop the baseline.
+
+## Show the user
+
+Call `open-in-panel` with `tab: "audit"` to give the user a link to the same list and comparison in the panel.
+
+## Gotchas
+
+<ngmd-callout type="warning" title="Read-only agents">
+  With <code>agent.readOnly</code>, <code>audit</code> has no <code>axe</code> argument and <code>change-detection</code> can't record. Run axe and the recording from the panel, and the agent's audit reads them.
+</ngmd-callout>
+
+- Findings are matched by area, rule and subject, not by position. A renamed component or route counts as one finding resolved and one new.
+- An area whose inspector or agent tools are off is left out, and **Coverage** names it.
+- Pipe findings come from the source scan, so they change only when the source does.
+
+## Where to next
+
+<ngmd-pill-row>
+  <ngmd-pill href="/inspectors/audit" title="Audit"></ngmd-pill>
+  <ngmd-pill href="/agents/tools" title="Agent tools"></ngmd-pill>
+  <ngmd-pill href="/agents/mcp-server" title="MCP server"></ngmd-pill>
+</ngmd-pill-row>
diff --git a/apps/docs/src/content/inspectors/audit.md b/apps/docs/src/content/inspectors/audit.md
new file mode 100644
index 00000000..ba150c6e
--- /dev/null
+++ b/apps/docs/src/content/inspectors/audit.md
@@ -0,0 +1,145 @@
+---
+title: Audit
+description: One ranked list of what the inspectors found on the running page, an axe pass over the app, and a before and after comparison of a change.
+---
+
+<ngmd-hero title="Audit" gradient>
+  Everything the inspectors found wrong on the page in one ranked list, with an accessibility pass and a way to measure a fix.
+</ngmd-hero>
+
+# Audit
+
+The Audit tab gathers the findings of the other inspectors into one list, ranked by severity. It adds an axe-core pass over the app when you run one. Take a baseline before a change and an after audit once it is in, and the tab compares the two: what was resolved, what is new, and how the key numbers moved.
+
+Agents get the same list from the `audit` tool. See [Agent tools](#agent-tools).
+
+## What it shows
+
+### Findings
+
+Each row is one finding:
+
+| Part           | What it shows                                                                                                                                                                   |
+| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Severity       | **error**, **warning** or **info**.                                                                                                                                             |
+| Area           | The inspector it comes from, or **Accessibility** for the axe pass.                                                                                                             |
+| Subject        | The component class, route, form, URL or pipe it is about.                                                                                                                      |
+| Count          | How many times or places it occurs, as **3×**.                                                                                                                                  |
+| Why            | One line on why it is a problem. Values are masked like other live data.                                                                                                        |
+| Rule           | The check's id, such as `onpush-candidate`, `wildcard-not-last` or `image-alt`.                                                                                                 |
+| Agent tool     | The tool that explains the finding in detail, with its arguments, such as `explain-error { id: "e1" }`.                                                                         |
+| Show component | For errors and hydration mismatches, opens the [Components](./components.md) tab on the component. Only with the Components inspector on.                                       |
+| Show in page   | For other findings that map to an element, such as an axe violation, scrolls the page to it and draws a box around. Only with the Components inspector on, which draws the box. |
+
+Errors come first, then warnings, then info. Within a severity, accessibility comes first, then errors, hydration, change detection, leaks, router, forms, HTTP and pipes, and then the finding that occurs most often. Filter by text, **Area** or **Severity**, and press `Escape` to clear the search. Hovering a row with an element outlines that element in the app, when the Components inspector is on.
+
+### Where the findings come from
+
+The audit runs no check of its own. It reads what each inspector already collected and turns its results into findings.
+
+| Area             | Findings                                                                                                                                                                                                                | Detail tool                 |
+| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |
+| Accessibility    | Each axe rule the app breaks, per component, with the rule's impact as severity: critical and serious are errors, moderate a warning, minor info.                                                                       | `audit` with `area`         |
+| Errors           | Each error group, with its count and owning component.                                                                                                                                                                  | `explain-error`             |
+| Hydration        | Mismatches, server HTML that was not hydrated at all, and hosts that skip hydration.                                                                                                                                    | `hydration`                 |
+| Change detection | The hints of the [change detection diagnosis](./components.md#change-detection): OnPush candidates, inputs mutated in place, components that depend on zone.js. Also components whose slowest check took 16 ms or more. | `diagnose-change-detection` |
+| Leaks            | Components still retained after destroy, and subscriptions still open after their component went away.                                                                                                                  | `find-leaks`                |
+| Router           | The findings of [Router Lint](./router.md), redirect loops included.                                                                                                                                                    | `lint-routes`               |
+| Forms            | The findings of Forms Lint, and NG01xxx setup errors.                                                                                                                                                                   | `lint-forms`                |
+| HTTP             | Failed `HttpClient` calls by endpoint, calls a fault rule failed, and calls the browser fetched again because the transfer cache did not keep them.                                                                     | `list-http-calls`           |
+| Pipes            | The findings of the pipe lint, from the source scan.                                                                                                                                                                    | `lint-pipes`                |
+
+### Key numbers
+
+Under the list, the tab shows the numbers a before and after comparison reads:
+
+| Number                           | Source                                                                       |
+| -------------------------------- | ---------------------------------------------------------------------------- |
+| Change detection cycles          | The cycles of the current recording.                                         |
+| Mean cycle time, slowest cycle   | The duration of those cycles, in ms.                                         |
+| Wasted checks                    | Refreshed checks that changed nothing, as a count and a share of all checks. |
+| Retained components              | Destroyed components still in memory after enough navigations.               |
+| Open subscriptions after destroy | Counted while subscription tracking is on.                                   |
+| Error groups, error occurrences  | The errors the page hit since it loaded.                                     |
+| axe rules broken, axe elements   | From the last axe pass.                                                      |
+| Failed HTTP calls                | Failed calls the page made, cancelled calls and fault rules left out.        |
+| Errors, warnings and info found  | The findings by severity.                                                    |
+
+A number shows only when its area could be read. **Not checked** lists the areas the audit could not read and why, such as a missing change detection recording or an inspector that is turned off.
+
+### Run axe
+
+**Run axe** runs [axe-core](https://github.com/dequelabs/axe-core) over the app on the page. The overlay loads axe-core only then, so a page that never runs a pass doesn't download it. The pass:
+
+- Leaves out the overlay's own elements: the popup, the change detection flash layer, the hydration outline and the highlight box.
+- Skips frames, and reports violations only.
+- Reads the DOM and changes nothing in the app.
+- Masks selectors, attributes and axe's summaries, and leaves out text content and `value` attributes. `alt`, `title`, `aria-label` and `name` values are always replaced, since they can hold personal text.
+- Names the component whose template holds each element, when the Components inspector is on.
+
+The tab keeps the last pass of each page, and the status line says when it ran. A reload of the page drops its pass, since the elements it names are gone. A page whose overlay has no axe pass, or that takes more than 45 seconds, gets an error that says so.
+
+### Before and after
+
+<ngmd-workflow>
+  <ngmd-step title="Take a baseline">
+    Run axe and record change detection if you want their numbers, then click <strong>Take baseline</strong>.
+  </ngmd-step>
+  <ngmd-step title="Make the change">
+    Edit the code. The page reloads with the same page id, so the baseline stays.
+  </ngmd-step>
+  <ngmd-step title="Take an after audit">
+    Run axe and record the same interactions again, then click <strong>Take after audit</strong>.
+  </ngmd-step>
+</ngmd-workflow>
+
+The comparison shows each number before and after, with the change marked **better** or **worse** (lower is better for every number). Under it, **Resolved** lists findings the after audit no longer has, **New** the ones only it has, and **Changed count** the findings whose count moved. When only one of the two audits ran axe, or both used the same axe pass, accessibility findings are left out of the comparison, and a note says so. Run axe again after the change. A baseline an agent took compares with an after audit you take here, and the other way round. Taking another baseline drops the after audit. **Clear** drops both.
+
+### Pages
+
+When several tabs report, **Page** picks the one to audit. The panel of a tab starts on that tab.
+
+## Agent tools
+
+| Tool             | What it does                                                                                                                                                                                                          |
+| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `pangular:audit` | The ranked findings with the tool to call for each, the key numbers and what could not be checked. `axe: true` runs a fresh axe pass first. `session` takes a baseline (`before`), compares (`after`) or `clear`s it. |
+
+The tool is an `action` tool because of `axe`. With `agent.readOnly`, it has no `axe` argument, reads the last pass the panel ran, and is marked read-only. It can then take a baseline only for a page that has none, and compare with it: `session: "clear"`, and `session: "before"` over an existing baseline, are refused, so the agent never drops a baseline you took. An area whose agent tools are hidden with `agent.tools.<name>: false` is left out of the agent's answer, and **Coverage** says its agent tools are off. The panel still shows it. With the Components inspector's agent tools off, the axe findings name no component and no instance id. See [Tools](../agents/tools.md#audit) and [Inspect, fix and verify](../guides/inspect-fix-verify.md).
+
+## Limits and gotchas
+
+<ngmd-callout type="info" title="Values are redacted">
+  Messages, routes, URLs and axe selectors are masked like other live values: secret field names, JWTs, bearer tokens and secret <code>key=value</code> pairs. See <a href="../security.md#what-is-redacted">Access and redaction</a>.
+</ngmd-callout>
+
+### Caps
+
+| What                     | Kept                                             |
+| ------------------------ | ------------------------------------------------ |
+| Findings per audit       | 300, the most severe first.                      |
+| axe rules per pass       | 100, the ones with the most elements first.      |
+| Elements per axe rule    | 20. The count still covers all of them.          |
+| Pages with a session     | 10. The one unused the longest goes first.       |
+| Session and axe pass age | 30 minutes after their last use, then forgotten. |
+
+### Numbers depend on what you did
+
+Change detection numbers come from the current recording, and leak and error counts start again when the page reloads. To compare a change, do the same things on the page before each audit, and record change detection for both.
+
+### Retention with DI debug data
+
+On Angular 16.2 and later in a development build, Angular's DI debug data keeps every destroyed component in memory, so the audit, like [find-leaks](./components.md#leaks), doesn't judge retention there. Open subscriptions after destroy still count.
+
+### It needs a live page
+
+The audit reads what connected pages report. A [static report](../getting-started/cli.md#static-report) has no page, so the tab says so.
+
+## Where to next
+
+<ngmd-pill-row>
+  <ngmd-pill href="/guides/inspect-fix-verify" title="Inspect, fix and verify"></ngmd-pill>
+  <ngmd-pill href="/inspectors/components" title="Components"></ngmd-pill>
+  <ngmd-pill href="/inspectors/errors" title="Errors"></ngmd-pill>
+  <ngmd-pill href="/agents/tools" title="Agent tools"></ngmd-pill>
+</ngmd-pill-row>
diff --git a/apps/docs/src/ngmd.config.ts b/apps/docs/src/ngmd.config.ts
index f5f526b7..da58148a 100644
--- a/apps/docs/src/ngmd.config.ts
+++ b/apps/docs/src/ngmd.config.ts
@@ -209,6 +209,7 @@ const config: NgmdConfig = {
         {label: 'Analog', href: '/inspectors/analog', status: 'new'},
         {label: 'Capacitor', href: '/inspectors/capacitor', status: 'new'},
         {label: 'Errors', href: '/inspectors/errors', status: 'new'},
+        {label: 'Audit', href: '/inspectors/audit', status: 'new'},
       ],
     },
     {
@@ -228,6 +229,7 @@ const config: NgmdConfig = {
         {label: 'Set up NativeScript', href: '/guides/nativescript'},
         {label: 'Set up Angular Native', href: '/guides/angular-native'},
         {label: 'Set up Capacitor', href: '/guides/capacitor', status: 'new'},
+        {label: 'Inspect, fix and verify', href: '/guides/inspect-fix-verify', status: 'new'},
       ],
     },
     {
diff --git a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-Cq6OpQlN.js b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-B_f3HV4w.js
similarity index 93%
rename from extension/ui/assets/browser-agent-rpc-BXhoSh1z-Cq6OpQlN.js
rename to extension/ui/assets/browser-agent-rpc-BXhoSh1z-B_f3HV4w.js
index 8dce9762..80939169 100644
--- a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-Cq6OpQlN.js
+++ b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-B_f3HV4w.js
@@ -1 +1 @@
-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
+import{t as e}from"./index-DJ-lPKba.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-CyKw4x-n.js b/extension/ui/assets/index-DJ-lPKba.js
similarity index 81%
rename from extension/ui/assets/index-CyKw4x-n.js
rename to extension/ui/assets/index-DJ-lPKba.js
index e2800fd0..f5439644 100644
--- a/extension/ui/assets/index-CyKw4x-n.js
+++ b/extension/ui/assets/index-DJ-lPKba.js
@@ -5,10 +5,10 @@
   `):``,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-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%] {
+`))}}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-B_f3HV4w.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:`audit`,label:`Audit`},{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))}function dD(e,t){e&1&&(D(),Vg(0,`path`,14)(1,`path`,15)(2,`path`,16))}function fD(e,t){e&1&&(D(),Vg(0,`circle`,17)(1,`path`,18)(2,`circle`,19))}function pD(e,t){e&1&&(D(),Vg(0,`path`,1))}function mD(e,t){e&1&&(D(),Vg(0,`path`,20)(1,`path`,21)(2,`path`,22)(3,`path`,23))}function hD(e,t){e&1&&(D(),Vg(0,`ellipse`,24)(1,`path`,25)(2,`path`,26))}function gD(e,t){e&1&&(D(),Vg(0,`rect`,27)(1,`path`,28)(2,`path`,29)(3,`path`,30))}function _D(e,t){e&1&&(D(),Vg(0,`circle`,31)(1,`path`,8)(2,`path`,32))}function vD(e,t){e&1&&(D(),Vg(0,`path`,33)(1,`path`,34)(2,`path`,35)(3,`path`,36)(4,`circle`,37))}function yD(e,t){e&1&&(D(),Vg(0,`circle`,38)(1,`path`,39))}function bD(e,t){e&1&&(D(),Vg(0,`circle`,31)(1,`path`,40)(2,`path`,41))}function xD(e,t){e&1&&(D(),Vg(0,`path`,2))}function SD(e,t){e&1&&(D(),Vg(0,`path`,3))}var CD=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:16,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`,`M9 11l2 2 4-4`],[`d`,`M12 3 4 6v6c0 4.5 3.4 8.3 8 9 4.6-.7 8-4.5 8-9V6l-8-3Z`],[`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,2,0)(4,dD,3,0)(5,fD,3,0)(6,pD,1,0,`:svg:path`,1)(7,mD,4,0)(8,hD,3,0)(9,gD,4,0)(10,_D,3,0)(11,vD,5,0)(12,yD,2,0)(13,bD,3,0)(14,xD,1,0,`:svg:path`,2)(15,SD,1,0,`:svg:path`,3),V()),e&2){let e;k(),N((e=t.name())===`dashboard`?1:e===`timeline`?2:e===`audit`?3:e===`components`?4:e===`routes`?5:e===`signals`?6:e===`injectors`?7:e===`store`?8:e===`forms`?9:e===`network`?10:e===`pipes`?11:e===`settings`?12:e===`errors`?13:e===`analog`?14:e===`capacitor`?15:-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%] {
+}`]})},wD=(e,t)=>t.tab,TD=(e,t)=>t.label;function ED(e,t){e&1&&J(0),e&2&&X(` `,G().meta()?.projectName,` `)}function DD(e,t){e&1&&J(0,` Project details unavailable `)}function OD(e,t){e&1&&J(0,` Loading… `)}function kD(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function AD(e,t){e&1&&J(0,` Check that the dev server is running. `)}function jD(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 MD(e,t){if(e&1&&(L(0,`p`,10),M(1,kD,4,0)(2,AD,1,0),R(),M(3,jD,2,0,`button`,11)),e&2){let e=G();k(),N(e.staticReport()?1:2),k(2),N(e.staticReport()?-1:3)}}function ND(e,t){e&1&&(L(0,`li`,5)(1,`span`),J(2,`Analog`),R(),J(3),R()),e&2&&(k(3),Y(t))}function PD(e,t){e&1&&(L(0,`li`)(1,`span`),J(2,`Change detection`),R(),J(3),R()),e&2&&(k(3),Y(t))}function FD(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 ID(e,t){e&1&&(L(0,`span`,21),J(1,`–`),R(),L(2,`span`,20),J(3,`Count unavailable`),R())}function LD(e,t){e&1&&(z(0,`span`,22),L(1,`span`,20),J(2,`Counting…`),R())}function RD(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,FD,4,2)(9,ID,4,0)(10,LD,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 zD(e,t){e&1&&(L(0,`p`),J(1,`Loading…`),R())}function BD(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 VD(e,t){if(e&1&&(L(0,`dl`),P(1,BD,5,2,`div`,null,TD),R()),e&2){let e=G();k(),F(e.configItems())}}function HD(e,t){e&1&&(L(0,`p`),J(1,`Defaults`),R())}var UD=[{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 WD(e){return UD.filter(t=>sD(t.tab,e))}var GD={zoneless:`Zoneless`,zone:`zone.js`,"zone-unused":`Zoneless, zone.js loaded`};function KD(e){return e&&Object.hasOwn(GD,e)?GD[e]:null}var qD=new Set([`signal`,`computed`,`linkedSignal`,`effect`]),JD={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 YD(e,t,n){return`${e} ${e===1?t:n}`}function XD(e,t){for(let n of e??[])t(n),XD(n.children,t)}function ZD(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 · ${YD(t,`directive`,`directives`)}`}}function QD(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 · ${YD(t,`redirect`,`redirects`)}`}}function $D(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]=JD[e]??[e,e];return YD(t,n,r)});return{value:e.length,sub:n.join(` · `)}}function eO(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 tO(e){return e.cancelled||e.status===void 0?!1:e.status===0||e.status>=400}function nO(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(tO).length;return{value:o.length,sub:`${o.length===1?`call`:`calls`} · ${s} failed`}}var rO=class e{rpc=$(null);navigate=Rv();staticReport=Q(()=>UE(this.rpc()));meta=O(null);config=Q(()=>nD(this.rpc()));stats=Q(()=>this.rpc()?WD(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(()=>KD(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 XD(e.roots,r),XD(e.environment,r),{injectors:t,providers:n}});liveSignals=Q(()=>{let e=BE(this.signalGraph(),this.pageId);return e?.nodes?.length?e.nodes.filter(e=>qD.has(e.kind??``)).length:null});cards=Q(()=>{let e=this.rows(),t={};if(e.components&&(t.components=ZD(e.components)),e.routes&&(t.routes=QD(e.routes)),e.store&&(t.store=$D(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 · ${YD(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=eO(i,this.pageId));let a=this.httpState();return a&&(t.network=nO(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,ED,1,1)(6,DD,1,0)(7,OD,1,0),R(),M(8,MD,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,ND,4,1,`li`,5),M(23,PD,4,1,`li`),R()(),L(24,`div`,6),P(25,RD,11,6,`button`,7,wD),R(),L(27,`section`,8)(28,`h2`,9),J(29,`Configuration`),R(),M(30,zD,2,0,`p`)(31,VD,3,0,`dl`)(32,HD,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:[CD],styles:[`[_nghost-%COMP%] {
   display: block;
   max-width: 1200px;
 }
@@ -325,7 +325,7 @@ h2.muted[_ngcontent-%COMP%] {
   .skeleton[_ngcontent-%COMP%] {
     animation: none;
   }
-}`]})},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%] {
+}`]})},iO=`pangular:panel-action-result`,aO=6e3,oO=0;function sO(e=window){return e.location.protocol===`chrome-extension:`&&e.parent!==e}function cO(e,t=window){let n=`pa-${Date.now().toString(36)}-${++oO}`;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!==iO||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`}),aO);t.addEventListener(`message`,a),t.parent.postMessage({...e,requestId:n},t.location.origin)})}var lO=class e{available=sO();reveal(e,t){return cO({type:`pangular:reveal-element`,pageId:e,id:t})}openSource(e,t,n){return cO({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 uO(e){let t=e?.pages;return t&&typeof t==`object`?t:{}}function dO(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(uO(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 fO(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 pO=[`*`];function mO(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 hO=`https://pangular-inspector.dev/getting-started/installation/#supported-angular-versions`,gO=class e{page=$(null);capability=$.required();missing=$(!1,{transform:oy});compact=$(!1,{transform:oy});docsUrl=hO;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:pO,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,mO,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 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%] {
+}`]})};function _O(e){return e?.platform===`angular-native`}function vO(e){return _O(e)||e?.platform===`nativescript`}function yO(e,t){let n=Object.values(e??{}).filter(_O);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 bO=[`trigger`],xO=[`list`],SO=(e,t)=>t.value;function CO(e,t){if(e&1&&(B(0,`span`,4),J(1),V()),e&2){let e=G();k(),Y(e.current().hint)}}function wO(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.hint)}}function TO(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,wO,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 EO(e,t){if(e&1&&(B(0,`li`,10),J(1),V()),e&2){let e=G(2);k(),Y(e.emptyText())}}function DO(e,t){if(e&1&&(B(0,`ul`,8,1),_g(`list-in`),W(`pointerdown`,function(e){return e.preventDefault()}),P(2,TO,6,9,`li`,9,SO,!1,EO,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 OO=0,kO=class e{options=$.required();value=Gv(null);placeholder=$(`Select…`);ariaLabel=$(``);labelledBy=$(``);describedBy=$(``);disabled=$(!1);emptyText=$(`Nothing to choose`);uid=`app-select-${++OO}`;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,bO,5)(t.list,xO,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,CO,2,1,`span`,4),D(),B(5,`svg`,5),Vg(6,`path`,6),V()(),M(7,DO,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 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%] {
+}`]})};function AO(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 jO(e){return e.flatMap(e=>e.kind===`directive`?jO(e.children):[{...e,children:jO(e.children)}])}function MO(e){return(e.attributes?.length?e.attributes:e.directives??[e.name]).map(e=>`[${e}]`).join(` `)}var NO={hydrated:`Hydrated`,skipped:`Skipped`,mismatched:`Mismatch`,client:`Client`};function PO(e){return NO[e]}function FO(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 IO(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 LO(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 RO(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&&!zO(t.roots,i)?{pageId:r,selectedId:null,detailId:n,destroyed:i}:{pageId:r,selectedId:i,detailId:n,destroyed:null}}function zO(e,t){return e.some(e=>e.id===t||zO(e.children,t))}function BO(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 VO=(e,t)=>t.key,HO=(e,t)=>t.id;function UO(e,t){e&1&&(B(0,`p`,2),J(1,` The HTML came from the server, but no component was hydrated, so the app rendered again on the client. Add `),B(2,`code`),J(3,`provideClientHydration()`),V(),J(4,` and use a development build to see each component's status. `),V())}function WO(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 GO(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 KO(e,t){if(e&1&&(B(0,`span`,15),J(1,`Found `),B(2,`code`),J(3),V()()),e&2){let e=G().$implicit;k(3),Y(e.actual)}}function qO(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,GO,4,1,`span`,15),M(7,KO,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 JO(e,t){if(e&1&&(B(0,`h3`,10),J(1,`Mismatches`),V(),B(2,`ul`,11),P(3,qO,8,4,`li`,null,HO),V()),e&2){let e=G(2);k(3),F(e.mismatches)}}function YO(e,t){if(e&1){let e=H();B(0,`div`,3)(1,`ul`,4),P(2,WO,4,4,`li`,5,VO),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,JO,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 XO(e,t){e&1&&M(0,UO,5,0,`p`,2)(1,YO,9,2),e&2&&N(+!!t.hydrated)}function ZO(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 QO=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,XO,2,1)(4,ZO,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 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%] {
+}`]})};function $O(e){return new Date(e).toLocaleTimeString()}var ek=/[ \t\n\r]/;function tk(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(;ek.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+=`: `:ek.test(n)||(r+=n)}return r}function nk(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 rk=`https://pangular-inspector.dev/getting-started/configuration/#limits`,ik=class e{dropped=$(0);max=$.required();what=$.required();limit=$.required();docsUrl=rk;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,nk,7,6,`p`,0),e&2&&N(t.dropped()>0?0:-1)},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -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}:{},...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%] {
+}`]})},ak=864e13,ok=200,sk=300,ck=100,lk=10,uk=100,dk=2e3,fk=2e3,pk=4e3,mk=1e3,hk=100,gk=3,_k=50,vk={component:`c`,hook:`h`,afterRender:`r`,output:`o`},yk=Object.values(vk),bk=e=>!!e&&typeof e==`object`&&!Array.isArray(e),xk=e=>typeof e==`number`&&Number.isFinite(e)&&e>=0?e:0,Sk=(e,t)=>typeof e==`string`?e.slice(0,t):``,Ck=e=>xk(e)>0?xk(e):void 0,wk=(e,t)=>Array.isArray(e)?e.slice(0,t):[];function Tk(e){if(!bk(e))return null;let t=Sk(e.name,ok);return t?{name:t,checks:xk(e.checks),ms:xk(e.ms)}:null}function Ek(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>mk||typeof o!=`string`||!yk.includes(o)?null:[n,r,xk(i),a,o]}function Dk(e,t){if(!bk(e)||typeof e.id!=`number`)return null;let n=wk(e.components,lk).map(Tk).filter(e=>!!e),r=Sk(e.trigger,sk),i=wk(e.spans,40).map(e=>Ek(e,t)).filter(e=>!!e),a=Array.isArray(e.spans)?e.spans.length-40:0,o=Math.floor(xk(e.droppedSpans))+Math.max(0,a),s={t:typeof e.t==`number`?xk(e.t):void 0,hookMs:Ck(e.hookMs),afterRenderMs:Ck(e.afterRenderMs),outputMs:Ck(e.outputMs)},c=jk(e.cause),l=Ck(e.refreshed),u=Ck(e.unchanged);return{id:xk(e.id),at:xk(e.at),ms:xk(e.ms),passes:xk(e.passes),...r?{trigger:r}:{},checks:xk(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 Ok=[`event`,`http`,`timer`,`signal`,`effect`,`markForCheck`,`input`,`view`,`tick`,`zone`,`unknown`],kk={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`},Ak=e=>typeof e==`string`&&Ok.includes(e);function jk(e){if(!bk(e)||!Ak(e.kind))return;let t=[`component`,`listener`,`event`,`target`,`signal`,`task`],n={kind:e.kind};Ak(e.via)&&(n.via=e.via);for(let r of t){let t=Sk(e[r],ok);t&&(n[r]=t)}e.zone===!0&&(n.zone=!0);let r=wk(e.stack,gk).map(e=>Sk(e,sk)).filter(Boolean);r.length&&(n.stack=r);let i=Math.floor(xk(e.more));return i&&(n.more=i),n}function Mk(e){if(!bk(e))return null;let t=Sk(e.name,ok);if(!t)return null;let n=e.strategy;return{name:t,refreshed:Math.floor(xk(e.refreshed)),unchanged:Math.floor(xk(e.unchanged)),...n===`OnPush`||n===`Eager`?{strategy:n}:{}}}function Nk(e){if(!bk(e))return null;let t=Sk(e.name,ok),n=Sk(e.input,ok);if(!t||!n)return null;let r=Sk(e.parent,ok);return{name:t,input:n,...r?{parent:r}:{},inPlace:Math.floor(xk(e.inPlace)),sameContents:Math.floor(xk(e.sameContents))}}function Pk(e){if(!bk(e))return null;let t=Sk(e.name,ok);if(!t)return null;let n=wk(e.tasks,3).map(e=>Sk(e,ok)).filter(Boolean);return{name:t,ticks:Math.floor(xk(e.ticks)),...n.length?{tasks:n}:{}}}function Fk(e){if(!bk(e))return;let t={};if(bk(e.causes))for(let n of Ok){let r=Math.floor(xk(e.causes[n]));r&&(t[n]=r)}let n=wk(e.components,uk).map(Mk).filter(e=>!!e),r=wk(e.inputs,_k).map(Nk).filter(e=>!!e),i=wk(e.zone,_k).map(Pk).filter(e=>!!e),a=Math.floor(xk(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 Ik(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(`${kk[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 ${kk[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 Lk(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 Rk(e){let t=Tk(e);return!t||!bk(e)?null:{...t,maxMs:xk(e.maxMs),cycles:xk(e.cycles)}}function zk(e){if(!bk(e))return null;let t=Sk(e.name,ok),n=Sk(e.hook,ck);if(!t||!n)return null;let{calls:r,ms:i,maxMs:a}=e;return{name:t,hook:n,calls:xk(r),ms:xk(i),maxMs:xk(a)}}function Bk(e){if(!bk(e))return null;let t=Sk(e.name,ok);if(!t)return null;let n=Sk(e.listener,ok);return{name:t,...n?{listener:n}:{},calls:xk(e.calls),ms:xk(e.ms),maxMs:xk(e.maxMs)}}function Vk(e){if(bk(e)&&xk(e.runs))return{runs:xk(e.runs),ms:xk(e.ms),maxMs:xk(e.maxMs)}}function Hk(e,t){if(!bk(e))return null;let n=wk(e.spanNames,pk).map(e=>Sk(e,sk)),r=Array.isArray(e.cycles)?e.cycles.slice(-Math.min(t,fk)).map(e=>Dk(e,n.length)).filter(e=>!!e):[],i={},a=0;if(bk(e.hosts)){let t=Object.entries(e.hosts);a=Math.max(0,t.length-dk);for(let[e,n]of t.slice(0,dk))e.length<50&&xk(n)&&(i[e]=xk(n))}let o=Array.isArray(e.components)?e.components:[],s=Math.floor(xk(e.droppedClasses))+Math.max(0,o.length-uk),c=Math.floor(xk(e.droppedHosts))+a,l=wk(e.hooks,hk).map(zk).filter(e=>!!e),u=wk(e.outputs,hk).map(Bk).filter(e=>!!e),d=Math.max(0,wk(e.hooks,1/0).length-hk)+Math.max(0,wk(e.outputs,1/0).length-hk),f=Math.floor(xk(e.droppedTimings))+d,p=Vk(e.afterRender),m=r.some(e=>e.spans?.length),h=Fk(e.diagnosis);return{recording:e.recording===!0,startedAt:typeof e.startedAt==`number`&&e.startedAt<=ak?xk(e.startedAt):null,dropped:xk(e.dropped),cycles:r,components:o.slice(0,uk).map(Rk).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 Uk=`pangular-inspector/change-detection`;function Wk(e,t,n=Date.now()){return{format:Uk,version:1,exportedAt:n,pageId:t,recording:{...Hk(e,fk)??e,recording:!1,hosts:{}}}}function Gk(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(!bk(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=bk(n.recording)?n.recording:n;if(!Array.isArray(r.cycles))return{ok:!1,error:`The file has no change detection cycles.`};let i=Hk(r,t);if(!i)return{ok:!1,error:`The file is not a recording.`};let a=Sk(n.pageId??r.pageId,49)||`imported`,o=Ck(n.exportedAt);return{ok:!0,pageId:a,...o?{exportedAt:o}:{},recording:{...i,recording:!1}}}var Kk=1,qk=1,Jk=2,Yk={c:`component`,h:`lifecycle-hook`,r:`after-render`,o:`output`},Xk=e=>Math.round(e*1e6)/1e3;function Zk(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:Kk,tid:qk,ts:Xk(e),dur:Xk(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:Ik(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===vk.output){let n=e+i;a.push({name:l,cat:Yk[d],ph:`X`,pid:Kk,tid:Jk,ts:Xk(n),dur:Xk(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:Yk[d],ph:`X`,pid:Kk,tid:qk,ts:Xk(f),dur:Xk(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=Xk((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:Kk,tid:e,args:{name:n}});return{traceEvents:[l(0,`process_name`,`Angular change detection (page ${t})`),l(qk,`thread_name`,`Change detection`),l(Jk,`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<=ak?{startedAt:new Date(e.startedAt).toISOString()}:{}}}}var Qk=16.6;function $k(e){return e.ms>Qk}function eA(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}function tA(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 nA(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 rA(e){let t=e.reduce((e,t)=>Math.max(e,t.ms),0);return Math.max(t,Qk*1.25)}function iA(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 aA={c:`component`,h:`hook`,r:`afterRender`,o:`output`};function oA(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 sA(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:oA(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 cA=(e,t)=>t.kind,lA=(e,t)=>t.name,uA=(e,t)=>t.name+`.`+t.input;function dA(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 fA(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 pA(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,fA,5,2,`tr`,null,cA),V()()),e&2){let e=G(2);k(8),F(e.causes())}}function mA(e,t){e&1&&(B(0,`p`,3),J(1,`No cycle has a cause yet.`),V())}function hA(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 gA(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,hA,7,3,`tr`,null,lA),V()()),e&2){let e=G(3);k(10),F(e.zone())}}function _A(e,t){if(e&1&&(B(0,`p`,3),J(1),V()),e&2){let e=G(3);k(),Y(e.zoneNote())}}function vA(e,t){if(e&1&&(B(0,`div`)(1,`h4`),J(2,`Depends on zone.js`),V(),M(3,gA,12,0,`table`)(4,_A,2,1,`p`,3),V()),e&2){let e=G(),t=G();k(3),N(t.zone().length?3:e.triggers?4:-1)}}function yA(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 bA(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 xA(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,bA,9,5,`tr`,null,lA),V()()),e&2){let e=G(2);k(12),F(e.wasted())}}function SA(e,t){e&1&&(B(0,`p`,3),J(1,`Every refreshed check changed something.`),V())}function CA(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 wA(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,CA,9,5,`tr`,null,uA),V()()),e&2){let e=G(2);k(14),F(e.inputs())}}function TA(e,t){if(e&1&&(B(0,`li`),J(1),V()),e&2){let e=t.$implicit;k(),Y(e.text)}}function EA(e,t){if(e&1&&(B(0,`h4`),J(1,`Hints`),V(),B(2,`ul`,8),P(3,TA,2,1,`li`,null,kg),V()),e&2){let e=G(2);k(3),F(e.hints())}}function DA(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,dA,2,0,`p`,3)(8,pA,10,0,`table`)(9,mA,2,0,`p`,3),V(),M(10,vA,5,1,`div`),V(),B(11,`h4`),J(12,`Wasted checks`),V(),M(13,yA,2,0,`p`,3)(14,xA,14,0,`table`)(15,SA,2,0,`p`,3),M(16,wA,16,0),M(17,EA,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 OA=10,kA=class e{page=$(null);diagnosis=Q(()=>this.page()?.diagnosis??null);causes=Q(()=>{let e=this.diagnosis()?.causes??{};return Ok.filter(t=>e[t]).map(t=>({kind:t,label:kk[t],count:e[t]}))});zone=Q(()=>(this.diagnosis()?.zone??[]).slice(0,OA));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,OA));inputs=Q(()=>(this.diagnosis()?.inputs??[]).slice(0,OA));hints=Q(()=>Lk(this.diagnosis()??void 0).slice(0,OA));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,DA,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;
-}`]})},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%] {
+}`]})},AA=(e,t)=>t.cycle.id,jA=(e,t)=>t.id;function MA(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 NA(e,t){if(e&1&&Vg(0,`div`,28),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function PA(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 FA(e,t){e&1&&(B(0,`span`,33),J(1,`over budget`),V())}function IA(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 LA(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 RA(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,FA,2,0,`span`,33),V(),M(7,IA,4,1,`p`),B(8,`p`),J(9),V(),P(10,LA,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 zA(e,t){if(e&1&&Vg(0,`span`),e&2){let e=t.$implicit;q(`over`,e.over)}}function BA(e,t){if(e&1&&J(0),e&2){let e=t,n=G(2);Z(` `,e.name,` (`,n.fmt(e.ms),`) `)}}function VA(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,BA,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 HA=0,UA=80,WA=10,GA=class e{cycles=$([]);range=Gv(null);gapUntil=UA;budgetLabel=`${Qk} ms budget`;uid=`cd-chart-${HA++}`;hintId=`${this.uid}-hint`;active=O(null);anchor=null;dragging=!1;hover=O(null);focused=O(!1);max=Q(()=>rA(this.cycles()));budgetAt=Q(()=>Qk/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:$k(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(()=>tA(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($k).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 ${Qk} 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:$k(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 eA(e)}isOver(e){return $k(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}`,eA(e.ms)];$k(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} ${eA(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+WA;break;case`PageUp`:r=n-WA;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,MA,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,NA,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,PA,2,12,`div`,13,AA),V(),M(28,RA,12,12,`div`,14),V()(),B(29,`div`,15),P(30,zA,1,2,`span`,16,AA),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,VA,15,7,`tr`,null,jA),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;
   }
-}`]})},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%] {
+}`]})},KA=(e,t)=>t.id,qA=(e,t)=>t.index,JA=(e,t)=>t.kind;function YA(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 XA(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 ZA(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 QA(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 $A(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 ej(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 tj(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,ej,15,9,`tr`,null,qA),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 nj(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,XA,2,5,`span`,3,KA),V(),B(4,`div`,4),P(5,ZA,3,16,`button`,5,qA),V()(),B(7,`p`,6),J(8),V(),B(9,`ul`,7),P(10,QA,3,4,`li`,null,JA),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,$A,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,tj,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 rj(e,t){if(e&1&&(B(0,`h3`),J(1,`Spans in the picked cycles`),V(),M(2,YA,2,2,`p`,0)(3,nj,19,6)),e&2){let e,t=G();k(2),N(t.tooMany()?2:(e=t.graph())?3:-1,e)}}var ij=22;function aj(e,t){for(let n=e.length-1;n>=0;n--)if(t(e[n]))return e[n]}var oj=class e{cycles=$([]);names=$([]);scope=$(`the recording`);pick=Rv();row=ij;max=30;kinds=[`c`,`h`,`r`,`o`].map(e=>({kind:e,label:aA[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:sA(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 eA(e)}kindLabel(e){return aA[e.kind]}onToggle(e){this.tableOpen.set(e.target.open)}describe(e){let t=[e.name,aA[e.kind],`${eA(e.ms)} total`];return e.selfMs!==e.ms&&t.push(`${eA(e.selfMs)} self`),t.push(e.start<0?`cycle ${e.cycleId}, ${eA(-e.start)} before it started`:`cycle ${e.cycleId} at ${eA(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=aj(t,e=>e.index<n.index&&e.depth===n.depth);break;case`ArrowUp`:r=n.parent===null?aj(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,rj,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 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%] {
+}`]})};function sj(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 cj(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,sj,9,5,`tr`,null,kg),V()()()),e&2){let e=G(2);k(15),F(e.hooks())}}function lj(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` (`,e.listener,`) `)}}function uj(e,t){if(e&1&&(B(0,`tr`)(1,`td`,5),J(2),M(3,lj,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 dj(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,uj,10,5,`tr`,null,kg),V()()()),e&2){let e=G(2);k(15),F(e.outputs())}}function fj(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 pj(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 mj(e,t){if(e&1&&(B(0,`div`,0),M(1,cj,17,0,`div`),M(2,dj,17,0,`div`),V(),M(3,fj,2,4,`p`,1),M(4,pj,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 hj=10;function gj(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}var _j=class e{page=$(null);hooks=Q(()=>(this.page()?.hooks??[]).slice(0,hj));outputs=Q(()=>(this.page()?.outputs??[]).slice(0,hj));afterRender=Q(()=>{let e=this.page()?.afterRender;return e?.runs?e:null});dropped=Q(()=>this.page()?.droppedTimings??0);ms(e){return gj(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,mj,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 _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%] {
+}`]})};function vj(e,t){if(e&1&&(B(0,`p`,5),J(1),V()),e&2){let e=G();k(),Y(e.error())}}function yj(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 bj=class e{page=$(null);maxCycles=$(200);imported=Rv();error=O(``);hasCycles(){return(this.page()?.cycles.length??0)>0}exportJson(){let e=this.page();e&&yj(Wk(e,e.pageId),`change-detection-${e.pageId}.json`)}exportTrace(){let e=this.page();e&&yj(Zk(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=Gk(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,vj,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;
-}`]})},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%] {
+}`]})},xj=(e,t)=>t.stat.name;function Sj(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 Cj(e,t){if(e&1&&(B(0,`div`,6)(1,`span`,7),J(2),V(),M(3,Sj,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 wj(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 Tj(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,wj,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 Ej(e,t){if(e&1&&(B(0,`li`),M(1,Cj,4,4,`div`,4)(2,Tj,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 Dj(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,Ej,3,9,`li`,3,xj),V()}if(e&2){let e=G();j(`aria-label`,e.label()),k(),F(e.cells())}}function Oj(e,t){e&1&&(B(0,`p`,1),J(1,`No component time in these cycles.`),V())}var kj=24,Aj=3,jj=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,kj),n=e.slice(kj),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=iA(i,e=>e.stat.ms,Aj);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, ${eA(t.ms)}, ${r}% of self time`:`${t.name}, ${eA(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 eA(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,Dj,3,1,`ul`,0)(1,Oj,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);
-}`]})},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%] {
+}`]})},Mj=(e,t)=>t.id;function Nj(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 Pj(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,Nj,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 Fj(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 Ij(e,t){e&1&&z(0,`app-angular-unavailable`,8),e&2&&I(`page`,G().angularPage())}function Lj(e,t){e&1&&(L(0,`p`,10),J(1,`Angular profiling stays on until the page reloads.`),R())}function Rj(e,t){e&1&&z(0,`app-angular-unavailable`,21),e&2&&I(`page`,G(2).angularPage())}function zj(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,Lj,2,0,`p`,10)(15,Rj,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 Bj(e,t){if(e&1&&(L(0,`p`,10),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Vj(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 Hj(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 Uj(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,Vj,2,1,`p`,24),L(5,`h3`),J(6,`Self time by component`),R(),M(7,Hj,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 Wj(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 Gj(e,t){e&1&&(L(0,`tr`)(1,`td`,32),J(2,`No component time in the picked cycles.`),R()())}function Kj(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 qj(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 Jj(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 Yj(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 Xj(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 Zj(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 Qj(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,Kj,4,1,`span`,34)(8,qj,4,1,`span`,34),M(9,Jj,2,1,`span`,35),M(10,Yj,2,1,`span`,35),M(11,Xj,2,1,`span`,35),M(12,Zj,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 $j(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,Wj,9,4,`tr`,null,kg,!1,Gj,3,0,`tr`),R()()(),L(19,`div`)(20,`h3`),J(21,`Latest cycles`),R(),L(22,`ol`,29),P(23,Qj,13,11,`li`,null,Mj),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 eM(e,t){e&1&&(L(0,`p`,11),J(1,`Use the app. Cycles show up here as Angular runs change detection.`),R())}var tM=10,nM=class e{livePage=$(null,{alias:`page`});pageId=$(null);rpc=$(null);angularPages=dO(()=>this.rpc());angularPage=Q(()=>fO(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(()=>tA(this.cycles(),this.range()));hasSpans=Q(()=>this.picked().some(e=>e.spans?.length));spanNames=Q(()=>this.page()?.spanNames??[]);stats=Q(()=>this.range()?nA(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,tM));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 $O(e)}causeText(e){return Ik(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,Pj,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,Fj,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,Ij,1,1,`app-angular-unavailable`,8),M(14,zj,16,7),z(15,`app-limit-note`,9),P(16,Bj,2,1,`p`,10,Ag),M(18,Uj,9,9),M(19,$j,27,4)(20,eM,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:[gO,ik,_j,kA,bj,GA,oj,jj],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;
-}`]})},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%] {
+}`]})},rM=[`*`];function iM(e,t){e&1&&J(0),e&2&&Y(G(2).label())}function aM(e,t){e&1&&s_(0,0,null,iM,1,1)}function oM(e,t){if(e&1&&(L(0,`span`,4),J(1),R()),e&2){let e=G(2);k(),Y(e.message())}}function sM(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,oM,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 cM(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 lM=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 uM(e,t){return t?`${e}:${t}`:e}var dM=class e{editor=C(lM);file=$.required();line=$(void 0);label=Q(()=>uM(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:rM,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,aM,2,0,`ng-template`,null,0,Ev),M(2,sM,3,4)(3,cM,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;
-}`]})},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%] {
+}`]})},fM=[`field`],pM=[`editButton`],mM=[`valueBox`];function hM(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 gM(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 _M(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 vM(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G(2);k(),Y(e.prop().locked)}}function yM(e,t){if(e&1&&(B(0,`div`,11),M(1,gM,4,6,`pre`),M(2,_M,3,2,`button`,12),V(),M(3,vM,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 bM(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 xM=0;function SM(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 CM=class e{prop=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);bare=$(!1);readDraft=$(null);fieldId=`prop-edit-${++xM}`;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=SM(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,fM,5)(t.editButton,pM,5)(t.valueBox,mM,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,hM,11,11)(1,yM,4,3),M(2,bM,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);
-}`]})},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%] {
+}`]})},wM=1e3,TM={depth:5,limit:100},EM=`[redacted]`;function DM(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function OM(e){return DM(e)&&typeof e.$more==`number`&&Object.keys(e).length===1}function kM(e){return DM(e)&&typeof e.$collapsed==`string`&&typeof e.size==`number`&&Object.keys(e).length===2}function AM(e){return e===`Array`?`array`:e===`Map`?`map`:e===`Set`?`set`:`object`}function jM(e){return e.$type===`Map`&&Array.isArray(e.entries)}function MM(e){return e.$type===`Set`&&Array.isArray(e.values)}function NM(e){return Object.keys(e).filter(e=>e!==`$type`&&e!==`$more`)}function PM(e){if(!e||typeof e!=`object`)return null;if(kM(e))return e.size<=0?null:{kind:AM(e.$collapsed),type:e.$collapsed,size:e.size,collapsed:!0};if(OM(e))return null;if(Array.isArray(e)){let t=e.at(-1),n=OM(t)?t.$more:0,r=e.length-+!!n+n;return r?{kind:`array`,type:`Array`,size:r,collapsed:!1}:null}let t=e;if(jM(t)||MM(t)){let e=typeof t.size==`number`?t.size:0,n=jM(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=NM(t).length+n,i=typeof t.$type==`string`?t.$type:`Object`;return r?{kind:`object`,type:i,size:r,collapsed:!1}:null}function FM(e){if(typeof e==`string`)return JSON.stringify(e);let t=PM(e);if(t)return RM(t);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function IM(e){let t=PM(e);if(!t||t.collapsed)return{children:[],more:0};if(Array.isArray(e)){let n=(OM(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:FM(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:NM(n).map(e=>({key:e,label:e,value:n[e]})),more:typeof n.$more==`number`?n.$more:0}}function LM(e,t,n){return`${e} ${e===1?t:n}`}function RM(e){let t={array:LM(e.size,`item`,`items`),object:LM(e.size,`key`,`keys`),map:LM(e.size,`entry`,`entries`),set:LM(e.size,`value`,`values`)}[e.kind];return`${e.type} (${t})`}function zM(e,t){return JSON.stringify(t===void 0?e:[t,...e])}function BM(e,t){return e.map((e,n)=>n===0?e:(t?t[n-1]!==`object`:/^\d+$/.test(e))?`[${e}]`:`.${e}`).join(``)}function VM(e){return e.every(e=>e&&e===e.trim()&&!/[.[\]]/.test(e))?e.join(`.`):null}var HM=/^\[(Getter|Unreadable|Circular|Truncated|Function\b.*|Promise)\]$/;function UM(e){return e===null||typeof e==`boolean`?!0:typeof e==`number`?Number.isFinite(e):typeof e==`string`&&e!==EM&&!HM.test(e)&&!e.endsWith(`…`)}function WM(e,t){return!e||t.kind===`map`||t.kind===`set`||e===`signal`&&t.kind===`object`&&t.type!==`Object`?null:e}function GM(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=zM(e);if(!(s.has(r)||a.length>=i)){s.add(r);for(let r of IM(t).children){let t=[...e,r.key];if(r.label.toLowerCase().includes(o)&&a.push(t),!PM(r.value))continue;let i=n(t)??(PM(r.value)?.collapsed?void 0:r.value);i!==void 0&&c(t,i)}}};return c(e,n(e)??t),a}var KM=(e,t)=>t.id;function qM(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 JM(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 YM(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G(2).$implicit;k(),Y(e.text)}}function XM(e,t){if(e&1&&(L(0,`span`,14),J(1),R(),M(2,JM,1,5,`app-prop-value`,15)(3,YM,2,1,`span`,16)),e&2){let e,t=G().$implicit;k(),X(``,t.label,`:`),k(),N((e=t.edit)?2:3,e)}}function ZM(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 QM(e,t){e&1&&(L(0,`span`,12),J(1,`Reading from the page…`),R())}function $M(e,t){if(e&1&&(L(0,`span`,13),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.text)}}function eN(e,t){if(e&1&&(L(0,`li`,9),M(1,qM,7,4,`button`,10)(2,XM,4,2)(3,ZM,4,2,`button`,11)(4,QM,2,0,`span`,12)(5,$M,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 tN(e,t){if(e&1&&(L(0,`ul`,7),P(1,eN,6,3,`li`,8,KM),R()),e&2){let e=G(2);I(`id`,e.listId),j(`aria-label`,e.prop().name+` entries`),k(),F(e.rows())}}function nN(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,tN,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 rN(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 iN=0;function aN(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function oN(e){if(Array.isArray(e))return e.every(oN);if(e&&typeof e==`object`){let t=e;return![`$collapsed`,`$more`,`$type`].some(e=>Object.hasOwn(t,e))&&Object.values(t).every(oN)}return UM(e)}var sN=class e{prop=$.required();store=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);directive=$(void 0);query=$(``);listId=`value-tree-${++iN}`;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(()=>PM(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 GM(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(zM(e));for(let t=2;t<=e.length;t++)i.add(zM(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}=IM(e);for(let e of h){let h=[...o,e.key],g=zM(h);if(r&&!m&&!i.has(g))continue;let _=PM(e.value),ee=zM(h,n);if(!_){let t=p&&UM(e.value)?VM(h):null;c.push({id:ee,kind:`leaf`,depth:f,path:h,label:e.label,text:aN(e.value),edit:s&&t&&p?{name:BM(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:RM(_),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,WM(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:`${zM(e,n)}:${r}`,kind:r,depth:t,path:e,label:``,text:``});return l(this.rootValue(),this.rootPath(),[e.kind],0,s?WM(o.editInside??null,e):null,!r),c});readWhole=async()=>{let e=await this.store().read(this.rootPath(),TM.depth,TM.limit);return e.ok?oN(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 RM(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,nN,8,12)(1,rN,1,5,`app-prop-value`,0),e&2){let e;N((e=t.root())?0:1,e)}},dependencies:[CM],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -2091,7 +2091,7 @@ button.edit[_ngcontent-%COMP%] {
    .more[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};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%] {
+}`]})};function cN(e,t){return e.length>t.length&&e.startsWith(`${t.slice(0,-1)},`)}var lN=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=zM(e,t),r=this.pushed();return Object.hasOwn(r,n)?r[n]:this.fetched().get(n)}isOpen(e,t){return this.open().has(zM(e,t))}toggle(e,t,n){let r=zM(e,t),i=new Set(this.open());if(i.has(r)){for(let e of i)(e===r||cN(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=zM(e,t),i=Math.min(wM,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=zM(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 uN(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(2);k(),X(`: `,e.label())}}function dN(e,t){if(e&1&&(B(0,`span`,1),J(1),V()),e&2){let e=G(3);k(),X(`: `,e.label())}}function fN(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,dN,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 pN(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,uN,2,1,`span`,1),V(),M(3,fN,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 mN=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,pN,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;
-}`]})},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%] {
+}`]})},hN=(e,t)=>t.id;function gN(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 _N(e,t){e&1&&(L(0,`span`,9),J(1,`@empty showing`),R())}function vN(e,t){e&1&&(L(0,`span`,10),J(1,`@empty`),R())}function yN(e,t){e&1&&(L(0,`span`,10),J(1,`renders nothing`),R())}function bN(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,_N,2,0,`span`,9)(7,vN,2,0,`span`,10)(8,yN,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 xN(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,gN,2,1,`p`,4),L(6,`ul`,5),P(7,bN,11,6,`li`,null,hN),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 SN(e,t){e&1&&M(0,xN,9,2,`section`,1),e&2&&N(t.length?0:-1)}function CN(e,t){e&1&&z(0,`app-angular-unavailable`,0),e&2&&I(`page`,G().angular())}var wN={$index:`track $index`,item:`track item`,function:`track expression`},TN=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?wN[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,SN,1,1)(1,CN,1,1,`app-angular-unavailable`,0),e&2){let e;N((e=t.blocks())?0:t.supported()===!1?1:-1,e)}},dependencies:[gO],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -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`,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%] {
+}`]})},EN=(e,t)=>t.id;function DN(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 ON(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 kN(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 AN(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,kN,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 jN(e,t){if(e&1&&(L(0,`p`,6),J(1),R(),L(2,`ul`,12),P(3,AN,10,5,`li`,13,EN),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 MN(e,t){e&1&&(L(0,`p`,6),J(1,`No destroyed component is still in memory after a few navigations.`),R())}function NN(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 PN(e,t){if(e&1&&(M(0,ON,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,jN,5,2)(8,MN,2,0,`p`,6),M(9,NN,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 FN(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 IN(e,t){if(e&1&&(L(0,`span`,8),J(1),R()),e&2){let e=G();k(),Y(e.subscriptions.length)}}function LN(e,t){if(e&1&&(L(0,`span`,15),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.source)}}function RN(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,LN,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 zN(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,RN,8,4,`li`,13,kg),R()),e&2){let e=G(2),t=G();k(3),F(e.subscriptions.slice(0,t.shown))}}function BN(e,t){e&1&&(L(0,`p`,6),J(1,`No subscription is still open after its component went away.`),R())}function VN(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 HN(e,t){if(e&1&&(M(0,zN,5,0)(1,BN,2,0,`p`,6),M(2,VN,2,0,`p`,6)),e&2){let e=G();N(+!e.subscriptions.length),k(2),N(e.support.instances?-1:2)}}function UN(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 WN(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 GN(e,t){e&1&&z(0,`app-angular-unavailable`,10),e&2&&I(`page`,G(2).angular())}function KN(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 qN(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,KN,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 JN(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 YN(e,t){if(e&1&&(L(0,`ul`,12),P(1,qN,7,3,`li`,null,EN),R(),M(3,JN,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 XN(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 ZN(e,t){if(e&1&&(M(0,DN,6,1)(1,PN,10,7),M(2,FN,5,1,`p`,6),L(3,`h3`,7),J(4,` Open subscriptions after destroy `),M(5,IN,2,1,`span`,8),R(),M(6,HN,3,2)(7,UN,2,0,`p`,9)(8,WN,2,0,`p`,6),L(9,`h3`,7),J(10,` Live effects and subscriptions `),L(11,`span`,8),J(12),R()(),M(13,GN,1,1,`app-angular-unavailable`,10),M(14,YN,4,1)(15,XN,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 QN(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 $N=20;function eP(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 tP=(e,t,n=`${t}s`)=>`${e} ${e===1?t:n}`,nP=class e{report=$(null);pageId=$(null);rpc=$(null);angular=$(null);now=$(()=>Date.now());showComponent=Rv();highlight=Rv();shown=$N;minNavigations=2;minSeconds=nE/1e3;plural=tP;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?`${eP(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=tP(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,ZN,16,7)(11,QN,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:[gO],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))}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%] {
+}`]})},rP=12,iP=900;function aP(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 oP=class{options;injector=C(Ts);visibleTop=O(0);viewport=O(iP);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)-rP));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+rP))}}),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:aP(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:iP)}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 sP(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 cP=e=>{let t=parseFloat(e);return Number.isFinite(t)?t:0};function lP(e,t=8){let n=e.ownerDocument.defaultView;if(!n)return e.offsetHeight+t;let r=sP(e),i=r?n.getComputedStyle(r):null,a=i?cP(i.paddingTop):0,o=i?cP(i.scrollPaddingTop):0,s=cP(n.getComputedStyle(e).top);return Math.max(0,Math.ceil(a+s+e.offsetHeight+t-o))}function uP(e,t,n=8){let r=sP(e),i=t.getBoundingClientRect().bottom+n-e.getBoundingClientRect().top;i<=0||(r?r.scrollTop-=i:e.ownerDocument.defaultView?.scrollBy(0,-i))}var dP=[`filterInput`],fP=[`treeEl`],pP=[`propFilterInput`],mP=()=>[],hP=e=>({kind:`component`,id:e}),gP=(e,t)=>t.row.node.id,_P=(e,t)=>t.outlet+t.route,vP=(e,t)=>t+e,yP=(e,t)=>t.formId,bP=(e,t)=>t.name+t.index,xP=(e,t)=>t.name,SP=(e,t)=>t.token+e,CP=(e,t)=>t.id;function wP(e,t){return this.sourceKey(t)}function TP(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 EP(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 DP(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 OP(e,t){if(e&1&&(L(0,`p`,21),J(1),R()),e&2){let e=G(2);k(),Y(e.pickMessage())}}function kP(e,t){if(e&1&&(L(0,`p`,22),J(1),R()),e&2){let e=G(2);k(),Y(e.truncationText())}}function AP(e,t){e&1&&(L(0,`p`,43),J(1,`The filter only searches the components the tree lists.`),R())}function jP(e,t){e&1&&(L(0,`p`,43),J(1,`Directive hosts are hidden, so they are not searched.`),R())}function MP(e,t){if(e&1){let e=H();L(0,`div`,25)(1,`p`,42),J(2),R(),M(3,AP,2,0,`p`,43),M(4,jP,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 NP(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 PP(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 FP(e,t){e&1&&z(0,`span`,47)}function IP(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 LP(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 RP(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 zP(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.route||`/`)}}function BP(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 VP(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 HP(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,PP,3,2,`span`,46)(3,FP,1,0,`span`,47),M(4,IP,6,3)(5,LP,4,2),M(6,RP,4,3,`span`,48),P(7,zP,2,1,`span`,49,_P),M(9,BP,4,2,`span`,50),M(10,VP,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,mP)),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 UP(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function WP(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 GP(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,UP,2,1,`li`,66,vP),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,WP,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,mP)),k(5),N((e=r.ownerOf(n.id))?19:-1,e)}}function KP(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 qP(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 JP(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 YP(e,t){if(e&1&&(L(0,`div`,70),P(1,JP,2,1,`button`,76,yP),R()),e&2){let e=G(),t=G(3);k(),F(t.formsIn(e.file))}}function XP(e,t){e&1&&M(0,YP,3,0,`div`,70),e&2&&N(G(3).formsIn(t.file).length?0:-1)}function ZP(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 QP(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,hP,e.id))(`label`,e.name)}}function $P(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 eF(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 tF(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 nF(e,t){if(e&1&&(L(0,`span`,87),J(1),R()),e&2){let e=G().$implicit;k(),X(`(`,e.prop,`)`)}}function rF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,nF,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 iF(e,t){if(e&1&&(L(0,`ul`,84),P(1,rF,5,9,`li`,85,xP),R()),e&2){let e=G(2);k(),F(e.inputs)}}function aF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs.`),R())}function oF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Inputs `),L(3,`span`,64),J(4),R()(),M(5,iF,3,0,`ul`,84)(6,aF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.inputs.length),k(),N(e.inputs.length?5:6)}}function sF(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 cF(e,t){if(e&1&&(L(0,`ul`,65),P(1,sF,5,4,`li`,89,xP),R()),e&2){let e=G(2);k(),F(e.outputs)}}function lF(e,t){e&1&&(L(0,`p`,67),J(1,`No outputs.`),R())}function uF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Outputs `),L(3,`span`,64),J(4),R()(),M(5,cF,3,0,`ul`,65)(6,lF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.outputs.length),k(),N(e.outputs.length?5:6)}}function dF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function fF(e,t){if(e&1&&(L(0,`li`,85)(1,`span`,86),J(2),M(3,dF,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 pF(e,t){if(e&1&&(L(0,`ul`,84),P(1,fF,5,9,`li`,85,xP),R()),e&2){let e=G(2);k(),F(e.properties)}}function mF(e,t){e&1&&(L(0,`p`,67),J(1,`No other properties.`),R())}function hF(e,t){if(e&1&&(L(0,`div`,63)(1,`h3`),J(2,` Properties `),L(3,`span`,64),J(4),R()(),M(5,pF,3,0,`ul`,84)(6,mF,2,0,`p`,67),R()),e&2){let e=G();k(4),Y(e.properties.length),k(),N(e.properties.length?5:6)}}function gF(e,t){if(e&1&&(L(0,`li`,66),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function _F(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,gF,2,1,`li`,66,Ag),R()()),e&2){let e=G(2);k(4),Y(e.listeners.length),k(2),F(e.listeners)}}function vF(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 yF(e,t){if(e&1&&(L(0,`ul`,84),P(1,vF,4,8,`li`,85,xP),R()),e&2){let e=G().$implicit;k(),F(e.inputs)}}function bF(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 xF(e,t){if(e&1&&(L(0,`ul`,65),P(1,bF,5,4,`li`,89,xP),R()),e&2){let e=G().$implicit;k(),F(e.outputs)}}function SF(e,t){e&1&&(L(0,`p`,67),J(1,`No inputs or outputs.`),R())}function CF(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,yF,3,0,`ul`,84),M(7,xF,3,0,`ul`,65),M(8,SF,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 wF(e,t){if(e&1&&(M(0,tF,7,1,`div`,83),M(1,oF,7,2,`div`,63),M(2,uF,7,2,`div`,63),M(3,hF,7,2,`div`,63),M(4,_F,8,1,`div`,63),P(5,CF,9,4,`div`,63,bP)),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 TF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function EF(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 DF(e,t){e&1&&(L(0,`span`,97),J(1,`not provided`),R())}function OF(e,t){if(e&1&&(L(0,`li`,94)(1,`span`,95),J(2),R(),P(3,TF,2,1,`span`,92,Ag),M(5,EF,4,1,`span`,96)(6,DF,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 kF(e,t){if(e&1&&(L(0,`ul`,82),P(1,OF,7,2,`li`,94,SP),R()),e&2){let e=G();k(),F(e.dependencies)}}function AF(e,t){e&1&&(L(0,`p`,67),J(1,`Nothing is injected through the constructor or inject().`),R())}function jF(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,$P,4,2,null,null,_P),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,eF,2,2,`span`,11),L(23,`p`,20),J(24),R()(),M(25,wF,7,5),L(26,`div`,63)(27,`h3`),J(28,` Injected `),L(29,`span`,64),J(30),R()(),M(31,kF,3,0,`ul`,82)(32,AF,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,mP)),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 MF(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 NF(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,KP,2,2,`p`,69),M(9,qP,7,1),M(10,XP,1,1),M(11,ZP,5,1,`div`,70),M(12,QP,1,6,`app-store-global`,71),R(),M(13,jF,33,10)(14,MF,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 PF(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 FF(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 IF(e,t){if(e&1&&(L(0,`div`,30),M(1,PF,6,1)(2,FF,2,0,`p`,43),R()),e&2){let e,t=G(2);k(),N((e=t.destroyed())?1:2,e)}}function LF(e,t){e&1&&(L(0,`span`,92),J(1,`hydrate never`),R())}function RF(e,t){if(e&1&&(L(0,`span`,92),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.hydration)}}function zF(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,LF,2,0,`span`,92)(7,RF,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 BF(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,zF,10,7,`li`,null,CP),R()()),e&2){let e=G(2);k(4),Y(e.deferCount()),k(2),F(e.deferBlocks())}}function VF(e,t){e&1&&z(0,`app-angular-unavailable`,32),e&2&&I(`page`,G(2).angularPage())}function HF(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 UF(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 WF(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,TP,3,2),L(12,`span`,11),J(13),R(),M(14,EP,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,DP,4,3,`button`,19),R(),_s(),L(26,`p`,20),J(27),R(),M(28,OP,2,1,`p`,21),M(29,kP,2,1,`p`,22),L(30,`div`,23)(31,`div`)(32,`h2`,24),J(33,`Component tree`),R(),M(34,MP,7,3,`div`,25),M(35,NP,2,1,`p`,26),L(36,`div`,27,1),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(38,HP,11,21,`div`,28,gP),R()(),M(40,GP,20,5,`section`,29)(41,NF,15,8,`section`,29)(42,IF,3,1,`div`,30),R(),M(43,BF,8,1,`section`,31),M(44,VF,1,1,`app-angular-unavailable`,32),M(45,HF,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,UF,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 GF(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 KF(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 qF(e,t){if(e&1&&J(0),e&2){let e=G(3);Z(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function JF(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 YF(e,t){if(e&1&&(L(0,`span`,109),M(1,qF,1,2)(2,JF,1,4),R()),e&2){let e=G(2);k(),N(e.filter().trim()?1:2)}}function XF(e,t){e&1&&(L(0,`div`,113),z(1,`span`,98),L(2,`p`,42),J(3,`Scanning components…`),R()())}function ZF(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function QF(e,t){e&1&&J(0,` Check that the dev server is running, then try again. `)}function $F(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,ZF,4,0)(5,QF,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 eI(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 tI(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 nI(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,G(3).bareName(e.className),` · `)}}function rI(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 iI(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 aI(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,rI,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,iI,2,1,`button`,76,yP),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 oI(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,nI,1,1),J(9),R()(),D(),L(10,`svg`,124),z(11,`path`,54),R()(),M(12,aI,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 sI(e,t){if(e&1&&(L(0,`ul`,116),P(1,oI,13,12,`li`,117,wP,!0),R()),e&2){let e=G(2);k(),F(e.filteredSource())}}function cI(e,t){if(e&1){let e=H();M(0,GF,2,0,`p`,22)(1,KF,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,YF,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,XF,4,0,`div`,113)(16,$F,8,1,`div`,114)(17,eI,5,0,`div`,115)(18,tI,5,1,`div`,115)(19,sI,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 lI=32;function uI(e){return e.replace(/^_(?=[A-Z])/,``)}var dI=`pangular:components:directive-hosts`;function fI(){try{return localStorage.getItem(dI)!==`hidden`}catch{return!0}}var pI=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(lO);actionMessage=Fv({source:this.selectedId,computation:()=>``});collapsed=O(new Set);showDirectiveHosts=O(fI());openKey=O(null);routerPages=O([]);pageId=LE();angularPages=dO(()=>this.rpc());angularPage=Q(()=>fO(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(nM);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(()=>vO(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:jO(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(()=>AO(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(()=>FO(this.page()?.count??0,this.filtered().matches,!!this.query(),!!this.page()?.truncated,this.shownDirectiveHosts()));truncationText=Q(()=>LO(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 oP({count:Q(()=>this.rows().length),estimate:lI,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 lN;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)||GM([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=uI(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(uI(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:uI(e.className)}bareName(e){return uI(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=BO(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=RO({...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(IO(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 MO(e)}hydrationText(e){return PO(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(dI,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`,`${lP(e)}px`)}keepBelowToolbar(e){let t=this.host.nativeElement.querySelector(`.toolbar`);t&&uP(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,dP,5)(t.cdRecording,nM,5)(t.treeEl,fP,5)(t.propFilterInput,pP,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,WF,48,28)(1,cI,20,7),e&2&&N(+!t.live())},dependencies:[kO,nM,dM,sN,mN,TN,QO,nP,gO],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 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%] {
+}`]})};function mI(e){return e.line?`${e.file}:${e.line}`:e.file}function hI(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 gI=HE;function _I(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var vI=`Could not reach the page.`;async function yI(e,t,n){return await gI(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function bI(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var xI=()=>[],SI=(e,t)=>t[0],CI=(e,t)=>t.input;function wI(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 TI(e,t){if(e&1&&(B(0,`p`,12),J(1),V()),e&2){let e=G(3);k(),Y(e.navigationOff)}}function EI(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,TI,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 DI(e,t){if(e&1&&(B(0,`p`,4),J(1),V()),e&2){let e=G(2);k(),Y(e.message())}}function OI(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 kI(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 AI(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 jI(e,t){if(e&1&&(B(0,`span`,14),J(1),V()),e&2){let e=G().$implicit;k(),X(`, `,e.nesting)}}function MI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.outlet)}}function NI(e,t){e&1&&(B(0,`span`,15),J(1,`lazy`),V())}function PI(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 FI(e,t){if(e&1&&(B(0,`code`,17),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.route.component)}}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){e&1&&(B(0,`span`,15),J(1,`inherited`),V())}function RI(e,t){if(e&1&&(B(0,`div`,18)(1,`code`),J(2),xv(3,`json`),V(),M(4,LI,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 zI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function BI(e,t){e&1&&(B(0,`span`,15),J(1),V()),e&2&&(k(),Y(t))}function VI(e,t){if(e&1&&(B(0,`div`,19)(1,`code`),J(2),xv(3,`json`),V(),M(4,BI,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 HI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function UI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),Y(e)}}function WI(e,t){if(e&1&&(B(0,`span`,15),J(1),V()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}function GI(e,t){e&1&&(B(0,`span`,20),J(1,`–`),V(),B(2,`span`,14),J(3,`none`),V())}function KI(e,t){if(e&1&&(B(0,`tr`)(1,`td`,13),J(2),M(3,jI,2,1,`span`,14),M(4,MI,2,1,`span`,15),M(5,NI,2,0,`span`,15),M(6,PI,2,2,`div`,16),V(),B(7,`td`),M(8,FI,2,1,`code`,17)(9,II,4,0),V(),B(10,`td`),P(11,RI,5,5,`div`,18,SI,!1,zI,4,0),V(),B(14,`td`),P(15,VI,5,5,`div`,19,SI,!1,HI,4,0),V(),B(18,`td`),P(19,UI,2,1,`span`,15,Ag),P(21,WI,2,1,`span`,15,Ag),M(23,GI,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,xI)),k(2),N(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function qI(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 JI(e,t){if(e&1&&(B(0,`code`),J(1),V(),J(2,` for `),B(3,`code`),J(4),V(),M(5,qI,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 YI(e,t){e&1&&(B(0,`span`,23),J(1,`not activated`),V())}function XI(e,t){e&1&&(B(0,`span`,15),J(1,`detached by reuse strategy`),V())}function ZI(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 QI(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 $I(e,t){if(e&1&&(B(0,`li`)(1,`span`,15),J(2),V(),M(3,JI,6,3)(4,YI,2,0,`span`,23),M(5,XI,2,0,`span`,15),P(6,ZI,2,2,`span`,15,CI),M(8,QI,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 eL(e,t){if(e&1&&(B(0,`h3`),J(1,`Outlets`),V(),B(2,`ul`,21),P(3,$I,9,6,`li`,22,kg),V()),e&2){let e=G(2);k(3),F(e.outletRows())}}function tL(e,t){if(e&1&&(B(0,`p`,1)(1,`span`,2),J(2,`URL`),V(),B(3,`code`),J(4),V()(),M(5,wI,5,1,`p`,3),M(6,EI,10,5),M(7,DI,2,1,`p`,4),B(8,`dl`,5),M(9,OI,4,1),M(10,kI,6,3),M(11,AI,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,KI,24,12,`tr`,null,kg),V()()(),M(31,eL,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 nL(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 rL=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 yI(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,tL,32,8)(1,nL,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 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%] {
+}`]})};function iL(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 aL(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 oL(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 sL(e,t){if(e&1&&(B(0,`span`,3),M(1,iL,2,1,`span`,8),M(2,aL,2,1,`span`,9),M(3,oL,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 cL(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 lL(e,t){e&1&&(B(0,`p`,5),J(1,`Checking…`),V())}function uL(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 dL(e,t){e&1&&J(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function fL(e,t){e&1&&J(0,` No page with a router is connected. `)}function pL(e,t){if(e&1&&(B(0,`div`,6)(1,`p`,11),J(2,`No checks ran.`),V(),B(3,`p`,2),M(4,uL,1,0)(5,dL,1,0)(6,fL,1,0),V()()),e&2){let e;k(4),N((e=t)===`events-only`?4:e===`no-config`?5:6)}}function mL(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 hL(e,t){if(e&1&&(B(0,`ul`,7),P(1,mL,17,8,`li`,null,kg),V()),e&2){let e=G();j(`aria-busy`,e.checking()),k(),F(e.findings())}}function gL(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 _L=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 gI(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,sL,4,3,`span`,3),V(),M(6,cL,7,0,`div`,4)(7,lL,2,0,`p`,5)(8,pL,7,1,`div`,6)(9,hL,3,1,`ul`,7)(10,gL,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;
-}`]})},_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%] {
+}`]})},vL=(e,t)=>t.name,yL=(e,t)=>t[0];function bL(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 xL(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 SL(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 CL(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 wL(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 TL(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 EL(e,t){if(e&1&&(B(0,`h3`),J(1,`Features`),V(),B(2,`ul`,8),P(3,TL,3,3,`li`,null,yL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.features))}}function DL(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 OL(e,t){if(e&1&&(B(0,`h3`),J(1,`Strategies`),V(),B(2,`dl`,2),P(3,DL,5,2,null,null,yL),V()),e&2){let e=G(),t=G();k(3),F(t.entries(e.strategies))}}function kL(e,t){if(e&1&&(M(0,bL,2,0,`p`,1),B(1,`dl`,2)(2,`dt`),J(3,`Set up with`),V(),B(4,`dd`),J(5),V(),M(6,xL,4,1),M(7,SL,5,1),M(8,CL,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,wL,10,4,`tr`,null,vL),V()()(),M(24,EL,5,0),M(25,OL,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 AL(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 jL=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,kL,26,8)(1,AL,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);
-}`]})},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%] {
+}`]})},ML=(e,t)=>t.id,NL=(e,t)=>t.phase;function PL(e,t){if(e&1&&(L(0,`p`,8),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function FL(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function IL(e,t){e&1&&(L(0,`span`,18),J(1,`→`),R(),L(2,`span`,19),J(3,`then`),R())}function LL(e,t){if(e&1&&(M(0,IL,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 RL(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 zL(e,t){if(e&1&&(L(0,`div`,13)(1,`p`,14)(2,`span`,15),J(3),R(),P(4,LL,3,2,null,null,kg),R(),L(6,`ol`,16),P(7,RL,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 BL(e,t){if(e&1&&(L(0,`section`,11)(1,`h3`,12),J(2),R(),P(3,zL,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 VL(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 HL(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 UL(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 WL(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 GL(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 KL(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 qL(e,t){e&1&&(L(0,`span`,32),J(1,`probe`),R())}function JL(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 YL(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 XL(e,t){if(e&1&&(L(0,`div`,33),P(1,YL,1,5,`span`,39,NL),R()),e&2){let e=G().$implicit,t=G(2);j(`aria-label`,t.barLabel(e)),k(),F(t.bars(e))}}function ZL(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 QL(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 $L(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 eR(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 tR(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 nR(e,t){if(e&1&&(L(0,`dt`),J(1,`Loop`),R(),L(2,`dd`,40),J(3),P(4,tR,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 rR(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 iR(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 aR(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 oR(e,t){if(e&1&&(L(0,`dt`),J(1,`Runs`),R(),L(2,`dd`),P(3,aR,10,7,`div`,null,kg),R()),e&2){let e=G().$implicit;k(3),F(e.runs)}}function sR(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function cR(e,t){if(e&1&&(L(0,`dt`),J(1,`Checked`),R(),L(2,`dd`),M(3,sR,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 lR(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 uR(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 dR(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 fR(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 pR(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 mR(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 hR(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 gR(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 _R(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 vR(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 yR(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 bR(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 xR(e,t){if(e&1){let e=H();L(0,`li`)(1,`div`,25),M(2,HL,2,1,`time`),L(3,`span`,26),J(4),R(),L(5,`code`,27),J(6),R(),M(7,UL,6,1),L(8,`span`,28)(9,`span`,29),J(10),R(),M(11,WL,2,1,`span`,30)(12,GL,2,1,`span`,31)(13,KL,2,1,`span`,31),M(14,qL,2,0,`span`,32),M(15,JL,4,2,`span`,15),R()(),M(16,XL,3,1,`div`,33),L(17,`dl`,34),M(18,ZL,5,1),M(19,QL,4,2),M(20,$L,4,1),M(21,eR,4,1),M(22,nR,6,1),M(23,rR,6,2),M(24,iR,4,2),M(25,oR,5,0),M(26,cR,5,2),M(27,lR,4,1),M(28,uR,4,1),M(29,dR,4,1),M(30,fR,4,2),M(31,pR,4,1),M(32,mR,4,1),M(33,hR,4,1),M(34,gR,4,1),M(35,_R,4,1),M(36,vR,4,1),M(37,yR,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,bR,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 SR(e,t){if(e&1&&(L(0,`div`,20)(1,`span`,21),J(2),R(),L(3,`div`,22),P(4,VL,3,3,`span`,null,Ag),R()(),L(6,`ol`,23),P(7,xR,44,37,`li`,24,ML),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 CR(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 wR(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 TR(e,t){e&1&&M(0,CR,7,1,`div`,41)(1,wR,5,0,`div`,41),e&2&&N(+!G().page().navigations.length)}var ER=[`recognize`,`guards`,`resolve`,`activate`],DR={recognize:`#60a5fa`,guards:`#f59e0b`,resolve:`#2dd4bf`,activate:`#34d399`},OR=class e{page=$.required();rpc=$(null);maxNavigations=Q(()=>nD(this.rpc()).limits.navigations);navigationAllowed=Q(()=>rD(this.rpc(),`router`));navigationOff=bE(`router`);phases=ER;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 bI(e)}color(e){return DR[e]}bars(e){let t=e.phases?.total;return t?ER.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=$O;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await yI(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 _I(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 yI(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 gI(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,PL,2,1,`p`,8),M(16,FL,2,1,`p`,9),z(17,`app-limit-note`,10),M(18,BL,5,1,`section`,11),M(19,SR,9,2)(20,TR,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:[ik],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;
   }
-}`]})},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%] {
+}`]})},kR=[`urlInput`],AR=()=>[],jR=(e,t)=>t.node.id;function MR(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 NR(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,MR,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 PR(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 FR(e,t){if(e&1&&(L(0,`span`,21),J(1,`no match`),R(),J(2,` Matches no route (NG04002). `),M(3,PR,3,1)),e&2){G();let e=fv(0);k(3),N(e.nearest.length?3:-1)}}function IR(e,t){if(e&1&&(L(0,`div`,18),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function LR(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,NR,6,2)(8,FR,4,1),P(9,IR,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 RR(e,t){if(e&1&&(L(0,`p`,9),J(1),R()),e&2){let e=G();k(),Y(e.message())}}function zR(e,t){if(e&1&&(L(0,`p`,11),J(1),R()),e&2){let e=G();k(),Y(e.navigationOff)}}function BR(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 VR(e,t){e&1&&J(0),e&2&&X(` `,G(2).rows().length,` route(s). `)}function HR(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 UR(e,t){if(e&1&&(L(0,`p`,14),J(1),M(2,BR,3,1)(3,VR,1,1),J(4,` Lazy routes show their children once loaded. `),M(5,HR,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 WR(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 GR(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 KR(e,t){e&1&&(L(0,`span`,28),J(1,`active`),R())}function qR(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 JR(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 YR(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 XR(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 ZR(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 QR(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function $R(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=t.$implicit;k(),X(`resolve `,e)}}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&&J(0),e&2){let e=G().$implicit;X(` `,e.node.title,` `)}}function nz(e,t){e&1&&(L(0,`span`,37),J(1,`–`),R(),L(2,`span`,26),J(3,`none`),R())}function rz(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 iz(e,t){if(e&1){let e=H();P(0,rz,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 az(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 oz(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 sz(e,t){if(e&1&&(L(0,`tr`,null,2)(2,`td`,27),J(3),M(4,KR,2,0,`span`,28),M(5,qR,2,1,`span`,28),M(6,JR,2,1,`span`,28),M(7,YR,4,2,`span`,29),R(),L(8,`td`),M(9,XR,6,1,`span`,30)(10,ZR,1,1),R(),L(11,`td`),P(12,QR,2,1,`span`,28,kg),P(14,$R,2,1,`span`,28,Ag),M(16,ez,4,0),R(),L(17,`td`),M(18,tz,1,1)(19,nz,4,0),R(),L(20,`td`,31)(21,`div`,32),M(22,iz,4,3),M(23,az,2,1,`button`,33),R()()(),M(24,oz,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,AR)),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 cz(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,sz,25,16,null,null,jR),R()()()),e&2){let e=G();k(16),F(e.rows())}}function lz(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var uz=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=hI(o,t),s=i&&mI(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(()=>lz(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${lz(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 gI(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(vI))}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 yI(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 yI(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 yI(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,kR,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,LR,11,4,`div`,8),M(10,RR,2,1,`p`,9),L(11,`p`,10),J(12),R(),M(13,zR,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,UR,6,3,`p`,14),R(),L(18,`p`,10),J(19),R(),M(20,WR,5,2,`div`,15)(21,GR,7,0,`div`,15)(22,cz,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:[dM,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%;
   }
-}`]})},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%] {
+}`]})},dz=(e,t)=>t.id;function fz(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 pz(e,t){e&1&&M(0,fz,4,2,`div`,4),e&2&&N(G().pages().length>1?0:-1)}function mz(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 hz(e,t){e&1&&(L(0,`p`,2),J(1,`Loading the live router state…`),R())}function gz(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 _z(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,gz,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 vz(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 yz(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 bz(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 xz(e,t){e&1&&z(0,`app-route-setup`,15),e&2&&I(`page`,G())}function Sz(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 Cz(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,_z,3,6,`button`,11,dz),R(),L(3,`div`,12),M(4,vz,1,2,`app-route-current`,13)(5,yz,1,2,`app-route-timeline`,13)(6,bz,1,3,`app-route-tree`,14)(7,xz,1,1,`app-route-setup`,15)(8,Sz,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 wz(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 Tz=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Routes`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],Ez=class e{rpc=$(null);sources=$([]);showComponent=Rv();tabs=Tz;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,pz,1,1),R(),M(4,mz,7,0,`div`,1)(5,hz,2,0,`p`,2)(6,Cz,9,3)(7,wz,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:[rL,_L,jL,OR,uz,kO],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 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%] {
+}`]})};function Dz(e,t){e&1&&J(0,` The Routes tab above shows what the router uses. `)}function Oz(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 kz(e,t){e&1&&(J(0,` Run `),L(1,`code`),J(2,`pangular build`),R(),J(3,` again to rebuild the report. `))}function Az(e,t){e&1&&J(0,` Check that the dev server is running, then refresh. `)}function jz(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,kz,4,0)(5,Az,1,0),R()()),e&2){let e=G();k(4),N(e.staticReport()?4:5)}}function Mz(e,t){e&1&&(L(0,`p`,12),J(1,`Scanning routes…`),R())}function Nz(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 Pz(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 Fz(e,t){e&1&&M(0,Nz,7,0,`div`,16)(1,Pz,11,0,`div`,16),e&2&&N(+!G().routes().length)}function Iz(e,t){if(e&1&&(L(0,`span`,21),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.kind)}}function Lz(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 Rz(e,t){if(e&1&&(L(0,`code`,23),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}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&&(L(0,`span`,21),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}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&&J(0),e&2){let e=G().$implicit;X(` `,e.title,` `)}}function Uz(e,t){e&1&&(L(0,`span`,28),J(1,`–`),R(),L(2,`span`,27),J(3,`none`),R())}function Wz(e,t){if(e&1&&(L(0,`tr`)(1,`td`,20),J(2),M(3,Iz,2,1,`span`,21),R(),L(4,`td`),M(5,Lz,6,1,`span`,22)(6,Rz,2,1,`code`,23)(7,zz,4,0),R(),L(8,`td`),P(9,Bz,2,1,`span`,21,kg,!1,Vz,4,0),R(),L(12,`td`),M(13,Hz,1,1)(14,Uz,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 Gz(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,Wz,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 Kz=class e{rpc=$(null);showComponent=Rv();staticReport=Q(()=>UE(this.rpc()));routes=O([]);filter=O(``);loading=O(!1);error=O(!1);live=Jv(Ez);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,Ez,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,Dz,1,0),R(),M(8,Oz,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,jz,6,1,`div`,11)(16,Mz,2,0,`p`,12)(17,Fz,2,1)(18,Gz,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:[Ez,dM],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;
-}`]})},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%] {
+}`]})},qz=[`ArrowDown`,`ArrowUp`,`Home`,`End`],Jz=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,Yz=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(Jz))??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(!qz.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`]}})},Xz=56,Zz=12,Qz=8,$z=4;function eB(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 tB(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 nB(e,t){let{producers:n,consumers:r}=eB(e,t),i=tB(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<$z;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:Qz+e*224,y:Qz+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-Xz,height:16+Math.max(1,f)*56-Zz}}function rB(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 iB(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}=rB(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 aB(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 oB=(e,t)=>t.producer+`>`+t.consumer,sB=(e,t)=>t.id;function cB(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 lB(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 uB(e,t){e&1&&(B(0,`span`,15),J(1,`watching`),V())}function dB(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,uB,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 fB=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),pB=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(()=>iB(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(()=>nB(this.drawn(),this.links()));chain=Q(()=>{let e=this.selectedId();return e&&this.byId().has(e)?rB(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(!fB.has(e.key))return;e.preventDefault();let n=aB(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,cB,2,3,`p`,5),B(10,`div`,6)(11,`div`,7),D(),B(12,`svg`,8),P(13,lB,1,3,`:svg:path`,9,oB),V(),P(15,dB,7,20,`button`,10,sB),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;
   }
-}`]})},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%] {
+}`]})},mB=[`filterInput`],hB=e=>({id:e,label:`Status history`}),gB=e=>({id:e,label:`Value history`}),_B=(e,t)=>t.kind,vB=(e,t)=>t.name+t.file+t.line,yB=(e,t)=>t.epoch,bB=(e,t)=>t.id,xB=(e,t)=>t.id+`:`+t.change.epoch;function SB(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 CB(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 wB(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 TB(e,t){if(e&1&&(L(0,`p`,7)(1,`span`,22),J(2),R(),L(3,`span`,23),J(4),R(),M(5,wB,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 EB(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 DB(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 OB(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 kB(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 AB(e,t){e&1&&J(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function jB(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 MB(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 NB(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 PB(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 FB(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,PB,6,7,`button`,27,_B),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 IB(e,t){e&1&&(L(0,`div`,12),z(1,`span`,30),L(2,`p`,31),J(3,`Scanning source for signals…`),R()())}function LB(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 RB(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 zB(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 BB(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,zB,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 VB(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 HB(e,t){if(e&1&&(L(0,`p`,35),J(1,`Signals from source scan (static analysis):`),R(),L(2,`div`,36),P(3,BB,9,7,`div`,37,vB,!1,VB,7,0,`div`,38),R()),e&2){let e=G();k(3),F(e.filteredSourceSignals())}}function UB(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 WB(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function GB(e,t){if(e&1&&(L(0,`ol`,51),P(1,WB,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.stack)}}function KB(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,UB,2,1,`span`,50),R(),L(10,`pre`),J(11),xv(12,`json`),R(),M(13,GB,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 qB(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,KB,14,13,`li`,null,yB),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 JB(e,t){e&1&&M(0,qB,7,4),e&2&&N(G().selectedHistory().length?0:-1)}function YB(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 XB(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 ZB(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 QB(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 $B(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 eV(e,t){if(e&1&&(L(0,`div`,59),M(1,ZB,1,5,`app-signal-graph-view`,60)(2,QB,2,0,`p`,58),M(3,$B,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 tV(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,YB,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,XB,2,0,`p`,58),M(11,eV,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 nV(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 rV(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 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){let e=H();L(0,`li`)(1,`span`,63),J(2),R(),M(3,rV,3,3,`span`,67),M(4,iV,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 oV(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function sV(e,t){if(e&1&&(L(0,`ol`,51),P(1,oV,2,1,`li`,null,kg),R()),e&2){let e=G().$implicit;k(),F(e.change.stack)}}function cV(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,sV,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 lV(e,t){if(e&1&&(L(0,`h3`,69),J(1,`Recent changes`),R(),L(2,`div`,70)(3,`ol`,71),P(4,cV,13,12,`li`,null,xB),R()()),e&2){let e=G(2);k(4),F(e.watchLog())}}function uV(e,t){if(e&1&&(L(0,`section`,16)(1,`h2`,65),J(2,`Watched`),R(),M(3,nV,2,2,`p`,33),L(4,`ul`,66),P(5,aV,7,4,`li`,null,bB),R(),M(7,lV,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 dV(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 fV(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 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.error))}}function mV(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 hV(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 gV(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 _V(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 vV(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 yV(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 bV(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 xV(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 SV(e,t){if(e&1&&(L(0,`ul`,45),P(1,xV,5,4,`li`,null,bB),R()),e&2){let e=G(2).$implicit,t=G(2);I(`id`,`resource-internals-`+e.id),k(),F(t.internalsOf(e))}}function CV(e,t){if(e&1){let e=H();L(0,`div`,78)(1,`h3`,80),J(2),R(),M(3,hV,11,0,`p`,33),L(4,`dl`)(5,`dt`),J(6,`Status`),R(),L(7,`dd`),J(8),R(),M(9,gV,4,1),M(10,_V,4,1),M(11,vV,6,4),M(12,yV,6,4),M(13,bV,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,SV,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,hB,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 wV(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,dV,2,3,`span`,75),M(8,fV,2,2,`span`,68),z(9,`span`,76),R(),M(10,pV,3,3,`span`,77)(11,mV,3,3,`span`,77),R(),M(12,CV,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 TV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Resources`),R(),L(2,`ul`,73),P(3,wV,13,12,`li`,null,bB),R()),e&2){let e=G();k(3),F(e.filteredResources())}}function EV(e,t){e&1&&(L(0,`span`,87),J(1,`watching`),R())}function DV(e,t){e&1&&(L(0,`span`,88),J(1,`framework`),R())}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 kV(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 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(`Deps: `,t.getDependencies(e).length)}}function jV(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 MV(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 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,`Dependencies (producers)`),R(),L(2,`ul`),P(3,NV,6,5,`li`,null,bB),R()),e&2){let e=G(4);k(3),F(e.getDependencies(e.selectedNode()))}}function FV(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 IV(e,t){if(e&1&&(L(0,`h4`),J(1,`Consumers`),R(),L(2,`ul`),P(3,FV,6,5,`li`,null,bB),R()),e&2){let e=G(4);k(3),F(e.getConsumers(e.selectedNode()))}}function LV(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 RV(e,t){e&1&&(L(0,`p`,33),J(1),R()),e&2&&(k(),Y(t))}function zV(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,MV,6,4),R(),M(13,PV,5,0),M(14,IV,5,0),M(15,LV,4,1),M(16,RV,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,gB,t.id))}}function BV(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,EV,2,0,`span`,87),M(8,DV,2,0,`span`,88),M(9,OV,2,2,`span`,68),z(10,`span`,76),R(),M(11,kV,3,3,`span`,77),L(12,`span`,42)(13,`span`),J(14),R(),M(15,AV,4,1),M(16,jV,4,1),R()(),M(17,zV,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 VV(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 HV(e,t){if(e&1&&(L(0,`li`,86)(1,`p`,31),J(2),R(),L(3,`p`,33),J(4),R(),M(5,VV,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 UV(e,t){if(e&1&&(L(0,`h2`,72),J(1,`Signals`),R(),L(2,`ul`,85),P(3,BV,18,17,`li`,null,bB,!1,HV,6,3,`li`,86),R()),e&2){let e=G();k(3),F(e.filteredNodes())}}var WV=`follow`;function GV(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var KV=`env:`,qV=50,JV=new Set([`signal`,`computed`,`linkedSignal`]),YV=20,XV={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},ZV={write:`set`,sample:`sampled`,initial:`initial`},QV={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},$V={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`},eH=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);filterInput=Jv(`filterInput`);injector=C(Ts);pageId=LE();angularPages=dO(()=>this.rpc());angularPage=Q(()=>fO(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=O({});graphState=O({graph:null,pages:{}});chosenPageId=O(null);announcement=O(``);graphPages=Q(()=>GV(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,YV)});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($V).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:WV,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:KV+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:WV});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(GV(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!==WV?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(KV)?{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 XV[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 JV.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>=qV&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return QV[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return ZV[e]}kindColor(e){return $V[e]??$V.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,mB,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,SB,4,2,`div`,4),M(4,CB,4,2,`div`,5),R(),L(5,`p`,6),J(6),R(),M(7,TB,6,3,`p`,7)(8,EB,5,1,`p`,7),M(9,DB,2,0,`p`,8),L(10,`p`,9),M(11,OB,1,0)(12,kB,1,0)(13,AB,1,0),R(),M(14,jB,2,2,`app-angular-unavailable`,10),M(15,MB,2,0,`p`,8),M(16,NB,2,2,`p`,8),M(17,FB,7,4,`div`,11),M(18,IB,4,0,`div`,12),M(19,LB,7,4,`div`,13)(20,RB,14,0,`div`,14),M(21,HB,6,1),sg(22,JB,1,1,`ng-template`,null,1,Ev),M(24,tV,12,6,`section`,15),M(25,uV,8,2,`section`,16),L(26,`p`,17),J(27),R(),M(28,TV,5,0),M(29,UV,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:[gO,ub,Yz,kO,pB,dM,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;
   }
-}`]})},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%] {
+}`]})},tH=`pangular-pref`;function nH(e){try{let t=localStorage.getItem(`${tH}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function rH(e,t){try{localStorage.setItem(`${tH}:${e}`,String(t))}catch{}}var iH=[`queryInput`],aH=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),oH=()=>({compact:!1}),sH=()=>({compact:!0}),cH=(e,t)=>t.node.injector.id,lH=(e,t)=>t.id,uH=(e,t)=>t.from+t.token+e,dH=(e,t)=>t.token+e,fH=(e,t)=>t.type,pH=(e,t)=>t.token+t.file+t.line;function mH(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 hH(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 gH(e,t){e&1&&M(0,hH,4,2,`div`,10),e&2&&N(G().pageOptions().length>1?0:-1)}function _H(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 vH(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G(2);k(),Y(e.frameworkHiddenText())}}function yH(e,t){e&1&&(L(0,`span`,27),J(1),R()),e&2&&(k(),X(`Change detection: `,t))}function bH(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 xH(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 SH(e,t){e&1&&(L(0,`span`,42),J(1),R()),e&2&&(k(),X(`+`,t,` more`))}function CH(e,t){if(e&1&&(L(0,`div`,29)(1,`span`,40),J(2,`Provided by`),R(),P(3,xH,6,4,`button`,41,lH),M(5,SH,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 wH(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 TH(e,t){e&1&&J(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function EH(e,t){e&1&&J(0,` None of them provide anything themselves. `)}function DH(e,t){e&1&&J(0,` Turn off “Components only” to see directives. `)}function OH(e,t){e&1&&J(0,` Try a different search. `)}function kH(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,TH,1,0)(5,EH,1,0)(6,DH,1,0)(7,OH,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 AH(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 jH(e,t){e&1&&z(0,`span`,50)}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.component)}}function NH(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 PH(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 FH(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 IH(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,AH,3,2,`span`,49)(2,jH,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,MH,2,1,`span`,54)(10,NH,2,1,`span`,54),L(11,`span`,55),M(12,PH,6,2,`span`,56),M(13,FH,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 LH(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 RH(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,LH,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 zH(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 BH(e,t){if(e&1&&(L(0,`ul`,68),P(1,zH,2,3,`li`,77,Ag),R()),e&2){let e=G();k(),F(e.injector.directives)}}function VH(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 HH(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 UH(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 WH(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,UH,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 GH(e,t){if(e&1&&(L(0,`li`),M(1,HH,5,2,`span`,79)(2,WH,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 KH(e,t){e&1&&(L(0,`p`,71),J(1,`Only services this injector has already created are listed.`),R())}function qH(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function JH(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`for `,e.from)}}function YH(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 XH(e,t){e&1&&(L(0,`span`,92),J(1,`optional, not provided`),R())}function ZH(e,t){e&1&&(L(0,`span`,93),J(1,`not provided anywhere`),R())}function QH(e,t){if(e&1&&(L(0,`li`,86)(1,`div`,87)(2,`span`,88),J(3),R(),P(4,qH,2,1,`span`,89,Ag),R(),L(6,`div`,90),M(7,JH,2,1,`span`),M(8,YH,5,3,`button`,91)(9,XH,2,0,`span`,92)(10,ZH,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 $H(e,t){if(e&1&&(L(0,`ul`,84),P(1,QH,11,5,`li`,85,uH),R()),e&2){let e=G(2);k(),F(e.dependencies)}}function eU(e,t){e&1&&(L(0,`p`,76),J(1,`Nothing is injected through the constructor or inject().`),R())}function tU(e,t){e&1&&(L(0,`p`,76),J(1,`No service created here has injected anything yet.`),R())}function nU(e,t){if(e&1&&(L(0,`div`,70)(1,`h3`),J(2),L(3,`span`,17),J(4),R()(),M(5,KH,2,0,`p`,71),M(6,$H,3,0,`ul`,84)(7,eU,2,0,`p`,76)(8,tU,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 rU(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 iU(e,t){e&1&&(L(0,`span`,89),J(1,`viewProviders`),R())}function aU(e,t){e&1&&(L(0,`span`,89),J(1,`multi`),R())}function oU(e,t){e&1&&(L(0,`span`,89),J(1,`Angular`),R())}function sU(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 cU(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,iU,2,0,`span`,89),M(7,aU,2,0,`span`,89),M(8,oU,2,0,`span`,89),R(),M(9,sU,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,aH,r.injector.id,t.token,n))(`label`,t.token)(`canLog`,!0)}}function lU(e,t){if(e&1&&M(0,cU,11,17,`li`,95),e&2){let e=t.$implicit;N(G(4).isHidden(e)?-1:0)}}function uU(e,t){if(e&1&&(L(0,`ul`,75),P(1,lU,1,1,null,null,dH),R()),e&2){let e=G();k(),F(e.providers)}}function dU(e,t){e&1&&J(0,` No providers or viewProviders on this element. `)}function fU(e,t){e&1&&J(0,` This injector has no providers of its own. `)}function pU(e,t){if(e&1&&(L(0,`p`,76),M(1,dU,1,0)(2,fU,1,0),R()),e&2){let e=G();k(),N(e.injector.type===`element`?1:2)}}function mU(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,BH,3,0,`ul`,68),M(7,VH,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,GH,3,3,`li`,73,lH),R()(),M(16,nU,9,4,`div`,70),L(17,`div`,70)(18,`h3`),J(19,` Provides `),L(20,`span`,17),J(21),R()(),M(22,rU,4,2,`p`,74),M(23,uU,3,0,`ul`,75)(24,pU,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 hU(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,_H,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,vH,2,1,`span`,26),M(29,yH,2,1,`span`,27),R(),M(30,bH,8,0,`p`,28),M(31,CH,6,1,`div`,29)(32,wH,4,1,`div`,30),L(33,`div`,31),M(34,kH,8,1,`div`,32),L(35,`div`,33),U(`keydown`,function(t){return T(e),E(G().onTreeKey(t))}),P(36,IH,14,19,`div`,34,cH),R(),M(38,RH,8,2,`section`,35)(39,mU,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 gU(e,t){e&1&&(L(0,`div`,4),z(1,`span`,99),L(2,`p`,7),J(3,`Loading dependency injection data…`),R()())}function _U(e,t){e&1&&Gg(0,5),e&2&&(G(),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,oH)))}function vU(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 yU(e,t){e&1&&(M(0,vU,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 bU(e,t){e&1&&Gg(0,5),e&2&&(G(2),I(`ngTemplateOutlet`,d_(3))(`ngTemplateOutletContext`,mv(2,sH)))}function xU(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 SU(e,t){if(e&1&&(L(0,`span`,110),J(1),R()),e&2){let e=G().$implicit;k(),X(`providedIn: `,e.providedIn)}}function CU(e,t){if(e&1&&(L(0,`span`,113),J(1),R()),e&2){let e=G().$implicit;k(),X(`as `,e.source)}}function wU(e,t){if(e&1&&(L(0,`li`,107)(1,`div`,108)(2,`span`,109),J(3),R(),M(4,SU,2,1,`span`,110),R(),L(5,`div`,111),z(6,`app-source-link`,112),M(7,CU,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 TU(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,wU,8,5,`li`,107,pH),R()()),e&2){let e=t.$implicit;k(2),X(` `,e.label,` `),k(2),Y(e.items.length),k(2),F(e.items)}}function EU(e,t){if(e&1&&(L(0,`div`,103),P(1,TU,8,2,`section`,104,fH),R()),e&2){let e=G(2);k(),F(e.groupedProviders())}}function DU(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,bU,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,xU,7,1,`div`,32)(21,EU,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 OU=`inj-null`,kU=`injectors.hideFramework`,AU=12,jU=600,MU={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function NU(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function PU(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function FU(e){return Array.isArray(e)}var IU=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=Rv();showComponent=Rv();injector=C(Ts);nullId=OU;hostPage=LE();angularPages=dO(()=>this.rpc());angularPage=Q(()=>fO(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 FU(e)?e:[]});environment=Q(()=>{let e=this.shownPage()?.environment;return FU(e)?e:[]});truncated=Q(()=>this.shownPage()?.truncated===!0);zone=Q(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?KD(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(nH(kU)??!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(OU)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?PU(n):e===OU?`Null injector`:`Not listed`,kind:n?NU(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:PU(n),kind:NU(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=Q(()=>this.providerHits().slice(0,AU));providedByMore=Q(()=>Math.max(0,this.providerHits().length-AU));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)},jU);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 ${PU(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),rH(kU,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 PU(e)}kind(e){return NU(e)}tone(e){return MU[e]??MU.null}kindById(e){let t=this.index().map.get(e);return t?NU(t):`null`}labelById(e){let t=this.index().map.get(e);return t?PU(t):e===OU?`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?PU(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,iH,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,mH,7,5,`ng-template`,null,0,Ev)(4,gH,1,1,`ng-template`,null,1,Ev),M(6,hU,40,22)(7,gU,4,0,`div`,4)(8,_U,1,3,`ng-container`,5)(9,yU,6,1)(10,DU,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:[gO,ub,kO,dM,mN],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);
-}`]})},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%] {
+}`]})},LU=1e3;function RU(e){return`${e>=1e3?`${LU}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function zU(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 BU(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 VU=`@type`,HU=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function UU(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&VU in e&&HU.has(e[VU])}function WU(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function GU(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+GU(e,n)).join(`,
+`)}\n${t}]`:`[]`;if(UU(e)){let r=e;switch(r[VU]){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}${GU(e,n)} => ${GU(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+GU(e,n)).join(`,
+`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[VU])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${WU(e)}: ${GU(t,n)}`).join(`,
+`)}\n${t}}`:`{}`}function KU(e,t=120){let n=GU(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var qU=[`eventDetailHeading`],JU=[`cancelButton`],YU=[`restoreButton`],XU=[`stateTree`],ZU=[`filterInput`],QU=[`latestButton`],$U=[`logList`],eW=[`eventsList`],tW=e=>({kind:`ngrx`,storeId:e}),nW=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),rW=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),iW=(e,t)=>t.id,aW=(e,t)=>t.entry.seq,oW=(e,t)=>t.key,sW=(e,t)=>t.name,cW=(e,t)=>t.idsKey,lW=(e,t)=>t.path,uW=(e,t)=>t.kind,dW=(e,t)=>t.name+t.file+t.line;function fW(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 pW(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.liveStores().length)}}function mW(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 hW(e,t){e&1&&(L(0,`div`,18)(1,`p`,29),J(2,`Loading…`),R()())}function gW(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 _W(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 vW(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 yW(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 bW(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,_W,7,0)(4,vW,10,0)(5,yW,16,0),R()),e&2){let e=G();I(`page`,e.angularPage()),k(3),N(e.usesSignals()?3:e.usesClassic()?4:5)}}function xW(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 SW(e,t){e&1&&(L(0,`li`,34),J(1,`No stores match this filter.`),R())}function CW(e,t){e&1&&z(0,`app-source-link`,44),e&2&&I(`file`,t)}function wW(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 TW(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 EW(e,t){if(e&1&&(L(0,`p`,45),J(1,` Referenced by `),P(2,TW,3,2,null,null,Ag),R()),e&2){let e=G();k(2),F(e.signal.references)}}function DW(e,t){if(e&1&&(L(0,`p`,63),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function OW(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,DW,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 kW(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 AW(e,t){if(e&1&&(L(0,`dl`,66),P(1,kW,5,3,null,null,oW),R()),e&2){let e=G(4);k(),F(e.computedEntries())}}function jW(e,t){e&1&&(L(0,`p`,67),J(1,`No computed signals.`),R())}function MW(e,t){e&1&&(L(0,`span`,73),J(1,`signalMethod`),R())}function NW(e,t){e&1&&(L(0,`span`,73),J(1,`rxMethod`),R())}function PW(e,t){if(e&1&&(L(0,`li`,72),J(1),M(2,MW,2,0,`span`,73)(3,NW,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 FW(e,t){if(e&1&&(L(0,`ul`,69),P(1,PW,6,5,`li`,72,sW),R()),e&2){let e=G();k(),F(e.methods)}}function IW(e,t){e&1&&(L(0,`p`,67),J(1,`No methods.`),R())}function LW(e,t){if(e&1&&(L(0,`li`,72),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function RW(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 zW(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 BW(e,t){e&1&&(L(0,`span`,67),J(1,`None selected`),R())}function VW(e,t){if(e&1&&(L(0,`dl`,66)(1,`dt`),J(2,`Selected`),R(),L(3,`dd`),M(4,zW,2,2,`code`,71)(5,BW,2,0,`span`,67),R()()),e&2){let e=G().$implicit;k(4),N(e.selected===void 0?5:4)}}function HW(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,LW,2,1,`li`,72,Ag),M(9,RW,2,2,`li`,81),R(),M(10,VW,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 UW(e,t){if(e&1&&(L(0,`section`,70)(1,`h4`,75),J(2,`Entities`),R(),L(3,`div`,76),P(4,HW,11,6,`div`,77,cW),R()()),e&2){let e=G();k(4),F(e.entities)}}function WW(e,t){if(e&1&&(L(0,`section`,64)(1,`h4`,65),J(2,`Computed`),R(),M(3,AW,3,0,`dl`,66)(4,jW,2,0,`p`,67),L(5,`h4`,68),J(6,`Methods`),R(),M(7,FW,3,0,`ul`,69)(8,IW,2,0,`p`,67),R(),M(9,UW,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 GW(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 KW(e,t){if(e&1&&(L(0,`span`,73),J(1),R()),e&2){G();let e=fv(0);k(),Y(e.origin)}}function qW(e,t){if(e&1&&J(0),e&2){G();let e=fv(0);X(` · `,G(3).formatDuration(e.durationMs),` `)}}function JW(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,GW,2,2,`span`,86),R(),L(9,`span`,87),M(10,KW,2,1,`span`,73),J(11),M(12,qW,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 YW(e,t){e&1&&J(0,` No entries match this filter. `)}function XW(e,t){e&1&&J(0,` No actions dispatched since the page connected. `)}function ZW(e,t){e&1&&J(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function QW(e,t){if(e&1&&(L(0,`li`,34),M(1,YW,1,0)(2,XW,1,0)(3,ZW,1,0),R()),e&2){let e=G(),t=G(2);k(),N(t.filter()?1:e.classic?2:3)}}function $W(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,nW,t))}}function eG(e,t){if(e&1&&z(0,`option`,93),e&2){let e=t.$implicit;I(`value`,e)}}function tG(e,t){if(e&1&&(L(0,`p`,99),J(1),R()),e&2){let e=G(4);k(),Y(e.restoreOff)}}function nG(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,eG,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,tG,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 rG(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,CW,1,1,`app-source-link`,44),M(10,wW,2,1,`span`,43),R(),M(11,EW,4,0,`p`,45),R(),M(12,OW,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,WW,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,JW,13,16,`li`,null,aW,!1,QW,4,1,`li`,34),R(),M(38,$W,2,4,`div`,60),R()(),M(39,nG,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,tW,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 iG(e,t){if(e&1&&(L(0,`div`,20)(1,`ul`,33),P(2,xW,8,10,`li`,null,iW,!1,SW,2,0,`li`,34),R(),M(5,rG,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 aG(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 oG(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,aG,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 sG(e,t){e&1&&(L(0,`li`,34),J(1,`No events match this filter.`),R())}function cG(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,rW,t))}}function lG(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,oG,9,14,`li`,null,aW,!1,sG,2,0,`li`,34),R(),M(13,cG,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 uG(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 dG(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 fG(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 pG(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 mG(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 hG(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 gG(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,hG,2,1,`pre`,112),R()),e&2){let e=t;k(4),Y(e.type),k(),N(e.payload===void 0?-1:5)}}function _G(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 vG(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 yG(e,t){e&1&&(L(0,`span`,125),J(1,`→`),R(),L(2,`span`,126),J(3,`became`),R())}function bG(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 xG(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,vG,2,1,`code`,123),M(7,yG,4,0),M(8,bG,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 SG(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 CG(e,t){if(e&1&&(L(0,`ul`,118),P(1,xG,9,7,`li`,119,lW),R(),M(3,SG,2,1,`p`,67)),e&2){let e=G(2).selected;k(),F(e.diff),k(2),N(e.diffTruncated?3:-1)}}function wG(e,t){e&1&&(L(0,`p`,67),J(1,`The state did not change.`),R())}function TG(e,t){if(e&1&&(L(0,`div`,114)(1,`div`,115),J(2,`State diff`),R(),M(3,_G,2,1,`button`,116),R(),M(4,CG,4,1)(5,wG,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 EG(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 DG(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 OG(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 kG(e,t){if(e&1&&M(0,DG,1,2)(1,OG,1,1),e&2){let e;N((e=G(3).store())?0:1,e)}}function AG(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,EG,1,1)(3,kG,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 jG(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 MG(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 NG(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 PG(e,t){if(e&1&&(L(0,`div`,129),M(1,jG,3,2,`button`,130),M(2,MG,2,2,`button`,131),R(),M(3,NG,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 FG(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 IG(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 LG(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 RG(e,t){if(e&1&&(L(0,`p`,111),M(1,FG,4,0)(2,IG,10,0)(3,LG,4,0),R()),e&2){let e=G().selected;k(),N(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function zG(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,uG,4,1),M(9,dG,4,1),M(10,fG,5,1),M(11,pG,5,1),M(12,mG,5,1),M(13,gG,6,2),R(),M(14,TG,6,3),M(15,AG,10,4,`div`,110),M(16,PG,4,3),M(17,RG,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 BG(e,t){if(e&1&&(L(0,`span`,16),J(1),R()),e&2){let e=G();k(),Y(e.sourceEntries().length)}}function VG(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 HG(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 UG(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 WG(e,t){if(e&1&&(L(0,`p`,147),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function GG(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,WG,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 KG(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 qG(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,UG,6,7,`button`,139,uW),R(),L(7,`ul`,140),P(8,GG,10,7,`li`,141,dW,!1,KG,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 JG={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)`},YG={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`},XG={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function ZG(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 QG=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),$G=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=dO(()=>this.rpc());angularPage=Q(()=>fO(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?BU(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?GU(e.signal?e.signal.state:e.classic?.state):``});computedEntries=Q(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:KU(t,160),full:GU(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 oP({count:Q(()=>this.storeLog().length),estimate:56});shownLog=Q(()=>eK(this.storeLog(),this.logWindow));eventWindow=new oP({count:Q(()=>this.pageEvents().length),estimate:36});shownEvents=Q(()=>eK(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(()=>ZG(this.dispatchPayload()).error??``);dispatchRequest=Q(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=ZG(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=>QG.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(GU(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 JG[e]??`var(--text-3)`}kindLabel(e){return YG[e]??e}originText(e){return XG[e]??e}changesLabel=zU;moreChanges=RU;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return GU(e)}shortText(e){return KU(e)}formatTime=$O;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,qU,5)(t.cancelButton,JU,5)(t.restoreButton,YU,5)(t.stateTree,XU,5)(t.filterInput,ZU,5)(t.latestButton,QU,5)(t.logList,$U,5)(t.eventsList,eW,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,fW,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,pW,2,1,`span`,16),R(),M(12,mW,7,0,`div`,17)(13,hW,3,0,`div`,18)(14,gW,5,0,`div`,19)(15,bW,6,2)(16,iG,6,2,`div`,20),L(17,`p`,21),J(18),R()(),M(19,lG,14,8,`section`,22),sg(20,zG,18,16,`ng-template`,null,1,Ev),L(22,`section`,23)(23,`div`,14)(24,`h2`,24),J(25,`Source declarations`),R(),M(26,BG,2,1,`span`,16),R(),M(27,VG,4,0,`div`,25)(28,HG,29,0,`div`,26)(29,qG,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:[gO,ik,Yz,kO,ub,dM,mN],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 $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%] {
+}`]})};function eK(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}var tK=[`heading`];function nK(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 rK(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 iK(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 aK(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 oK(e,t){if(e&1&&(B(0,`p`,13),J(1),V()),e&2){let e=G();k(),Y(e.writesOff)}}var sK=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,tK,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,nK,5,0,`div`,6)(11,rK,2,2,`pre`,7),M(12,iK,6,4,`div`,8)(13,aK,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,oK,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 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%] {
+}`]})};function cK(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 lK(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 uK(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 dK(e,t){e&1&&(B(0,`div`,1),Vg(1,`span`,5),B(2,`p`),J(3,`Checking the form for problems…`),V()())}function fK(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 pK(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 mK(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,pK,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 hK(e,t){if(e&1&&(B(0,`p`,9)(1,`span`,10),J(2),V(),J(3),V(),B(4,`ul`,11),P(5,mK,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 gK=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,cK,7,0,`div`,0)(1,lK,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;
-}`]})},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%] {
+}`]})},_K=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,uK,7,0,`div`,0)(1,dK,4,0,`div`,1)(2,fK,8,0,`div`,2)(3,hK,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;
-}`]})},_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%] {
+}`]})},vK=[`pathInput`],yK=()=>[],bK=(e,t)=>t.formId+`#`+t.seq;function xK(e,t){e&1&&z(0,`span`,6)}function SK(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 CK(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 wK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),X(`×`,e.count)}}function TK(e,t){if(e&1&&(L(0,`span`,26),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.origin)}}function EK(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 DK(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,yK)).join(`, `))}}function OK(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 kK(e,t){if(e&1&&(L(0,`div`,27),M(1,OK,6,1),J(2),R()),e&2){let e=G().$implicit;k(),N(e.prev===void 0?-1:1),k(),X(` `,e.detail,` `)}}function AK(e,t){if(e&1&&(L(0,`span`,28),J(1),R()),e&2){let e=G().$implicit;k(),X(`from `,e.caller)}}function jK(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,CK,2,2,`span`,26),M(10,wK,2,1,`span`,26),M(11,TK,2,1,`span`,26),M(12,EK,2,2,`span`,26),M(13,DK,2,4,`span`,26),R(),M(14,kK,3,2,`div`,27),M(15,AK,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 MK(e,t){if(e&1&&(L(0,`ol`,19),P(1,jK,16,12,`li`,null,bK),R()),e&2){let e=G();k(),F(e.shown())}}function NK(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 PK(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 FK=[`all`,`user`,`code`,`agent`,`devtools`],IK=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],LK=class e{events=$.required();recording=$(!1);record=Rv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=FK;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=IK.filter(t=>e.has(t)),r=[...e].filter(e=>!IK.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=$O;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,vK,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,xK,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,SK,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,MK,3,0,`ol`,19)(27,NK,7,0,`div`,20)(28,PK,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:[kO],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -10743,7 +10743,7 @@ time[_ngcontent-%COMP%] {
     justify-content: center;
     padding: 0 8px;
   }
-}`]})},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%] {
+}`]})},RK=(e,t)=>t.path;function zK(e,t){e&1&&(B(0,`span`,6),J(1,`duplicate name`),V())}function BK(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.description)}}function VK(e,t){if(e&1&&(B(0,`p`,8),J(1),V()),e&2){let e=G();k(),Y(e.error)}}function HK(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 UK(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,HK,4,2,`li`,null,RK),V()()),e&2){let e=G();k(4),F(e.blocking)}}function WK(e,t){e&1&&(B(0,`span`,12),J(1,`required`),V())}function GK(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V(),M(3,WK,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 KK(e,t){if(e&1&&(B(0,`div`,9)(1,`p`,10),J(2,`Inputs`),V(),B(3,`ul`,11),P(4,GK,4,2,`li`,null,Ag),V()()),e&2){let e=G();k(4),F(e.inputs)}}function qK(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 JK(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,qK,4,2,`li`,null,RK),V()()),e&2){let e=G();k(4),F(e.requiredChanged)}}function YK(e,t){if(e&1&&(B(0,`span`,10),J(1),V()),e&2){let e=G().$implicit;k(),X(``,e.ms,` ms`)}}function XK(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 ZK(e,t){if(e&1&&(B(0,`pre`,13),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function QK(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,YK,2,1,`span`,10),M(7,XK,2,1,`span`,10),M(8,ZK,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 $K(e,t){if(e&1&&(B(0,`ul`),P(1,QK,9,10,`li`,null,kg),V()),e&2){let e=G();k(),F(e.calls)}}function eq(e,t){e&1&&(B(0,`p`,10),J(1,` Calls are not recorded for a tool registered before the inspector attached. `),V())}function tq(e,t){e&1&&(B(0,`p`,10),J(1,`No agent has called this tool since the inspector attached.`),V())}function nq(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,zK,2,0,`span`,6),V(),M(9,BK,2,1,`p`,7),M(10,VK,2,1,`p`,8),M(11,UK,6,0,`div`,9),M(12,KK,6,0,`div`,9),M(13,JK,6,0,`div`,9),B(14,`div`,9)(15,`p`,10),J(16,`Recent calls`),V(),M(17,$K,3,0,`ul`)(18,eq,2,0,`p`,10)(19,tq,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 rq(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 iq={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},aq=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 iq[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,nq,20,10,`section`,0)(1,rq,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;
-}`]})},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%] {
+}`]})},oq=()=>[],sq=(e,t)=>t.id,cq=(e,t)=>t.node.path;function lq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Connecting to the devtools server…`),R()())}function uq(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 dq(e,t){e&1&&(L(0,`div`,1),z(1,`span`,5),L(2,`p`),J(3,`Loading forms…`),R()())}function fq(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 pq(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 mq(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 hq(e,t){e&1&&(L(0,`span`,23),J(1),L(2,`span`,22),J(3,` errors`),R()()),e&2&&(k(),Y(t))}function gq(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,hq,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 _q(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 vq(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 yq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G();k(),Y(e.submitted?`submitted`:`not submitted`)}}function bq(e,t){e&1&&(L(0,`span`),J(1,`submitting`),R())}function xq(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 Sq(e,t){if(e&1&&(L(0,`details`,31)(1,`summary`),J(2),R(),L(3,`ul`),P(4,xq,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 Cq(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 wq(e,t){if(e&1&&(L(0,`p`,41),J(1),R()),e&2){let e=G(3);k(),Y(e.writesOff)}}function Tq(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 Eq(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 Dq(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 Oq(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 kq(e,t){if(e&1&&(L(0,`code`),J(1),xv(2,`json`),R(),M(3,Dq,6,3,`div`,7),M(4,Oq,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 Aq(e,t){e&1&&(L(0,`span`,7),J(1,`not created yet`),R())}function jq(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 Mq(e,t){e&1&&(L(0,`span`),J(1,`touched`),R())}function Nq(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 Pq(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 Fq(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 Iq(e,t){e&1&&(L(0,`span`,65),J(1,`view out of sync`),R())}function Lq(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 Rq(e,t){e&1&&(L(0,`span`),J(1,`required`),R())}function zq(e,t){e&1&&(L(0,`span`),J(1,`readonly`),R())}function Bq(e,t){e&1&&(L(0,`span`),J(1,`hidden`),R())}function Vq(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 Hq(e,t){e&1&&(L(0,`span`),J(1,`debouncing`),R())}function Uq(e,t){e&1&&(L(0,`span`),J(1,`validators`),R())}function Wq(e,t){e&1&&(L(0,`span`),J(1,`async validator`),R())}function Gq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function Kq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.node.accessor)}}function qq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(`name `,e.node.name)}}function Jq(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 Yq(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=t.$implicit;k(),X(`disabled: `,e)}}function Xq(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 Zq(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 Qq(e,t){if(e&1&&(L(0,`div`),J(1),L(2,`code`,48),J(3),R(),M(4,Xq,2,1,`span`,68),M(5,Zq,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 $q(e,t){e&1&&(L(0,`div`,67),J(1,`not shown to the user`),R())}function eJ(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 tJ(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,kq,5,5),R(),L(8,`td`,63),M(9,Aq,2,0,`span`,7)(10,jq,2,2,`span`,29),R(),L(11,`td`,64),M(12,Mq,2,0,`span`),M(13,Nq,2,1,`span`),M(14,Pq,2,1,`span`),M(15,Fq,2,1,`span`,65),M(16,Iq,2,0,`span`,65),M(17,Lq,2,1,`span`),M(18,Rq,2,0,`span`),M(19,zq,2,0,`span`),M(20,Bq,2,0,`span`),M(21,Vq,2,1,`span`),M(22,Hq,2,0,`span`),M(23,Uq,2,0,`span`),M(24,Wq,2,0,`span`),P(25,Gq,2,1,`span`,null,Ag),M(27,Kq,2,1,`span`),M(28,qq,2,1,`span`),P(29,Jq,3,3,`span`,null,kg),P(31,Yq,2,1,`span`,null,kg),R(),L(33,`td`,66),P(34,Qq,6,4,`div`,null,kg),M(36,$q,2,0,`div`,67),R()(),M(37,eJ,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,oq)),k(2),F(e.node.disabledReasons??mv(29,oq)),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 nJ(e,t){e&1&&J(0),e&2&&X(` No field path matches "`,G(5).filter(),`". `)}function rJ(e,t){e&1&&J(0,` No field matches the selected filters. `)}function iJ(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 aJ(e,t){if(e&1&&(L(0,`tr`)(1,`td`,70)(2,`p`),M(3,nJ,1,1)(4,rJ,1,0),R(),M(5,iJ,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 oJ(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 sJ(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,Eq,3,2,`label`,null,sq),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,tJ,38,30,null,null,cq,!1,aJ,6,2,`tr`),R()()(),M(28,oJ,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 cJ(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 lJ(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 uJ(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 dJ(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,yq,2,1,`span`),M(16,bq,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,Sq,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,Cq,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,wq,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,Tq,2,5,`button`,44,sq),R(),L(51,`div`,45),M(52,sJ,29,4)(53,cJ,2,4)(54,lJ,1,3,`app-forms-submit`,46)(55,uJ,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 fJ(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,mq,3,1,`label`,12),L(7,`ul`,13),P(8,gq,12,10,`li`,null,sq),R()(),M(10,_q,7,2,`section`,14)(11,vq,7,1,`section`,14)(12,dJ,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 pJ=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],mJ=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function hJ(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 gJ(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+gJ(t),0)}function _J(e){return e.children?e.children.reduce((e,t)=>e+_J(t),0):+(e.type===`control`&&e.materialized!==!1)}var vJ=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=pJ;chips=mJ;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:_J(e.root),errors:gJ(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=>hJ(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,lq,4,0,`div`,1)(1,uq,7,0,`div`,2)(2,dq,4,0,`div`,1)(3,fq,5,0,`div`,3)(4,pq,7,2,`div`,3)(5,fJ,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:[sK,LK,gK,_K,aq,ik,gb],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -11919,7 +11919,7 @@ code[_ngcontent-%COMP%] {
    .divider[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},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%] {
+}`]})},yJ=[`filterInput`],bJ=(e,t)=>t.file+t.name,xJ=(e,t)=>t.file+`:`+t.line,SJ=(e,t)=>t.name;function CJ(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 wJ(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 TJ(e,t){e&1&&(L(0,`div`,15),z(1,`span`,29),L(2,`p`,30),J(3,`Scanning pipes…`),R()())}function EJ(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 DJ(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 OJ(e,t){e&1&&J(0,` Couldn't scan the source again. The list keeps the last scan. `)}function kJ(e,t){e&1&&J(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function AJ(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,OJ,1,0)(6,kJ,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 jJ(e,t){e&1&&(L(0,`span`,46),J(1,`stale?`),R())}function MJ(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 NJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function PJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function FJ(e,t){e&1&&(L(0,`span`,48),J(1,`NgModule`),R())}function IJ(e,t){e&1&&(L(0,`span`,50),J(1,`No source location`),R())}function LJ(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;Z(` `,e.file,`:`,e.line,` `)}}function RJ(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 zJ(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 BJ(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,jJ,2,0,`span`,46),M(10,MJ,2,1,`span`,47),M(11,NJ,2,0,`span`,48),M(12,PJ,2,0,`span`,48),M(13,FJ,2,0,`span`,48),L(14,`span`,48),J(15),R()(),L(16,`span`,49),M(17,IJ,2,0,`span`,50)(18,LJ,1,2),M(19,RJ,2,1,`span`,51)(20,zJ,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 VJ(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,BJ,21,16,`li`,null,bJ),R()}if(e&2){let e=G(2);k(),F(e.filtered())}}function HJ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(3).filter().trim(),`” in this view. `)}function UJ(e,t){e&1&&J(0,` None of the pipes fit this filter. `)}function WJ(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,HJ,1,1)(5,UJ,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 GJ(e,t){e&1&&(L(0,`span`,48),J(1,`built-in`),R())}function KJ(e,t){e&1&&(L(0,`span`,48),J(1,`runtime only`),R())}function qJ(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 JJ(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 YJ(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 XJ(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,YJ,2,2,`li`,55,xJ),R()()),e&2){let e=G();k(4),Y(e.usageCount),k(2),F(e.usages)}}function ZJ(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 QJ(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 $J(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 eY(e,t){if(e&1&&(L(0,`li`),M(1,QJ,5,3,`button`,62)(2,$J,5,2,`span`,63),R()),e&2){let e,n=t.$implicit;k(),N((e=n.targets?.[0])?1:2,e)}}function tY(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 nY(e,t){if(e&1&&(L(0,`span`,66),J(1),R()),e&2){let e=G(2);k(),Y(e.lastError)}}function rY(e,t){if(e&1&&(L(0,`dt`),J(1,`Errors`),R(),L(2,`dd`),J(3),M(4,nY,2,1,`span`,66),R()),e&2){let e=G();k(3),X(` `,e.errorCount,` `),k(),N(e.lastError?4:-1)}}function iY(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 aY(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 oY(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 sY(e,t){if(e&1&&(L(0,`span`,69),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.lastCaller)}}function cY(e,t){if(e&1&&(L(0,`li`,67),M(1,iY,3,2,`button`,62)(2,aY,3,1,`span`,63),L(3,`span`,66),J(4),L(5,`span`,68),J(6),R(),M(7,oY,2,1,`span`,68),R(),M(8,sY,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 lY(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 uY(e,t){if(e&1&&(L(0,`dt`),J(1,`Per instance`),R(),L(2,`dd`)(3,`ul`,58),P(4,cY,9,6,`li`,67,kg),R(),M(6,lY,2,2,`p`,61),R()),e&2){let e=G();k(4),F(e.instances),k(2),N(e.instanceTotal?6:-1)}}function dY(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 fY(e,t){if(e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`),J(3),R(),M(4,tY,4,3),M(5,rY,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,uY,7,1),M(15,dY,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 pY(e,t){e&1&&(L(0,`dt`),J(1,`Calls`),R(),L(2,`dd`,70),J(3,`None recorded yet.`),R())}function mY(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 hY(e,t){e&1&&(L(0,`p`,61),J(1,`Turn on “Record calls” to see call counts and values.`),R())}function gY(e,t){if(e&1&&(M(0,ZJ,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,eY,3,1,`li`,null,SJ),R()(),M(12,fY,16,7)(13,pY,4,0),R(),M(14,mY,2,0,`p`,61),M(15,hY,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 _Y(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 vY(e,t){if(e&1&&(L(0,`header`,52)(1,`h2`,53),J(2),R(),L(3,`span`,48),J(4),R(),M(5,GJ,2,0,`span`,48),M(6,KJ,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,qJ,4,2),M(20,JJ,4,1),L(21,`dt`),J(22,`Pure`),R(),L(23,`dd`),J(24),R()()(),M(25,XJ,8,1,`div`,54),L(26,`div`,54)(27,`h3`),J(28,`Live on the page`),R(),M(29,gY,16,5)(30,_Y,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 yY(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 bY(e,t){if(e&1&&(M(0,AJ,9,2,`div`,33),L(1,`div`,34)(2,`div`,35),M(3,VJ,3,0,`ul`,36)(4,WJ,8,1,`div`,37),R(),L(5,`section`,38),M(6,vY,31,13)(7,yY,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 xY(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 SY(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 CY(e,t){if(e&1&&(L(0,`span`,78),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.component)}}function wY(e,t){e&1&&(L(0,`span`,48),J(1,`no source`),R())}function TY(e,t){e&1&&(L(0,`span`,46),J(1,`duplicate subscription`),R())}function EY(e,t){e&1&&(L(0,`span`,46),J(1,`resubscribing`),R())}function DY(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,SY,2,2,`button`,77)(2,CY,2,1,`span`,78),M(3,wY,2,0,`span`,48),M(4,TY,2,0,`span`,46),M(5,EY,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 OY(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,xY,2,2,`p`,61),L(14,`ul`,74),P(15,DY,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 kY(e,t){e&1&&(L(0,`span`,21),J(1),R()),e&2&&(k(),Y(t.length))}function AY(e,t){e&1&&(L(0,`p`,22),J(1,`Couldn't run the lint check. Try Refresh.`),R())}function jY(e,t){e&1&&(L(0,`p`,23),J(1,`Checking…`),R())}function MY(e,t){e&1&&(L(0,`p`,24),J(1,`No problems found.`),R())}function NY(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 PY(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.pipe,` `)}}function FY(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,NY,4,1,`button`,86)(9,PY,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 IY(e,t){if(e&1&&(L(0,`ul`,25),P(1,FY,18,9,`li`,81,kg),R()),e&2){let e=G();k(),F(e.lint())}}var LY=5e3,RY=[{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`}],zY=class e{destroyRef=C(Ds);host=C(Il);injector=C(Ts);filterInput=Jv(`filterInput`);rpc=$(null);kindOptions=RY;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.`)},LY)}}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,yJ,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,CJ,6,1,`p`,14),M(19,wJ,8,1,`p`,14),M(20,TJ,4,0,`div`,15)(21,EJ,7,0,`div`,16)(22,DJ,5,0,`div`,17)(23,bY,8,3),M(24,OY,17,2,`section`,18),L(25,`section`,19)(26,`h2`,20),J(27,` Lint `),M(28,kY,2,1,`span`,21),R(),M(29,AY,2,0,`p`,22)(30,jY,2,0,`p`,23)(31,MY,2,0,`p`,24)(32,IY,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:[kO,dM],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;
   }
-}`]})},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";
+}`]})},BY=()=>[],VY=()=>[`/`],HY=(e,t)=>t.id,UY=(e,t)=>t.route.id,WY=(e,t)=>t[0],GY=(e,t)=>t.file+t.method,KY=(e,t)=>t.path,qY=(e,t)=>t.mode,JY=(e,t)=>t.file,YY=(e,t)=>t.rule;function XY(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 ZY(e,t){e&1&&(L(0,`div`,1),z(1,`span`,6),L(2,`span`),J(3,`Reading the project…`),R()())}function QY(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 $Y(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 eX(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 tX(e,t){e&1&&(L(0,`div`,26),J(1),R()),e&2&&(k(),Y(t))}function nX(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 rX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.fullPath)}}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`,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 aX(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 oX(e,t){if(e&1&&(L(0,`div`,33),P(1,aX,2,2,`span`,36,WY),R()),e&2){let e=G(2),t=G(3);k(),F(t.paramList(e.match.params))}}function sX(e,t){if(e&1&&(L(0,`strong`,31),J(1),R(),J(2,` renders `),L(3,`ol`,32),P(4,iX,5,3,`li`,null,HY),R(),M(6,oX,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 cX(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 lX(e,t){if(e&1&&(L(0,`span`,31),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function uX(e,t){if(e&1&&(L(0,`li`),M(1,cX,2,2,`app-source-link`,34)(2,lX,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 dX(e,t){if(e&1&&(L(0,`ul`,37),P(1,uX,5,2,`li`,null,kg),R()),e&2){let e=G(2);k(),F(e.match.rejected.slice(0,5))}}function fX(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,dX,3,0,`ul`,37)),e&2){let e=G();k(),Y(e.url),k(2),N(e.match.rejected.length?3:-1)}}function pX(e,t){if(e&1&&(L(0,`div`,27),M(1,sX,7,2)(2,fX,4,2),R()),e&2){let e=t;j(`data-tone`,e.match.matched?`good`:`bad`),k(),N(e.match.matched?1:2)}}function mX(e,t){e&1&&(L(0,`span`,39),J(1,`└`),R())}function hX(e,t){e&1&&(L(0,`span`,41),J(1,`open`),R())}function gX(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 _X(e,t){e&1&&(L(0,`span`,4),J(1,`folder only`),R())}function vX(e,t){if(e&1&&(L(0,`span`,44),J(1),R()),e&2){let e=t.$implicit;k(),X(``,e,`()`)}}function yX(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G().$implicit;k(),X(`"`,e.route.title,`"`)}}function bX(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=G().$implicit;k(),Y(e)}}function xX(e,t){if(e&1&&M(0,bX,2,1,`span`,36),e&2){let e=t.$implicit;N(e===`title`?-1:0)}}function SX(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`div`,38),M(3,mX,2,0,`span`,39),L(4,`span`,40),J(5),R(),L(6,`span`,35),J(7),R(),M(8,hX,2,0,`span`,41),R()(),L(9,`td`),M(10,gX,4,3,`app-source-link`,42)(11,_X,2,0,`span`,4),R(),L(12,`td`)(13,`div`,43),P(14,vX,2,1,`span`,44,Ag),R()(),L(16,`td`),M(17,yX,2,1,`span`,45),P(18,xX,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,BY))}}function CX(e,t){e&1&&J(0,` No route matches the filter. Try part of a path or a file name. `)}function wX(e,t){e&1&&J(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function TX(e,t){if(e&1&&(L(0,`tr`)(1,`td`,47),M(2,CX,1,0)(3,wX,1,0),R()()),e&2){let e=G(3);k(2),N(e.filter().trim()?2:3)}}function EX(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,tX,2,1,`div`,26)(12,pX,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,SX,20,14,`tr`,30,UY,!1,TX,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 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,`load() ran twice`),R(),J(3,` for `),P(4,DX,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 kX(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 AX(e,t){if(e&1&&(L(0,`div`,48)(1,`strong`),J(2,`Server function read ran twice`),R(),J(3,`: `),P(4,kX,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 jX(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 MX(e,t){if(e&1&&J(0),e&2){let e=G(4);Z(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function NX(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 PX(e,t){if(e&1&&(L(0,`p`,66),M(1,MX,1,2),M(2,NX,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 FX(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 IX(e,t){if(e&1&&(L(0,`strong`,85),J(1),R(),M(2,FX,2,2,`app-source-link`,88)),e&2){let e=t;k(),Y(e.name),k(),N(e.file?2:-1)}}function LX(e,t){if(e&1&&(L(0,`span`,85),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.url)}}function RX(e,t){e&1&&(L(0,`span`,35),J(1,`ran during server rendering`),R())}function zX(e,t){if(e&1&&J(0),e&2){let e=G(2).$implicit;X(` to `,e.location,` `)}}function BX(e,t){if(e&1&&(L(0,`span`,35),J(1),M(2,zX,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 VX(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 HX(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 UX(e,t){e&1&&(L(0,`span`,4),J(1,`in process`),R())}function WX(e,t){if(e&1&&J(0),e&2){let e=G().$implicit;X(` `,e.ms,` ms `)}}function GX(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,IX,3,2)(11,LX,2,1,`span`,85),M(12,RX,2,0,`span`,35),M(13,BX,3,3,`span`,35),M(14,VX,2,2,`span`,35),R(),M(15,HX,5,1,`details`),R(),L(16,`td`)(17,`span`,86),J(18),R()(),L(19,`td`,87),M(20,UX,2,0,`span`,4)(21,WX,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 KX(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,GX,24,14,`tr`,null,HY),R()()()),e&2){let e=G(3);k(17),F(e.calls())}}function qX(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(4).callQuery().trim(),`” with these filters. `)}function JX(e,t){e&1&&J(0),e&2&&X(` None of the `,G(4).allCalls().length,` calls fit these filters. `)}function YX(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,qX,1,1)(5,JX,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 XX(e,t){e&1&&J(0,` No calls of this kind yet. `)}function ZX(e,t){e&1&&J(0,` No calls yet. `)}function QX(e,t){if(e&1&&(L(0,`div`,69)(1,`p`,90),M(2,XX,1,0)(3,ZX,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 $X(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 eZ(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 tZ(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 nZ(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,tZ,13,7,`tr`,null,HY),R()()()),e&2){let e=G(3);k(15),F(e.serverFns())}}function rZ(e,t){if(e&1&&(L(0,`p`,76),J(1),R()),e&2){let e=G(3);k(),Y(e.callsOff)}}function iZ(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 aZ(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 oZ(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 sZ(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 cZ(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 lZ(e,t){e&1&&(L(0,`div`,79),M(1,sZ,5,1,`div`,72)(2,cZ,7,5),R()),e&2&&(k(),N(t.error?1:2))}function uZ(e,t){if(e&1){let e=H();M(0,OX,7,0,`div`,48),M(1,AX,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,jX,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,PX,3,2,`p`,66),M(27,KX,19,0,`div`,67)(28,YX,9,1,`div`,68)(29,QX,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,$X,14,7,`tr`,null,GY,!1,eZ,3,0,`tr`),R()()(),M(49,nZ,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,rZ,2,1,`p`,76)(61,iZ,2,1,`p`,77),M(62,aZ,6,2),M(63,oZ,2,2,`p`,78)(64,lZ,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 dZ(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 fZ(e,t){if(e&1&&(L(0,`div`,33),P(1,dZ,2,3,`span`,35,qY),R()),e&2){let e=G(3);k(),F(e.modeCounts())}}function pZ(e,t){e&1&&(L(0,`span`,104),J(1,`differs from config`),R())}function mZ(e,t){if(e&1&&(L(0,`div`,43)(1,`span`,86),J(2),R(),L(3,`span`,103),J(4),R(),M(5,pZ,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 hZ(e,t){e&1&&(L(0,`span`,102),J(1,`not requested yet`),R())}function gZ(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 _Z(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,mZ,6,5,`div`,43)(11,hZ,2,0,`span`,102),R(),L(12,`td`),M(13,gZ,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 vZ(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 yZ(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 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){e&1&&(L(0,`span`,102),J(1,`default, nothing configured`),R())}function SZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function CZ(e,t){if(e&1&&(L(0,`dt`),J(1,`From routeRules`),R(),L(2,`dd`),P(3,SZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.fromRules)}}function wZ(e,t){if(e&1&&(L(0,`span`,107),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function TZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Static, not listed`),R(),L(2,`dd`),P(3,wZ,2,1,`span`,107,Ag),R()),e&2){let e=G(2);k(3),F(e.staticMissing)}}function EZ(e,t){if(e&1&&(L(0,`span`,36),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function DZ(e,t){if(e&1&&(L(0,`dt`),J(1,`Need explicit entries`),R(),L(2,`dd`),P(3,EZ,2,1,`span`,36,Ag),R()),e&2){let e=G(2);k(3),F(e.dynamic)}}function OZ(e,t){if(e&1&&(L(0,`span`,108),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function kZ(e,t){if(e&1&&(J(0,` · missing `),P(1,OZ,2,1,`span`,108,Ag)),e&2){let e=G(3);k(),F(e.notBuilt)}}function AZ(e,t){if(e&1&&(J(0),M(1,kZ,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 jZ(e,t){e&1&&(L(0,`span`,102),J(1,`no build yet`),R())}function MZ(e,t){if(e&1&&(L(0,`dl`,105)(1,`dt`),J(2,`Listed`),R(),L(3,`dd`),P(4,bZ,2,1,`span`,36,Ag),M(6,xZ,2,0,`span`,102),R(),M(7,CZ,5,0),M(8,TZ,5,0),M(9,DZ,5,0),L(10,`dt`),J(11,`Build output`),R(),L(12,`dd`,106),M(13,AZ,2,2)(14,jZ,2,0,`span`,102),R()()),e&2){let e=G();k(4),F(e.listed??mv(5,VY)),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 NZ(e,t){e&1&&(L(0,`div`,101)(1,`h2`),J(2,`Prerender plan`),R(),M(3,yZ,2,0,`p`,4)(4,MZ,15,6,`dl`,105),R()),e&2&&(k(3),N(t.dynamicConfig?3:4))}function PZ(e,t){if(e&1&&(M(0,fZ,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,_Z,14,6,`tr`,null,KY,!1,vZ,3,0,`tr`),R()()(),M(17,NZ,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 FZ(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 IZ(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 LZ(e,t){if(e&1&&(L(0,`tr`)(1,`td`)(2,`strong`),J(3),R(),M(4,FZ,3,1,`div`),M(5,IZ,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 RZ(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,LZ,17,9,`tr`,null,JY),R()()()),e&2){let e=G(3);k(15),F(e.project().content)}}function zZ(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 BZ(e,t){e&1&&M(0,RZ,17,0,`div`,109)(1,zZ,5,0,`div`,69),e&2&&N(+!G(2).project().content.length)}function VZ(e,t){if(e&1&&(L(0,`span`,17),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.items.length)}}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(5);I(`file`,e.file),k(2),Y(t.dir(e.file)),k(),Y(t.base(e.file))}}function UZ(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.path)}}function WZ(e,t){if(e&1&&(L(0,`p`,119),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function GZ(e,t){if(e&1&&(L(0,`li`),M(1,HZ,4,3,`app-source-link`,42),M(2,UZ,2,1,`span`,40),M(3,WZ,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 KZ(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,VZ,2,1,`span`,17),R(),L(7,`p`),J(8),R(),L(9,`ul`,116),P(10,GZ,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 qZ(e,t){if(e&1&&(L(0,`p`,4),J(1),R(),L(2,`ul`,113),P(3,KZ,18,8,`li`,null,YY),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 JZ(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 YZ(e,t){e&1&&M(0,qZ,5,2)(1,JZ,4,0,`div`,112),e&2&&N(+!G(2).findings().length)}function XZ(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,$Y,5,2,`div`,11),R(),L(27,`div`,12),U(`keydown`,function(t){return T(e),E(G().onKey(t))}),P(28,eX,4,7,`button`,13,HY),R(),L(30,`div`,14),M(31,EX,29,6)(32,uZ,65,21)(33,PZ,18,3)(34,BZ,2,1)(35,YZ,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 ZZ={"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.`}},QZ=200,$Z=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`]),eQ={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},tQ={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},nQ={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},rQ={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function iQ(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),iQ(r.children,t+1,n);return n}var aQ=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=QZ;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>=QZ);allRoutes=Q(()=>iQ(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:eQ[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=ZZ[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=$Z.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 tQ[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return eQ[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 nQ[e]}outcomeTone(e){return rQ[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=$O;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,XY,7,0,`div`,0)(1,ZY,4,0,`div`,1)(2,QY,14,0,`div`,2)(3,XZ,36,10),e&2&&N(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[kO,dM],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;
-}`]})},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";
+}`]})},oQ=[`callsBody`],sQ=(e,t)=>t.id,cQ=(e,t)=>t.id+t.kind,lQ=(e,t)=>t.entry.side+t.entry.id,uQ=(e,t)=>t.key;function dQ(e,t){e&1&&(L(0,`div`,1),z(1,`span`,67),L(2,`span`),J(3,`Loading…`),R()())}function fQ(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 pQ(e,t){e&1&&(L(0,`span`,82),J(1,`this page`),R())}function mQ(e,t){e&1&&(L(0,`span`,83),J(1,`overridden`),R())}function hQ(e,t){e&1&&(L(0,`span`,84),J(1,`aborted`),R())}function gQ(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,pQ,2,0,`span`,82),M(18,mQ,2,0,`span`,83),M(19,hQ,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 _Q(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 vQ(e,t){if(e&1&&(L(0,`span`,89),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.note)}}function yQ(e,t){if(e&1&&(L(0,`p`,88)(1,`span`,83),J(2),R(),L(3,`span`),J(4),R(),M(5,vQ,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 bQ(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,yQ,6,3,`p`,88,cQ)),e&2){let e=G();k(4),F(e.overrides)}}function xQ(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 SQ(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 CQ(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 wQ(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 TQ(e,t){if(e&1&&(L(0,`p`,56),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.reason)}}function EQ(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,xQ,3,1),J(8),R()(),M(9,SQ,5,4,`div`),M(10,CQ,5,1,`div`),M(11,wQ,5,1,`div`),R(),M(12,TQ,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 DQ(e,t){if(e&1&&(L(0,`h3`),J(1,`Router during the render`),R(),P(2,EQ,13,7,null,null,kg)),e&2){let e=G();k(2),F(e.navigations)}}function OQ(e,t){e&1&&(L(0,`span`,82),J(1,`cached`),R())}function kQ(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 AQ(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 jQ(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,OQ,2,0,`span`,82)(10,kQ,2,1,`span`,92),R(),M(11,AQ,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 MQ(e,t){e&1&&(L(0,`p`,56),J(1,`The render made no HttpClient calls.`),R())}function NQ(e,t){e&1&&(L(0,`p`,93),J(1),R()),e&2&&(k(),X(`Why: `,t,`.`))}function PQ(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,NQ,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 FQ(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,PQ,8,4,null,null,sQ)),e&2){let e=G(3);k(),X(`Fetched again in the browser (`,e.refetched().length,`)`),k(3),F(e.refetched())}}function IQ(e,t){e&1&&(L(0,`p`,87),J(1,`No server call ran again in the browser.`),R())}function LQ(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,_Q,11,1,`p`,56),M(33,bQ,6,0),M(34,DQ,4,0),L(35,`h3`),J(36),R(),P(37,jQ,12,11,null,null,sQ,!1,MQ,2,0,`p`,56),M(40,FQ,6,1)(41,IQ,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 RQ(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,gQ,20,20,`tr`,72,sQ),R()()(),M(19,LQ,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 zQ(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 BQ(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 VQ(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 HQ(e,t){e&1&&(L(0,`span`,99),J(1,`transfer cache`),R())}function UQ(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 WQ(e,t){e&1&&(L(0,`span`,83),J(1,`mocked`),R())}function GQ(e,t){e&1&&(L(0,`span`,84),J(1,`faulted`),R())}function KQ(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 qQ(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,HQ,2,0,`span`,99),M(20,UQ,2,1,`span`,99),M(21,WQ,2,0,`span`,83),M(22,GQ,2,0,`span`,84),M(23,KQ,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 JQ(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 YQ(e,t){if(e&1&&(M(0,BQ,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,VQ,2,2,`tr`,97),P(22,qQ,24,29,`tr`,72,lQ),M(24,JQ,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 XQ(e,t){e&1&&J(0),e&2&&X(` Nothing matches “`,G(2).callQuery().trim(),`” with these filters. `)}function ZQ(e,t){e&1&&J(0),e&2&&X(` None of the `,G(2).timeline().length,` requests fit these filters. `)}function QQ(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,XQ,1,1)(5,ZQ,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 $Q(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 e$(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 t$(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 n$(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,e$,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,t$,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 r$(e,t){if(e&1&&(L(0,`p`,31),J(1),R()),e&2){let e=G();k(),Y(e.writesOff)}}function i$(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 a$(e,t){e&1&&(L(0,`span`),J(1,`passthrough`),R())}function o$(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 s$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),X(``,e.delayMs,` ms`)}}function c$(e,t){e&1&&(L(0,`span`),J(1,`mock body`),R())}function l$(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 u$(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,a$,2,0,`span`)(13,o$,2,7,`span`,120),M(14,s$,2,1,`span`),M(15,c$,2,0,`span`),R(),M(16,l$,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 d$(e,t){e&1&&(L(0,`li`,53),J(1,`No rules. SSR rules apply on the next page load.`),R())}function f$(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 p$(e,t){e&1&&J(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function m$(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,p$,1,0),R()),e&2&&(k(2),N(t===`http`?2:-1))}function h$(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,m$,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 g$(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 _$(e,t){if(e&1&&(L(0,`span`),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.message)}}function v$(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 y$(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,_$,2,1,`span`),M(11,v$,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 b$(e,t){e&1&&(L(0,`li`,53),J(1,`No overrides.`),R())}function x$(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 S$(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 C$(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 w$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R(),M(3,S$,5,1,`span`,129),M(4,C$,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 T$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),L(2,`ul`,128),P(3,w$,5,3,`li`,null,kg),R()),e&2){let e=G();k(),X(`Mismatches (`,e.mismatches.length,`)`),k(2),F(e.mismatches)}}function E$(e,t){if(e&1&&(L(0,`li`)(1,`code`),J(2),R()()),e&2){let e=t.$implicit;k(2),Y(e)}}function D$(e,t){if(e&1&&(L(0,`h3`),J(1,`ngSkipHydration hosts`),R(),L(2,`ul`,131),P(3,E$,3,1,`li`,null,kg),R()),e&2){let e=G();k(3),F(e.skipHydrationHosts)}}function O$(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 k$(e,t){if(e&1&&(L(0,`pre`,132),J(1),R()),e&2){let e=t.$implicit;k(),Y(e)}}function A$(e,t){e&1&&(L(0,`p`,87),J(1,`No hydration warnings.`),R())}function j$(e,t){if(e&1&&(L(0,`h3`),J(1),R(),P(2,k$,2,1,`pre`,132,kg,!1,A$,2,0,`p`,87)),e&2){let e=G();k(),X(`Warnings (`,e.warnings.length,`)`),k(),F(e.warnings)}}function M$(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,x$,15,5),R(),M(33,T$,5,1),M(34,D$,5,0),M(35,O$,7,0)(36,j$,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 N$(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 P$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`No TransferState script: this page was not server rendered.`),R()())}function F$(e,t){if(e&1&&(L(0,`p`,134),J(1),R()),e&2){let e=G(2);k(),Y(e.error)}}function I$(e,t){e&1&&(L(0,`span`,99),J(1),R()),e&2&&(k(),Y(t))}function L$(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 R$(e,t){if(e&1&&(L(0,`span`,137),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.key)}}function z$(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 B$(e,t){if(e&1){let e=H();L(0,`details`)(1,`summary`),z(2,`span`,136),M(3,I$,2,1,`span`,99),M(4,L$,4,6)(5,R$,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,z$,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 V$(e,t){if(e&1&&(L(0,`p`,133),J(1),R(),M(2,F$,2,1,`p`,134),L(3,`div`,135),P(4,B$,20,10,`details`,null,uQ),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 H$(e,t){e&1&&M(0,P$,3,0,`div`,12)(1,V$,6,4),e&2&&N(+!!t.found)}function U$(e,t){e&1&&(L(0,`div`,12)(1,`p`),J(2,`Open a page of the app to see its payload.`),R()())}var W$={kind:`render-error`,pattern:``,message:``,key:``,value:``},G$={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},K$={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},q$={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function J$(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var Y$=/\[redacted\]|%5Bredacted%5D/gi;function X$(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?J$(e):e).replace(Y$,`*`)}function Z$(e){let t=tk(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var Q$=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function $$(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function e1(e){let t=$$(e);return t===`/`?``:t}var t1=/\[redacted\]|%5Bredacted%5D/i,n1=200,r1=50,i1=500,a1=1e5,o1=[{value:``,label:`None`},...qT.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],s1=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({...W$});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({...q$});message=O(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=o1;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 oP({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} ${J$(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} ${J$(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${J$(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>i1||this.bodyError()||this.rules().length>=r1)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>=r1?`You can add up to ${r1} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>i1?`The URL pattern is limited to ${i1} 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>a1)return`The mock body is limited to ${a1} 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} ${J$(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${J$(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 K$[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 tk(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=X$(e.url),r=e.error||!e.preview?null:Z$(e.preview);this.draft.set({...q$,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&&!Q$.includes(e)?[...Q$,e]:Q$).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({...q$}),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 G$[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<=n1&&!t1.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...W$,kind:`state-edit`,pattern:t?e1(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({...W$,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,oQ,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,dQ,4,0,`div`,1)(1,fQ,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,RQ,20,1)(16,zQ,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,YQ,25,5)(36,QQ,9,1,`div`,27)(37,$Q,11,0,`div`,12),M(38,n$,20,18,`div`,28),R(),L(39,`section`,29)(40,`h2`,30),J(41,`Fault injection`),R(),M(42,r$,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,i$,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,u$,17,17,`li`,52,sQ,!1,d$,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,f$,8,1)(107,h$,12,6)(108,g$,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,y$,12,12,`li`,52,sQ,!1,b$,2,0,`li`,53),R()(),L(118,`section`,63)(119,`h2`,64),J(120,`Hydration`),R(),M(121,M$,37,14)(122,N$,5,0,`div`,12),R(),L(123,`section`,65)(124,`h2`,66),J(125,`TransferState payload`),R(),M(126,H$,2,1)(127,U$,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:[ik,Yz,kO,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 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%] {
+}`]})};function c1(e,t){e&1&&(D(),B(0,`svg`,9),Vg(1,`path`,20),V())}function l1(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 u1(e,t){e&1&&(D(),B(0,`svg`,11),Vg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),V())}function d1(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 f1(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 p1(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 m1=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,c1,2,0,`:svg:svg`,9)(12,l1,11,0,`:svg:svg`,10)(13,u1,5,0,`:svg:svg`,11)(14,d1,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,f1,8,2,`a`,16),B(24,`h3`,17),J(25),V(),B(26,`ul`,18),P(27,p1,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;
   }
-}`]})},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%] {
+}`]})},h1=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function g1(e){return e==null?`Unknown`:e?`Yes`:`No`}function _1(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 v1(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 y1=new WeakMap;function b1(e){let t=e.calls;if(Array.isArray(t))return e;let n=y1.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)},y1.set(e,n)}return n}function x1(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(b1).sort((e,t)=>t.reportedAt-e.reportedAt)}function S1(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function C1(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function w1(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||C1(e,n)>=500}function T1(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 E1(e,t){let n=t-e;return n<1e3?`just now`:`${T1(n)} ago`}function D1(e,t){return h1.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 O1(e,t){let n=e.info,r=n=>e.calls.filter(e=>w1(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=>D1(e,n.platform)).length}}function k1(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 A1=/^[A-Za-z_$][\w$]*$/;function j1(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+j1(e,n)).join(`,
+`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${A1.test(e)?e:JSON.stringify(e)}: ${j1(t,n)}`).join(`,
+`)},\n${t}}`:`{}`}function M1(e){let t=A1.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=A1.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[j1(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function N1(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function P1(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 F1(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 I1(e,t){e&1&&(B(0,`p`,9),J(1,`No arguments.`),V())}function L1(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 R1(e,t){e&1&&M(0,I1,2,0,`p`,9)(1,L1,2,1,`pre`,10),e&2&&(G(),N(fv(0).args===void 0?0:1))}function z1(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.code)}}function B1(e,t){if(e&1&&(B(0,`p`,11),M(1,z1,2,1,`code`),J(2),V()),e&2){let e=t;k(),N(e.code?1:-1),k(),X(` `,e.message,` `)}}function V1(e,t){e&1&&(B(0,`p`,9),J(1,`No answer yet.`),V())}function H1(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 U1(e,t){e&1&&(B(0,`p`,9),J(1,`Resolved without a value.`),V())}function W1(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 G1(e,t){if(e&1&&(M(0,H1,2,1,`p`,9),M(1,U1,2,0,`p`,9)(2,W1,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 K1(e,t){if(e&1&&M(0,B1,3,2,`p`,11)(1,V1,2,0,`p`,9)(2,G1,3,2),e&2){let e;G();let t=fv(0);N((e=t.error)?0:t.status===`pending`?1:2,e)}}function q1(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 J1(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,q1,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 Y1=[`args`,`outcome`,`timing`],X1=class e{call=$.required();now=$.required();announce=Rv();host=C(Il);tab=O(`args`);tabOrder=Y1;json=N1;time=$O;span=T1;took=C1;statusText=Q(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:S1(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=Y1.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%Y1.length;else if(e.key===`ArrowLeft`)n=(t-1+Y1.length)%Y1.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=Y1.length-1;else return;e.preventDefault();let r=Y1[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`?N1(t):M1(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,F1,2,5,`button`,6,Ag),V(),B(15,`div`,7),M(16,R1,2,1)(17,K1,3,1)(18,J1,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;
-}`]})},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%] {
+}`]})},Z1=(e,t)=>t.plugin,Q1=(e,t)=>t.label;function $1(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 e0(e,t){e&1&&(B(0,`span`,4),J(1,`Not reported yet`),V())}function t0(e,t){if(e&1&&(B(0,`div`)(1,`dt`),J(2),V(),B(3,`dd`),M(4,$1,8,3)(5,e0,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 n0(e,t){if(e&1&&(B(0,`article`,2)(1,`h3`,3)(2,`code`),J(3),V()(),B(4,`dl`),P(5,t0,6,2,`div`,null,Q1),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 r0(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function i0(e,t=e=>e){return n=>{let r=r0(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function a0(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var o0=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:a0([`getFoldState`],[`foldStateChange`],i0(`state`))},{label:`Posture`,sources:a0([`getFoldState`],[`foldStateChange`],i0(`posture`))},{label:`Hinge orientation`,sources:a0([`getFoldState`],[`foldStateChange`],i0(`hingeOrientation`))},{label:`Hinge angle`,sources:a0([`getHingeAngle`],[`hingeAngleChange`],i0(`angle`,e=>`${e}°`))},{label:`Active display`,sources:a0([`getFoldState`],[`foldStateChange`],i0(`activeDisplay`))},{label:`Size class`,sources:a0([`getSizeClass`],[`sizeClassChange`],e=>{let t=i0(`widthClass`)(e),n=i0(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function s0(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 c0(e,t=o0){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=s0(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 l0=class e{cards=$.required();now=$.required();ago=E1;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,n0,7,3,`article`,2,Z1),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;
-}`]})},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%] {
+}`]})},u0=(e,t)=>t.filter,d0=(e,t)=>t.id,f0=(e,t)=>t.name;function p0(e,t){e&1&&(L(0,`p`,1),J(1,`Loading Capacitor data…`),R())}function m0(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 h0(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 g0(e,t){if(e&1&&P(0,h0,6,4,`button`,26,u0),e&2){let e=G();F(G(2).callStats(e))}}function _0(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,g0,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 v0(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 y0(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 b0(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 x0(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 S0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin calls yet. Use the app and they show up here.`),R())}function C0(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 w0(e,t){e&1&&(D(),z(0,`path`,50))}function T0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,56))}function E0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,57))}function D0(e,t){e&1&&(D(),z(0,`circle`,55)(1,`path`,58))}function O0(e,t){e&1&&(L(0,`span`,51),J(1,`stream`),R())}function k0(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,w0,1,0,`:svg:path`,50)(7,T0,2,0)(8,E0,2,0)(9,D0,2,0),R(),J(10),R(),M(11,O0,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 A0(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 j0(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,k0,20,15,`li`,null,d0),R(),M(4,A0,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 M0(e,t){if(e&1){let e=H();M(0,x0,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,S0,2,0,`p`,18)(13,C0,7,3,`div`,18)(14,j0,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 N0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugins are registered or installed.`),R())}function P0(e,t){if(e&1&&(L(0,`code`),J(1),R()),e&2){let e=G();k(),Y(e.command)}}function F0(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 I0(e,t){if(e&1&&(L(0,`span`,63),J(1),M(2,P0,2,1,`code`),J(3),R(),M(4,F0,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 L0(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,I0,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 R0(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,L0,12,5,`tr`,null,f0),R()()()),e&2){let e=G();k(15),F(e.info.plugins)}}function z0(e,t){e&1&&(L(0,`p`,18),J(1,`No plugin listeners. They show up when the app calls addListener.`),R())}function B0(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 V0(e,t){e&1&&(L(0,`span`,68),J(1,`No data`),R())}function H0(e,t){if(e&1&&(M(0,B0,2,1,`code`,68)(1,V0,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 U0(e,t){e&1&&J(0,` None yet `)}function W0(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 G0(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,H0,4,2)(11,U0,1,0),R(),L(12,`td`),J(13),M(14,W0,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 K0(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,G0,15,6,`tr`,null,d0),R()()()),e&2){let e=G();k(15),F(e.listeners)}}function q0(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,_0,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,v0,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,y0,4,2,`section`,12),L(42,`section`,13)(43,`h2`,14),J(44,`Plugin calls`),R(),M(45,b0,12,1,`p`,15)(46,M0,15,9),R(),L(47,`section`,16)(48,`h2`,17),J(49,`Plugins`),R(),M(50,N0,2,0,`p`,18)(51,R0,17,0,`div`,19),R(),L(52,`section`,20)(53,`h2`,21),J(54,`Listeners`),R(),M(55,z0,2,0,`p`,18)(56,K0,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 J0(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 Y0=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,X0=2e3,Z0={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},Q0=class e{rpc=$(null);destroyRef=C(Ds);host=C(Il);injector=C(Ts);seen=new Map;hostPageId=LE();unsubscribe;time=$O;preview=P1;pluginHint=D1;guideUrl=Y0;yesNo=g1;filterOptions=Object.keys(Z0).map(e=>({value:e,label:Z0[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:v1(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=>w1(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=>C1(t,e)))});hiddenBy=Q(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${Z0[this.callFilter()]} filter`),e.join(` and `)});stateCards=Q(()=>{let e=this.page();return e?c0(e):[]});leaks=Q(()=>k1(this.page()?.listeners??[]));liveSummary=Q(()=>{let e=this.page();return e?O1(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`:S1(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:S1(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${T1(C1(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,C1(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+X0-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(_1(x1(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,p0,2,0,`p`,1)(1,m0,5,0,`div`,2)(2,q0,57,13)(3,J0,2,0,`p`,1),e&2){let e;N(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[ik,kO,X1,l0],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 $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%] {
+}`]})},$0=[`log`,`info`,`warn`,`error`,`debug`];function e2(e){return e.split("`").map((e,t)=>({code:t%2==1,text:e})).filter(e=>e.text)}var t2={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function n2(e){return!!e&&typeof e==`object`}function r2(e){let t=n2(e)?e.pages:void 0;return n2(t)?Object.values(t).filter(e=>n2(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:n2(e.errors)?Object.values(e.errors):[],console:n2(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:n2(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 i2(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function a2(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 o2(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 s2(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var c2=(e,t)=>t.signal+t.at,l2=(e,t)=>t.id+e;function u2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G();k(),Y(e.binding)}}function d2(e,t){e&1&&(B(0,`span`,2),J(1,`A text interpolation (Angular doesn't name it)`),V())}function f2(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 p2(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 m2(e,t){if(e&1&&(B(0,`dt`),J(1,`Held by`),V(),B(2,`dd`),P(3,p2,3,2,null,null,Ag),V()),e&2){let e=G();k(3),F(e.members)}}function h2(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 g2(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 _2(e,t){if(e&1&&(B(0,`li`)(1,`code`),J(2),V()()),e&2){let e=t.$implicit;k(2),Y(e)}}function v2(e,t){if(e&1&&(B(0,`ol`,6),P(1,_2,3,1,`li`,null,kg),V()),e&2){let e=G().$implicit;k(),F(e.stack)}}function y2(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 b2(e,t){if(e&1&&(B(0,`li`),J(1,` Signal `),B(2,`code`),J(3),V(),J(4),M(5,v2,3,0,`ol`,6)(6,y2,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 x2(e,t){if(e&1&&(B(0,`h4`,0),J(1,`Written by`),V(),B(2,`ul`,5),P(3,b2,7,3,`li`,null,c2),V()),e&2){let e=G();k(3),F(e.writes)}}function S2(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 C2(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 w2(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,u2,2,1,`code`)(7,d2,2,0,`span`,2),M(8,f2,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,m2,5,0),V(),M(20,h2,2,0,`p`,4),M(21,g2,5,0,`p`,4),M(22,x2,5,0)(23,S2,5,0,`p`,4)(24,C2,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 T2(e,t){if(e&1&&M(0,w2,25,8),e&2){let e;N((e=G().changed())?0:-1,e)}}function E2(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),Y(e.summary)}}function D2(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 O2(e,t){if(e&1&&(B(0,`li`)(1,`span`,13),J(2),V(),M(3,D2,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 k2(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,O2,6,4,`li`,null,kg),V()()),e&2){let e=G();k(9),F(e.diff)}}function A2(e,t){e&1&&(B(0,`p`,4),J(1,`Angular described neither side of the mismatch.`),V())}function j2(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 M2(e,t){if(e&1&&(B(0,`h3`,0),J(1,`Server vs client DOM`),V(),M(2,E2,2,1,`p`,7),M(3,k2,11,0)(4,A2,2,0,`p`,4),M(5,j2,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 N2(e,t){if(e&1&&M(0,M2,6,3),e&2){let e;N((e=G().mismatch())?0:-1,e)}}function P2(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,`Path`),V(),B(2,`dd`),P(3,P2,3,2,null,null,kg),V()),e&2){let e=G();k(3),F(e.path)}}function I2(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 L2(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 R2(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 z2(e,t){e&1&&(B(0,`p`,4),J(1,`Walking the lookup…`),V())}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&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function H2(e,t){if(e&1&&M(0,B2,2,1,`code`)(1,V2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function U2(e,t){if(e&1&&(B(0,`p`,17),P(1,H2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t))}}function W2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function G2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function K2(e,t){if(e&1&&M(0,W2,2,1,`code`)(1,G2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function q2(e,t){if(e&1&&(B(0,`p`,7),P(1,K2,2,1,null,null,kg),V()),e&2){let e=G(3);k(),F(e.segments(t.summary))}}function J2(e,t){if(e&1&&(B(0,`code`,2),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.component)}}function Y2(e,t){if(e&1&&(B(0,`code`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function X2(e,t){if(e&1&&(B(0,`span`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.text)}}function Z2(e,t){if(e&1&&M(0,Y2,2,1,`code`)(1,X2,2,1,`span`),e&2){let e=t.$implicit;N(+!e.code)}}function Q2(e,t){if(e&1&&(B(0,`li`)(1,`span`,20)(2,`code`),J(3),V(),M(4,J2,2,1,`code`,2),V(),B(5,`span`,21),J(6),V(),B(7,`span`,22),P(8,Z2,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 $2(e,t){e&1&&J(0,` This Angular version has no resolution path, so the path follows the rendered tree. `)}function e4(e,t){if(e&1&&(B(0,`ol`,19),P(1,Q2,10,4,`li`,null,l2),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,$2,1,0),V()),e&2){let e=t;k(),F(e.steps),k(19),N(e.approximate?20:-1)}}function t4(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,F2,5,0),M(9,I2,5,1),V(),M(10,L2,2,2,`button`,15)(11,R2,2,0,`p`,4),B(12,`div`,16),M(13,z2,2,0,`p`,4)(14,U2,3,0,`p`,17)(15,q2,3,0,`p`,7),V(),M(16,e4,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 n4(e,t){if(e&1&&M(0,t4,17,6),e&2){let e;N((e=G().missing())?0:-1,e)}}var r4={provides:`Provides it`,missing:`Not provided`,hidden:`Hidden`,skipped:`Skipped`,"not-asked":`Not asked`,unknown:`Unknown`},i4={provides:`ok`,missing:`plain`,hidden:`warn`,skipped:`plain`,"not-asked":`plain`,unknown:`warn`},a4=class e{explain=$.required();owner=$(void 0);pageId=$(``);rpc=$(null);canExplain=$(!1);time=$O;segments=e2;stepLabel=r4;stepTone=i4;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,T2,1,1)(1,N2,1,1)(2,n4,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);
-}`]})},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%] {
+}`]})},o4=(e,t)=>t.pageId+t.id;function s4(e,t){e&1&&(L(0,`p`,1),J(1,`Loading errors…`),R())}function c4(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 l4(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 u4(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 d4(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 f4(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 p4(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 m4(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 h4(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 g4(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 _4(e,t){if(e&1&&(L(0,`span`,34),J(1),R()),e&2){let e=G();k(),Y(e)}}function v4(e,t){if(e&1&&M(0,g4,4,2,`a`,33)(1,_4,2,1,`span`,34),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function y4(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 b4(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 x4(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 S4(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 C4(e,t){e&1&&M(0,x4,4,1,`button`,36)(1,S4,4,1,`span`,4),e&2&&N(+!G(5).canShowComponent())}function w4(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 T4(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 E4(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,v4,2,1),P(8,y4,2,1,`span`,31,Ag),L(10,`span`,4),J(11),R(),M(12,b4,2,1,`span`,4),M(13,C4,2,1),R(),M(14,w4,1,5,`app-error-explain`,32),M(15,T4,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 D4(e,t){if(e&1&&(L(0,`ol`,25),P(1,E4,16,9,`li`,26,o4),R()),e&2){let e=G(3);k(),F(e.shownErrors())}}function O4(e,t){if(e&1&&(L(0,`section`,18)(1,`h2`,22),J(2,`Errors`),R(),M(3,f4,2,0,`p`,23),M(4,p4,2,2,`p`,23),M(5,m4,2,0,`p`,24)(6,h4,5,1,`div`,24)(7,D4,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 k4(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 A4(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 j4(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 M4(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 N4(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 P4(e,t){if(e&1&&(L(0,`span`,45),J(1),R()),e&2){let e=G();k(),Y(e)}}function F4(e,t){if(e&1&&M(0,N4,4,2,`a`,33)(1,P4,2,1,`span`,45),e&2){let e,n=G().$implicit;N((e=G(4).codeLink(t,n.docUrl).href)?0:1,e)}}function I4(e,t){if(e&1&&(L(0,`li`,41)(1,`span`,42),J(2),R(),L(3,`code`,43),J(4),R(),M(5,M4,2,2,`span`,28),M(6,F4,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 L4(e,t){if(e&1&&(L(0,`ol`,40),P(1,I4,9,6,`li`,41,o4),R()),e&2){let e=G(3);k(),F(e.shownEntries())}}function R4(e,t){if(e&1&&(L(0,`section`,19)(1,`h2`,39),J(2,`Console`),R(),M(3,k4,2,2,`p`,23),M(4,A4,2,0,`p`,24)(5,j4,5,0,`div`,24)(6,L4,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 z4(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,u4,1,2,`app-select`,15),M(19,d4,1,2,`app-select`,16),L(20,`span`,17),J(21),R()(),M(22,O4,8,3,`section`,18)(23,R4,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 B4={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},V4=class e{rpc=$(null);canShowComponent=$(!0);canExplainInjection=$(!1);showComponent=Rv();destroyRef=C(Ds);hostPageId=LE();unsubscribe;time=$O;codeLink=s2;sourceLabels=t2;levelTone=B4;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...$0.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:i2(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(()=>a2(this.pages(),this.pageId()));entries=Q(()=>o2(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(r2(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,s4,2,0,`p`,1)(1,c4,5,0,`div`,2)(2,l4,5,0,`div`,1)(3,z4,24,11),e&2&&N(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[kO,a4],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -16675,7 +16675,453 @@ pre[_ngcontent-%COMP%]:focus-visible {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},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%] {
+}`]})},H4=[`accessibility`,`errors`,`hydration`,`change-detection`,`leaks`,`router`,`forms`,`http`,`pipes`],U4={accessibility:`Accessibility`,"change-detection":`Change detection`,leaks:`Leaks`,errors:`Errors`,router:`Router`,forms:`Forms`,hydration:`Hydration`,http:`HTTP`,pipes:`Pipes`},W4=[{key:`cdCycles`,label:`Change detection cycles`},{key:`cdMeanMs`,label:`Mean cycle time`,unit:`ms`},{key:`cdMaxMs`,label:`Slowest cycle`,unit:`ms`},{key:`wastedChecks`,label:`Wasted checks`},{key:`wastedPercent`,label:`Wasted checks`,unit:`%`},{key:`retained`,label:`Retained components`},{key:`openSubscriptions`,label:`Open subscriptions after destroy`},{key:`errorGroups`,label:`Error groups`},{key:`errors`,label:`Error occurrences`},{key:`axeViolations`,label:`axe rules broken`},{key:`axeNodes`,label:`axe elements`},{key:`httpFailures`,label:`Failed HTTP calls`},{key:`findingsError`,label:`Errors found`},{key:`findingsWarning`,label:`Warnings found`},{key:`findingsInfo`,label:`Info found`}];function G4(e){let t=Object.entries(e.args??{}).filter(([e])=>e!==`page`).map(([e,t])=>`${e}: ${JSON.stringify(t)}`).join(`, `);return`${e.tool.replace(/^pangular:/,``)}${t?` { ${t} }`:``}`}function K4(e){let t=e??{};return{pages:Array.isArray(t.pages)?t.pages.filter(e=>typeof e?.pageId==`string`):[],report:t.report&&Array.isArray(t.report.findings)&&Array.isArray(t.report.sources)?t.report:null,session:t.session??{before:null,after:null,diff:null},axe:t.axe??null}}var q4=(e,t)=>t.label,J4=(e,t)=>t.key;function Y4(e,t){if(e&1&&(B(0,`p`,0),J(1),V()),e&2){let e=t.$implicit;k(),Y(e)}}function X4(e,t){if(e&1&&(B(0,`tr`)(1,`th`,12),J(2),V(),B(3,`td`),J(4),V(),B(5,`td`),J(6),V(),B(7,`td`)(8,`span`,13),J(9),V()()()),e&2){let e=t.$implicit;k(2),Y(e.label),k(2),Y(e.before),k(2),Y(e.after),k(2),j(`data-tone`,e.tone),k(),Y(e.change)}}function Z4(e,t){if(e&1&&(B(0,`li`)(1,`span`,14),J(2),V(),J(3),V()),e&2){let e=t.$implicit,n=G(2);k(2),Y(n.areaLabel[e.area]),k(),X(` `,n.label(e),` `)}}function Q4(e,t){if(e&1&&(B(0,`ul`),P(1,Z4,4,2,`li`,null,J4),V()),e&2){let e=G();k(),F(e.diff().resolved)}}function $4(e,t){e&1&&(B(0,`p`,7),J(1,`None.`),V())}function e3(e,t){if(e&1&&(B(0,`li`)(1,`span`,14),J(2),V(),J(3),V()),e&2){let e=t.$implicit,n=G(2);k(2),Y(n.areaLabel[e.area]),k(),X(` `,n.label(e),` `)}}function t3(e,t){if(e&1&&(B(0,`ul`),P(1,e3,4,2,`li`,null,J4),V()),e&2){let e=G();k(),F(e.diff().added)}}function n3(e,t){e&1&&(B(0,`p`,7),J(1,`None.`),V())}function r3(e,t){if(e&1&&(B(0,`li`)(1,`span`,14),J(2),V(),J(3),V()),e&2){let e=t.$implicit,n=G(2);k(2),Y(n.areaLabel[e.area]),k(),rv(` `,n.label(e),`: `,e.countBefore,`× → `,e.count??1,`× `)}}function i3(e,t){if(e&1&&(B(0,`ul`),P(1,r3,4,4,`li`,null,J4),V()),e&2){let e=G();k(),F(e.changed())}}function a3(e,t){if(e&1&&(B(0,`p`,7),J(1),V()),e&2){let e=G();k(),X(``,e.diff().remaining.length,` still there with the same count.`)}}var o3=class e{diff=$.required();areaLabel=U4;changed=Q(()=>this.diff().remaining.filter(e=>e.countBefore!==void 0&&e.countBefore!==e.count));rows=Q(()=>{let e=new Map(this.diff().metrics.map(e=>[e.metric,e]));return W4.filter(t=>e.has(t.key)).map(t=>{let n=e.get(t.key),r=t.unit?` ${t.unit}`:``,i=e=>e===void 0?`Not measured`:`${e}${r}`,a=n.delta;return{label:t.unit===`%`?`${t.label} (%)`:t.label,before:i(n.before),after:i(n.after),change:a===void 0?`Not compared`:a===0?`Same`:`${a>0?`+`:`−`}${Math.abs(a)}${r}, ${a<0?`better`:`worse`}`,tone:a===void 0||a===0?`plain`:a<0?`ok`:`danger`}})});label(e){return`${e.rule}${e.subject?` in ${e.subject}`:``}`}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-audit-diff`]],inputs:{diff:[1,`diff`]},decls:35,vars:6,consts:[[1,`notice`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Numbers before and after`,1,`table-wrap`],[1,`sr-only`],[`scope`,`col`],[1,`lists`],[`aria-labelledby`,`audit-resolved`],[`id`,`audit-resolved`],[1,`muted`],[`aria-labelledby`,`audit-added`],[`id`,`audit-added`],[`aria-labelledby`,`audit-changed`],[`id`,`audit-changed`],[`scope`,`row`],[1,`chip`],[1,`area`]],template:function(e,t){e&1&&(P(0,Y4,2,1,`p`,0,Ag),B(2,`div`,1)(3,`table`)(4,`caption`,2),J(5,` Numbers before and after. Lower is better for each. `),V(),B(6,`thead`)(7,`tr`)(8,`th`,3),J(9,`Number`),V(),B(10,`th`,3),J(11,`Before`),V(),B(12,`th`,3),J(13,`After`),V(),B(14,`th`,3),J(15,`Change`),V()()(),B(16,`tbody`),P(17,X4,10,5,`tr`,null,q4),V()()(),B(19,`div`,4)(20,`section`,5)(21,`h3`,6),J(22),V(),M(23,Q4,3,0,`ul`)(24,$4,2,0,`p`,7),V(),B(25,`section`,8)(26,`h3`,9),J(27),V(),M(28,t3,3,0,`ul`)(29,n3,2,0,`p`,7),V(),B(30,`section`,10)(31,`h3`,11),J(32),V(),M(33,i3,3,0,`ul`)(34,a3,2,1,`p`,7),V()()),e&2&&(F(t.diff().notes),k(17),F(t.rows()),k(5),X(`Resolved (`,t.diff().resolved.length,`)`),k(),N(t.diff().resolved.length?23:24),k(4),X(`New (`,t.diff().added.length,`)`),k(),N(t.diff().added.length?28:29),k(4),X(`Changed count (`,t.changed().length,`)`),k(),N(t.changed().length?33:34))},styles:[`[_nghost-%COMP%] {
+  display: grid;
+  gap: 12px;
+}
+
+.notice[_ngcontent-%COMP%] {
+  margin: 0;
+  padding: 8px 12px;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%surface);
+  color: var(--%NS%text-2);
+}
+
+.table-wrap[_ngcontent-%COMP%] {
+  overflow-x: auto;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius-sm);
+}
+
+.table-wrap[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: -2px;
+}
+
+table[_ngcontent-%COMP%] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 12px;
+}
+
+th[_ngcontent-%COMP%], 
+td[_ngcontent-%COMP%] {
+  padding: 6px 10px;
+  border-bottom: 1px solid var(--%NS%border);
+  text-align: left;
+  white-space: nowrap;
+}
+
+thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {
+  color: var(--%NS%text-3);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  background: var(--%NS%surface);
+}
+
+tbody[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {
+  font-weight: 500;
+  color: var(--%NS%text);
+}
+
+td[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+  font-variant-numeric: tabular-nums;
+}
+
+tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child    > *[_ngcontent-%COMP%] {
+  border-bottom: 0;
+}
+
+.chip[_ngcontent-%COMP%] {
+  display: inline-flex;
+  padding: 1px 8px;
+  border-radius: 99px;
+  font-size: 11px;
+  font-weight: 600;
+  border: 1px solid var(--%NS%border);
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text-2);
+}
+
+.chip[data-tone=ok][_ngcontent-%COMP%] {
+  border-color: transparent;
+  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=danger][_ngcontent-%COMP%] {
+  border-color: transparent;
+  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);
+}
+
+.lists[_ngcontent-%COMP%] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 12px;
+}
+
+h3[_ngcontent-%COMP%] {
+  color: var(--%NS%text-3);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  margin: 0 0 6px;
+}
+
+ul[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 4px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+
+.area[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+  font-weight: 600;
+}
+
+.muted[_ngcontent-%COMP%] {
+  margin: 0;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+}`]})},s3=(e,t)=>t.label,c3=(e,t)=>t.key,l3=(e,t)=>t.area;function u3(e,t){e&1&&(L(0,`div`,1)(1,`p`),J(2,`The audit reads a live page, and a static report has none.`),R(),L(3,`p`,3),J(4,`Open the panel from the server that runs the app to audit it.`),R()())}function d3(e,t){e&1&&(L(0,`p`,1),J(1,`Loading the audit…`),R())}function f3(e,t){if(e&1){let e=H();L(0,`div`,2)(1,`p`),J(2,`Can't read the audit from the devtools server.`),R(),L(3,`button`,4),U(`click`,function(){return T(e),E(G().refresh())}),J(4,`Retry`),R()()}}function p3(e,t){e&1&&(L(0,`div`,1)(1,`p`),J(2,`No page reports live data yet.`),R(),L(3,`p`,3),J(4,` Open the app with the overlay loaded. The audit reads what the other inspectors collect from it. `),R()())}function m3(e,t){if(e&1){let e=H();L(0,`app-select`,33),U(`valueChange`,function(t){return T(e),E(G(2).pickPage(t))}),R()}if(e&2){let e=G(2);I(`options`,e.pageOptions())(`value`,e.pageId())}}function h3(e,t){e&1&&(L(0,`p`,18),J(1),R()),e&2&&(k(),Y(t))}function g3(e,t){if(e&1){let e=H();L(0,`button`,16),U(`click`,function(){return T(e),E(G(2).mark(`clear`))}),J(1,` Clear `),R()}e&2&&I(`disabled`,G(2).busy())}function _3(e,t){e&1&&(L(0,`p`,18),J(1),R()),e&2&&(k(),Y(t))}function v3(e,t){e&1&&z(0,`app-audit-diff`,24),e&2&&I(`diff`,t)}function y3(e,t){e&1&&(L(0,`p`,27),J(1,` No finding on this page. Run axe, or record change detection, to check more. `),R())}function b3(e,t){if(e&1){let e=H();L(0,`div`,27)(1,`p`),J(2,`No finding matches the filters.`),R(),L(3,`button`,4),U(`click`,function(){T(e),G();let t=d_(11);return G().clearFilters(),E(t.focus())}),J(4,` Clear filters `),R()()}}function x3(e,t){if(e&1&&(L(0,`code`,39),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.subject)}}function S3(e,t){if(e&1&&(L(0,`span`,40),J(1),R()),e&2){let e=G().$implicit;j(`aria-label`,e.count+` times`),k(),X(``,e.count,`×`)}}function C3(e,t){if(e&1){let e=H();L(0,`button`,44),U(`focus`,function(){T(e);let t=G(2).$implicit;return E(G(3).highlight(t))})(`blur`,function(){return T(e),E(G(5).highlight(null))})(`click`,function(){T(e);let t=G(2).$implicit,n=G(3);return E(n.showComponent.emit({id:t.elementId,pageId:n.pageId()}))}),J(1,` Show component `),R()}}function w3(e,t){if(e&1){let e=H();L(0,`button`,44),U(`focus`,function(){T(e);let t=G(2).$implicit;return E(G(3).highlight(t))})(`blur`,function(){return T(e),E(G(5).highlight(null))})(`click`,function(){T(e);let t=G(2).$implicit;return E(G(3).highlight(t,!0))}),J(1,` Show in page `),R()}}function T3(e,t){if(e&1&&M(0,C3,2,0,`button`,43)(1,w3,2,0,`button`,43),e&2){let e=G().$implicit;N(+!G(3).isComponentArea(e.area))}}function E3(e,t){if(e&1){let e=H();L(0,`li`,35),U(`mouseenter`,function(){let t=T(e).$implicit;return E(G(3).highlight(t))})(`mouseleave`,function(){return T(e),E(G(3).highlight(null))}),L(1,`div`,36)(2,`span`,37),J(3),R(),L(4,`span`,38),J(5),R(),M(6,x3,2,1,`code`,39),M(7,S3,2,2,`span`,40),R(),L(8,`p`,41),J(9),R(),L(10,`div`,42)(11,`span`,3),J(12,`Rule `),L(13,`code`),J(14),R()(),L(15,`span`,3),J(16,`Agent tool `),L(17,`code`),J(18),R()(),M(19,T3,2,1),R()()}if(e&2){let e=t.$implicit,n=G(3);k(2),j(`data-tone`,n.tone[e.severity]),k(),Y(e.severity),k(2),Y(n.areaLabel[e.area]),k(),N(e.subject?6:-1),k(),N((e.count??1)>1?7:-1),k(2),Y(e.why),k(5),Y(e.rule),k(4),Y(n.toolCall(e)),k(),N(e.elementId&&n.canShowComponent()?19:-1)}}function D3(e,t){if(e&1&&(L(0,`ol`,28),P(1,E3,20,9,`li`,34,c3),R()),e&2){let e=G(2);k(),F(e.shown())}}function O3(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 k3(e,t){if(e&1&&(L(0,`li`)(1,`strong`),J(2),R(),J(3),R()),e&2){let e=t.$implicit,n=G(3);k(2),Y(n.areaLabel[e.area]),k(),X(` `,e.state===`off`?`Its inspector is turned off.`:e.note??`Nothing to read yet.`,` `)}}function A3(e,t){if(e&1&&(L(0,`section`,32)(1,`h2`,45),J(2,`Not checked`),R(),L(3,`ul`,46),P(4,k3,4,2,`li`,null,l3),R()()),e&2){let e=G(2);k(4),F(e.coverage())}}function j3(e,t){if(e&1){let e=H();L(0,`p`,5),J(1,` One ranked list of what the inspectors found on the live page, with an axe pass over the app when you run one. Take a baseline before a change and an after audit to compare them. Agents get the same list from the `),L(2,`code`),J(3,`audit`),R(),J(4,` tool. `),R(),L(5,`div`,6)(6,`div`,7),D(),L(7,`svg`,8),z(8,`circle`,9)(9,`path`,10),R(),_s(),L(10,`input`,11,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()(),L(12,`app-select`,12),U(`valueChange`,function(t){return T(e),E(G().area.set(t??`all`))}),R(),L(13,`app-select`,13),U(`valueChange`,function(t){return T(e),E(G().severity.set(t??`all`))}),R(),M(14,m3,1,2,`app-select`,14),L(15,`span`,15),J(16),R(),L(17,`button`,16),U(`click`,function(){return T(e),E(G().runAxe())}),J(18),R(),L(19,`button`,16),U(`click`,function(){return T(e),E(G().refresh())}),J(20,`Refresh`),R()(),L(21,`p`,17),J(22),R(),M(23,h3,2,1,`p`,18),L(24,`section`,19)(25,`div`,20)(26,`h2`,21),J(27,`Before and after`),R(),L(28,`div`,22)(29,`button`,16),U(`click`,function(){return T(e),E(G().mark(`before`))}),J(30,` Take baseline `),R(),L(31,`button`,16),U(`click`,function(){return T(e),E(G().mark(`after`))}),J(32,` Take after audit `),R(),M(33,g3,2,1,`button`,23),R()(),L(34,`p`,3),J(35),R(),M(36,_3,2,1,`p`,18),M(37,v3,1,1,`app-audit-diff`,24),R(),L(38,`section`,25)(39,`h2`,26),J(40,`Findings`),R(),M(41,y3,2,0,`p`,27)(42,b3,5,0,`div`,27)(43,D3,3,0,`ol`,28),R(),L(44,`section`,29)(45,`h2`,30),J(46,`Key numbers`),R(),L(47,`dl`,31),P(48,O3,5,2,`div`,null,s3),R()(),M(50,A3,6,0,`section`,32)}if(e&2){let e,t,n,r=G();k(10),I(`value`,r.filter()),k(2),I(`options`,r.areaOptions())(`value`,r.area()),k(),I(`options`,r.severityOptions)(`value`,r.severity()),k(),N(r.pageOptions().length>1?14:-1),k(2),Y(r.countText()),k(),I(`disabled`,r.axeRunning()),k(),X(` `,r.axeRunning()?`Running axe…`:`Run axe`,` `),k(),I(`disabled`,r.busy()),k(3),Y(r.axeStatus()),k(),N((e=r.axeError())?23:-1,e),k(6),I(`disabled`,r.busy()),k(2),I(`disabled`,r.busy()||!r.before()),k(2),N(r.before()?33:-1),k(2),Y(r.sessionText()),k(),N((t=r.sessionError())?36:-1,t),k(),N((n=r.diff())?37:-1,n),k(4),N(r.findings().length?r.shown().length?43:42:41),k(7),F(r.numbers()),k(2),N(r.coverage().length?50:-1)}}var M3={error:`danger`,warning:`warn`,info:`accent`},N3={error:0,warning:1,info:2},P3=[`errors`,`hydration`],F3=class e{rpc=$(null);canShowComponent=$(!0);showComponent=Rv();destroyRef=C(Ds);hostPageId=LE();unsubscribe;seq=0;highlighted=!1;queued;time=$O;toolCall=G4;areaLabel=U4;tone=M3;severityOptions=[{value:`all`,label:`All severities`},{value:`error`,label:`Errors`},{value:`warning`,label:`Warnings and errors`}];data=O(null);loaded=O(!1);failed=O(!1);busy=O(!1);axeRunning=O(!1);axeError=O(null);sessionError=O(null);filter=O(``);area=O(`all`);severity=O(`all`);pageId=Fv({source:()=>this.data(),computation:(e,t)=>t?.value&&e?.pages.some(e=>e.pageId===t.value)?t.value:e?.report?.pageId??this.hostPageId??``});staticReport=Q(()=>UE(this.rpc()));report=Q(()=>this.data()?.report??null);findings=Q(()=>this.report()?.findings??[]);before=Q(()=>this.data()?.session?.before??null);after=Q(()=>this.data()?.session?.after??null);diff=Q(()=>this.data()?.session?.diff??null);pageOptions=Q(()=>(this.data()?.pages??[]).map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,...e.url&&e.url!==(e.title||e.url)?{hint:e.url}:{}})));areaOptions=Q(()=>[{value:`all`,label:`All areas`},...H4.map(e=>({value:e,label:U4[e],hint:String(this.findings().filter(t=>t.area===e).length)}))]);shown=Q(()=>{let e=this.filter().trim().toLowerCase(),t=this.area(),n=this.severity()===`all`?2:N3[this.severity()];return this.findings().filter(r=>(t===`all`||r.area===t)&&N3[r.severity]<=n&&(!e||`${r.subject??``} ${r.rule} ${r.why}`.toLowerCase().includes(e)))});countText=Q(()=>`${this.shown().length} of ${this.findings().length} findings`);numbers=Q(()=>{let e=this.report()?.metrics??{};return W4.filter(t=>e[t.key]!==void 0).map(t=>({label:t.unit===`%`?`${t.label} (%)`:t.label,value:`${e[t.key]}${t.unit===`ms`?` ms`:``}`}))});coverage=Q(()=>(this.report()?.sources??[]).filter(e=>e.state!==`ok`));axeStatus=Q(()=>{if(this.axeRunning())return`Running axe on the page…`;let e=this.data()?.axe;return e?`Last axe pass at ${$O(e.at)}: ${e.violations.length} ${e.violations.length===1?`rule`:`rules`} broken.`:`No axe pass on this page yet. Run axe to check accessibility.`});sessionText=Q(()=>{let e=this.before(),t=this.after();if(!e)return`Take a baseline, make your change, then take an after audit. Run axe and record change detection the same way both times, so the numbers compare.`;let n=`Baseline at ${$O(e.at)} with ${e.findings.length} findings.`;return t?`${n} After audit at ${$O(t.at)} with ${t.findings.length} findings.`:`${n} Make your change, then take an after audit.`});constructor(){mc(()=>{let e=this.rpc();e&&!UE(e)&&Nv(()=>void this.subscribe(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.queued),this.highlight(null)})}isComponentArea(e){return P3.includes(e)}clearFilters(){this.filter.set(``),this.area.set(`all`),this.severity.set(`all`)}pickPage(e){e&&(this.pageId.set(e),this.refresh())}async refresh(){let e=this.rpc();if(!e)return;let t=++this.seq;this.failed.set(!1);try{let n=await VE(e,`get-audit`,{pageId:this.pageId()||void 0});if(t!==this.seq||this.destroyRef.destroyed)return;let r=K4(n);if(!r.report&&r.pages.length&&this.pageId())return this.pageId.set(``),this.refresh();this.data.set(r)}catch{t===this.seq&&this.failed.set(!0)}finally{t===this.seq&&this.loaded.set(!0)}}async runAxe(){let e=this.rpc();if(e&&!this.axeRunning()){this.axeRunning.set(!0),this.axeError.set(null);try{let t=await VE(e,`request-axe-run`,{pageId:this.pageId()||void 0});t?.ok||this.axeError.set(t?.error??`The axe pass did not run.`)}catch{this.axeError.set(`Can't reach the devtools server to run axe.`)}finally{this.axeRunning.set(!1)}await this.refresh()}}async mark(e){let t=this.rpc();if(t){this.busy.set(!0),this.sessionError.set(null);try{let n=await VE(t,`audit-session`,{pageId:this.pageId()||void 0,action:e});n?.ok||this.sessionError.set(n?.error??`The session did not change.`)}catch{this.sessionError.set(`Can't reach the devtools server.`)}finally{this.busy.set(!1)}await this.refresh()}}highlight(e,t=!1){let n=this.rpc();if(!n||!this.canShowComponent())return;let r=this.pageId(),i=e?.elementId&&r?{pageId:r,id:e.elementId,...t?{reveal:!0}:{}}:null;(i||this.highlighted)&&(this.highlighted=!!i,VE(n,`request-page-highlight`,i).catch(()=>{}))}refreshSoon(){this.queued===void 0&&(this.queued=setTimeout(()=>{this.queued=void 0,!(this.destroyRef.destroyed||this.axeRunning()||this.busy())&&this.refresh()},150))}async subscribe(e){await this.refresh();try{let t=await e.scope(`pangular`).rpc.sharedState(`audit`);if(this.destroyRef.destroyed)return;this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,()=>this.refreshSoon())}catch{}}static ɵfac=function(t){return new(t||e)};static ɵcmp=A({type:e,selectors:[[`app-audit-inspector`]],inputs:{rpc:[1,`rpc`],canShowComponent:[1,`canShowComponent`]},outputs:{showComponent:`showComponent`},decls:5,vars:1,consts:[[`search`,``],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[1,`muted`],[`type`,`button`,1,`small`,3,`click`],[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`,`aria-label`,`Filter findings`,`placeholder`,`Filter by component, rule or text`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Area`,1,`filter-select`,3,`valueChange`,`options`,`value`],[`ariaLabel`,`Severity`,1,`filter-select`,3,`valueChange`,`options`,`value`],[`ariaLabel`,`Page`,1,`filter-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[`type`,`button`,1,`small`,3,`click`,`disabled`],[`role`,`status`,1,`axe-status`],[`role`,`alert`,1,`notice`,`error`],[`aria-labelledby`,`audit-session-title`,1,`session`],[1,`session-head`],[`id`,`audit-session-title`],[1,`actions`],[`type`,`button`,1,`small`,3,`disabled`],[3,`diff`],[`aria-labelledby`,`audit-findings-title`],[`id`,`audit-findings-title`,1,`section-title`],[1,`empty`],[`aria-label`,`Findings, most severe first`,1,`findings`],[`aria-labelledby`,`audit-numbers-title`],[`id`,`audit-numbers-title`,1,`section-title`],[1,`numbers`],[`aria-labelledby`,`audit-coverage-title`],[`ariaLabel`,`Page`,1,`filter-select`,3,`valueChange`,`options`,`value`],[1,`finding`],[1,`finding`,3,`mouseenter`,`mouseleave`],[1,`head`],[1,`chip`],[1,`chip`,`plain`],[1,`subject`],[1,`times`],[1,`why`],[1,`meta`],[`type`,`button`,1,`link`],[`type`,`button`,1,`link`,3,`focus`,`blur`,`click`],[`id`,`audit-coverage-title`,1,`section-title`],[1,`coverage`]],template:function(e,t){e&1&&M(0,u3,5,0,`div`,1)(1,d3,2,0,`p`,1)(2,f3,5,0,`div`,2)(3,p3,5,0,`div`,1)(4,j3,51,20),e&2&&N(t.staticReport()?0:t.loaded()?t.failed()?2:t.report()?4:3:1)},dependencies:[kO,o3],styles:[`[_nghost-%COMP%] {
+  display: block;
+  font-size: 13px;
+}
+
+.intro[_ngcontent-%COMP%] {
+  margin: 0 0 12px;
+  color: var(--%NS%text-2);
+  line-height: 1.5;
+}
+
+code[_ngcontent-%COMP%] {
+  font-family: var(--%NS%font-mono);
+  font-size: 12px;
+}
+
+.muted[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+}
+
+.toolbar[_ngcontent-%COMP%] {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 12px;
+  align-items: center;
+  margin: 0 0 8px;
+  padding: 8px;
+  background: color-mix(in srgb, var(--%NS%surface) 85%, transparent);
+  backdrop-filter: blur(10px);
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius);
+}
+
+.search[_ngcontent-%COMP%] {
+  position: relative;
+  flex: 1 1 200px;
+  min-width: 0;
+}
+
+.search-icon[_ngcontent-%COMP%] {
+  position: absolute;
+  top: 50%;
+  left: 12px;
+  width: 14px;
+  height: 14px;
+  transform: translateY(-50%);
+  fill: none;
+  stroke: var(--%NS%text-3);
+  stroke-width: 2.2;
+  stroke-linecap: round;
+  pointer-events: none;
+}
+
+input[type=search][_ngcontent-%COMP%] {
+  width: 100%;
+  height: var(--%NS%control-h);
+  padding: 0 12px 0 34px;
+  background: var(--%NS%bg);
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: var(--%NS%radius-sm);
+  color: var(--%NS%text);
+  font-size: 13px;
+}
+
+input[type=search][_ngcontent-%COMP%]:focus {
+  outline: none;
+  border-color: var(--%NS%accent);
+  box-shadow: 0 0 0 3px var(--%NS%accent-soft);
+}
+
+.filter-select[_ngcontent-%COMP%] {
+  flex: 0 1 170px;
+  min-width: 0;
+}
+
+.count[_ngcontent-%COMP%] {
+  margin-left: auto;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+}
+
+.small[_ngcontent-%COMP%] {
+  height: var(--%NS%control-h);
+  padding: 0 12px;
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text);
+  font: inherit;
+  cursor: pointer;
+}
+
+.small[_ngcontent-%COMP%]:hover:not(:disabled) {
+  background: var(--%NS%surface-3);
+}
+
+.small[_ngcontent-%COMP%]:disabled {
+  color: var(--%NS%text-2);
+  cursor: default;
+}
+
+.small[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.axe-status[_ngcontent-%COMP%] {
+  min-height: 1.5em;
+  margin: 0 0 8px;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+}
+
+.notice[_ngcontent-%COMP%] {
+  margin: 0 0 12px;
+  padding: 8px 12px;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius-sm);
+  background: var(--%NS%surface);
+  color: var(--%NS%text-2);
+  line-height: 1.5;
+}
+
+.notice.error[_ngcontent-%COMP%] {
+  color: var(--%NS%danger-text);
+  border-color: color-mix(in srgb, var(--%NS%danger) 40%, transparent);
+}
+
+section[_ngcontent-%COMP%] {
+  margin: 0 0 16px;
+}
+
+.session[_ngcontent-%COMP%] {
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius);
+  background: var(--%NS%surface);
+  display: grid;
+  gap: 8px;
+  padding: 10px 12px;
+}
+
+.session[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
+  margin: 0;
+}
+
+.session-head[_ngcontent-%COMP%] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 12px;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.actions[_ngcontent-%COMP%] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+h2[_ngcontent-%COMP%] {
+  margin: 0;
+  color: var(--%NS%text-strong);
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.section-title[_ngcontent-%COMP%] {
+  margin: 0 0 8px;
+}
+
+.findings[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.finding[_ngcontent-%COMP%] {
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius);
+  background: var(--%NS%surface);
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+  padding: 8px 12px;
+}
+
+.head[_ngcontent-%COMP%], 
+.meta[_ngcontent-%COMP%] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 10px;
+  align-items: center;
+  min-width: 0;
+}
+
+.meta[_ngcontent-%COMP%] {
+  font-size: 12px;
+}
+
+.meta[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {
+  overflow-wrap: anywhere;
+}
+
+.subject[_ngcontent-%COMP%] {
+  min-width: 0;
+  color: var(--%NS%text-strong);
+  overflow-wrap: anywhere;
+}
+
+.times[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+
+.why[_ngcontent-%COMP%] {
+  margin: 0;
+  color: var(--%NS%text);
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}
+
+.chip[_ngcontent-%COMP%] {
+  display: inline-flex;
+  align-items: center;
+  padding: 1px 8px;
+  border: 1px solid transparent;
+  border-radius: 99px;
+  font-size: 11px;
+  font-weight: 600;
+  border-color: color-mix(in srgb, var(--%NS%accent) 30%, transparent);
+  background: color-mix(in srgb, var(--%NS%accent) 12%, transparent);
+  color: var(--%NS%accent-text);
+}
+
+.chip.plain[_ngcontent-%COMP%] {
+  border-color: var(--%NS%border);
+  background: var(--%NS%surface-2);
+  color: var(--%NS%text-2);
+}
+
+.chip[data-tone=danger][_ngcontent-%COMP%] {
+  border-color: color-mix(in srgb, var(--%NS%danger) 30%, transparent);
+  background: color-mix(in srgb, var(--%NS%danger) 12%, transparent);
+  color: var(--%NS%danger-text);
+}
+
+.chip[data-tone=warn][_ngcontent-%COMP%] {
+  border-color: color-mix(in srgb, var(--%NS%warn) 30%, transparent);
+  background: color-mix(in srgb, var(--%NS%warn) 12%, transparent);
+  color: var(--%NS%warn-text);
+}
+
+.link[_ngcontent-%COMP%] {
+  padding: 0;
+  border: 0;
+  border-radius: 2px;
+  background: none;
+  color: var(--%NS%accent-text);
+  font: inherit;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  cursor: pointer;
+}
+
+.link[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.numbers[_ngcontent-%COMP%] {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
+  gap: 6px;
+  margin: 0;
+}
+
+.numbers[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius);
+  background: var(--%NS%surface);
+  padding: 6px 10px;
+}
+
+.numbers[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+  font-size: 12px;
+}
+
+.numbers[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%] {
+  margin: 0;
+  color: var(--%NS%text-strong);
+  font-size: 15px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+
+.coverage[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 4px;
+  margin: 0;
+  padding: 0 0 0 18px;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+}
+
+.coverage[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {
+  color: var(--%NS%text);
+  font-weight: 600;
+}
+
+.empty[_ngcontent-%COMP%], 
+.state[_ngcontent-%COMP%] {
+  margin: 0 0 12px;
+  color: var(--%NS%text-2);
+}
+
+.empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
+.state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
+  margin: 0 0 8px;
+}`]})},I3=[{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`}],L3=Object.fromEntries(I3.map(e=>[e.id,e]));function R3(e){return I3.filter(t=>e.inspectors[t.inspector])}function z3(e){return Array.isArray(e)?e:[]}function B3(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function V3(e){let t=B3(e).pages;return Array.isArray(t)?t:Object.values(B3(t))}function H3(e){return typeof e==`number`&&Number.isFinite(e)}function U3(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 W3(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function G3(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 K3(e){let t=[];for(let n of V3(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of z3(n?.navigations)){if(!H3(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=H3(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?``:W3(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 q3(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 J3(e,t){if(!H3(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=H3(e.durationMs)?e.durationMs:void 0,a=q3(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`} ${U3(e.url??``)}`,detail:[r,n,i===void 0?``:W3(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 Y3(e){let t=[],n=V3(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of z3(e?.calls)){let e=J3(r,n);e&&t.push(e)}}for(let r of z3(B3(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=J3({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function X3(e){let t=[];for(let n of V3(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of z3(n?.log)){if(!H3(r?.timestamp))continue;let n=z3(r.diff).length+(r.diffTruncated??0),i=H3(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?``:W3(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var Z3=16;function Q3(e){let t=[];for(let n of V3(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of z3(n?.cycles)){if(!H3(r?.at))continue;let n=H3(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:[W3(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>Z3?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function $3(e){return z3(B3(e).events).flatMap((e,t)=>{if(!H3(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,...H3(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 e6={write:`set`,sample:`sampled`};function t6(e){let t=[],n=B3(B3(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,B3(e).graph]];for(let[e,n]of r){let r=B3(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(z3(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(B3(r.history)))for(let r of z3(n)){if(!H3(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} ${e6[r.source??``]??`changed`}`,detail:G3(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var n6={router:K3,http:Y3,ngrx:X3,cd:Q3,forms:$3,signals:t6};function r6(e){let t=[];for(let n of I3){let r=e[n.id];r!=null&&t.push(...n6[n.id](r))}let n=new Map(I3.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 i6(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 V3(e.http))r(t?.pageId,t?.title||t?.url);for(let t of V3(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of V3(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 a6(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 o6(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function s6(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 c6(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 u6({start:i-r/2,end:i+r/2},n)}function l6(e,t,n){let r=(e.end-e.start)*t;return u6({start:e.start+r,end:e.end+r},n)}function u6(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 d6(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 f6(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 p6(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 m6=`pangular-timeline-hidden-layers`;function h6(){try{let e=JSON.parse(localStorage.getItem(m6)??`[]`);return Array.isArray(e)?e.filter(e=>I3.some(t=>t.id===e)):[]}catch{return[]}}function g6(e){try{localStorage.setItem(m6,JSON.stringify(e))}catch{}}function _6(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 v6(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 y6=[`tracks`],b6=(e,t)=>t.id,x6=(e,t)=>t.layer+t.slot,S6=(e,t)=>t.key;function C6(e,t){e&1&&(L(0,`p`,3),J(1,`Loading the timeline…`),R())}function w6(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 T6(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 E6(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 D6(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 O6(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 k6(e,t){if(e&1&&(L(0,`li`),J(1),R()),e&2){let e=t.$implicit;k(),Y(e.label)}}function A6(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 j6(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 M6(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 N6(e,t){if(e&1&&z(0,`div`,44),e&2){let e=t;K(`left`,e.left,`%`)(`width`,e.width,`%`)}}function P6(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 F6(e,t){if(e&1&&(L(0,`span`,49),J(1),R()),e&2){let e=G().$implicit;k(),Y(e.detail)}}function I6(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 L6(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,F6,2,1,`span`,49),M(9,I6,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 R6(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 z6(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 B6(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,R6,4,1),M(12,z6,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 V6(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 H6(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,k6,2,1,`li`,null,b6),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,A6,1,3,`:svg:line`,31,b6),P(15,j6,1,6,`:svg:rect`,32,x6),M(17,M6,1,4,`:svg:rect`,33),R(),M(18,N6,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,P6,2,2,`p`,40),L(31,`ol`,41),P(32,L6,10,10,`li`,null,S6),R()(),L(34,`aside`,42)(35,`h2`,43),J(36,`Selected event`),R(),M(37,B6,19,7)(38,V6,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 U6(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,T6,1,2,`app-select`,12),L(8,`span`,13),J(9),R()(),L(10,`div`,14)(11,`div`,15),P(12,E6,5,3,`button`,16,b6),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,D6,5,0,`div`,3)(26,O6,5,1,`div`,3)(27,H6,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 W6=240,G6=1e3,K6=4,q6=class e{rpc=$(null);open=Rv();destroyRef=C(Ds);tracks=Jv(`tracks`);host=C(Il);hostPageId=LE();cleanups=[];loads=0;allPages=`all`;clock=_6;span=v6;laneHeight=24;chartWidth=G6;slotWidth=G6/W6;loading=O(!0);failed=O(!1);sources=O({});query=O(``);hidden=O(h6());range=O(null);selectedKey=O(null);brush=O(null);layers=Q(()=>R3(nD(this.rpc())));events=Q(()=>{let e=new Set(this.layers().map(e=>e.id));return r6(this.sources()).filter(t=>e.has(t.layer))});pages=Q(()=>i6(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(()=>a6(this.events(),{layers:new Set(I3.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=Q(()=>{let e=Object.fromEntries(I3.map(e=>[e.id,0]));for(let t of o6(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(()=>s6(this.visible()));view=Q(()=>this.range()??this.bounds());shown=Q(()=>o6(this.visible(),this.range()));listed=Q(()=>this.shown().slice(-200).reverse());bins=Q(()=>{let e=this.view();return e?f6(this.shown(),e,W6):[]});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*W6))*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=v6(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 ${_6(e.start)} to ${_6(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 L3[e].label}tabLabel(e){return L3[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),g6(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),g6([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(c6(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(l6(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)<K6){this.pick(e,n);return}let r=d6(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=p6(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(I3.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,y6,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,C6,2,0,`p`,3)(3,w6,5,0,`div`,4)(4,U6,28,9)),e&2&&(k(2),N(t.loading()?2:t.failed()?3:4))},dependencies:[kO,Yz],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -17142,7 +17588,7 @@ dd[_ngcontent-%COMP%] {
   .layer[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function $3(e){let t=e===`light`?`#ffffff`:`#0b0b0e`,n=e===`light`?`#92400e`:`#f5a524`;return`
+}`]})};function J6(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 +17679,7 @@ dd[_ngcontent-%COMP%] {
       transition: none;
     }
   }
-`}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%] {
+`}var Y6=new Map;function X6(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=Y6.get(e);t!==void 0&&(clearTimeout(t),Y6.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=J6(t);return}if(n>0&&e){let r=Y6.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{Y6.delete(e),X6(e,t,n-1)},100);Y6.set(e,i)}}var Z6=`pangular-pref`,Q6={order:[],hidden:[],pinned:[]};function $6(e){try{return localStorage.getItem(`${Z6}:${e}`)}catch{return null}}function e8(e,t){try{t===null?localStorage.removeItem(`${Z6}:${e}`):localStorage.setItem(`${Z6}:${e}`,t)}catch{}}function t8(){let e=$6(`theme`);return e===`light`||e===`dark`?e:`system`}function n8(e){e8(`theme`,e===`system`?null:e)}function r8(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 i8(){let e=$6(`tabs`);if(!e)return Q6;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return Q6;let n=t;return{order:r8(n.order),hidden:r8(n.hidden),pinned:r8(n.pinned)}}catch{return Q6}}function a8(e){e8(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function o8(){return $6(`passive`)===`true`}function s8(e){e8(`passive`,e?`true`:null)}function c8(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 l8(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return c8(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function u8(e,t,n,r){let i=c8(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 d8(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 f8(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:c8(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function p8(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function m8(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 h8=`pangular-inspector-`;function g8(e=window){try{let t=e.top??e;return t.name.startsWith(h8)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function _8(e=window){let t=g8(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 v8=class e{current=O(`dark`);preference=O(t8());source=`dark`;sourceAttr=!1;constructor(){let e=C(Ds),t=x8(),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(b8(t),!0);else{let t=y8();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 S8())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(b8(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),n8(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 y8(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function b8(e){return e.classList.contains(`dark`)?`dark`:`light`}function x8(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function S8(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=C8(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function C8(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 w8=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function T8(){try{return window.parent===window?void 0:window.parent[w8]}catch{return}}function E8(e,t,n=50){let r=T8();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=E8(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 D8(){return!!T8()}async function O8(e){let t=T8();if(!t)return!1;try{return await t.docks.switchEntry(UT(e))}catch{return!1}}function k8(){let e=T8()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function A8(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function j8(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var M8=`pangular-tab`;function N8(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function P8(e){try{return sessionStorage.getItem(`${M8}:${e}`)}catch{return null}}function F8(e,t){try{sessionStorage.setItem(`${M8}:${e}`,t)}catch{}}function I8(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function L8(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 R8(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(I8(t,e)||L8(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var z8={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 B8(e,t){let n=z8[t];return e&&n[e]||null}var V8=(e,t)=>t.value,H8=(e,t)=>t.id;function U8(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 W8(e,t){e&1&&(L(0,`span`,30),J(1,`Pinned`),R())}function G8(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,W8,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 K8(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 q8(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 J8(e,t){e&1&&(L(0,`kbd`),J(1),R()),e&2&&(k(),Y(t))}function Y8(e,t){e&1&&J(0,` Off `)}var X8=[{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`}],Z8=class e{tabs=$([]);layout=Gv(Q6);theme=Gv(`system`);passive=Gv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);themes=X8;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 c8(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=Q(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=c8(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 u8(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=u8(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=c8(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(f8(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(d8(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(Q6),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,U8,6,6,`label`,4,V8),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,G8,18,14,`li`,11,H8),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,K8,4,1)(37,q8,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,J8,2,1,`kbd`)(60,Y8,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:[CD],styles:[`[_nghost-%COMP%] {
   display: block;
   max-width: 760px;
 }
@@ -17493,7 +17939,7 @@ code[_ngcontent-%COMP%] {
   padding: 8px;
   border-top: 1px solid var(--%NS%border);
   color: var(--%NS%text);
-}`]})};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%] {
+}`]})};function Q8(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 $8(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=Q8(e.title,n),i=Q8(`${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 e5=[`input`],t5=(e,t)=>t.id;function n5(e,t){if(e&1&&(B(0,`kbd`),J(1),V()),e&2){let e=G().$implicit;k(),Y(e.shortcut)}}function r5(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,n5,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 i5(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 a5(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,r5,6,7,`li`,10,t5),V(),M(13,i5,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 o5=0,s5=class e{commands=$([]);open=Gv(!1);picked=Rv();uid=`cp${o5++}`;query=O(``);results=Q(()=>$8(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,e5,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,a5,28,11),e&2&&N(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
   position: fixed;
   inset: 0;
   z-index: 100;
@@ -17634,7 +18080,7 @@ kbd[_ngcontent-%COMP%] {
    .help[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},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%] {
+}`]})},c5=[`nav`],l5=[`main`],u5=e=>[e],d5=(e,t)=>t.id;function f5(e,t){e&1&&(D(),L(0,`svg`,4),z(1,`path`,30),R())}function p5(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 m5(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 h5(e,t){e&1&&(D(),L(0,`svg`,6),z(1,`path`,46)(2,`path`,47)(3,`path`,48)(4,`path`,49),R())}function g5(e,t){e&1&&(D(),L(0,`svg`,7),z(1,`path`,50),R())}function _5(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 v5(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 y5(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 b5(e,t){if(e&1&&(L(0,`div`,12),P(1,y5,4,6,`button`,80,d5),R()),e&2){let e=G();k(),F(e.tabs())}}function x5(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 S5(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 C5(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 w5(e,t){e&1&&z(0,`app-coming-soon`,26),e&2&&I(`info`,t)}function T5(e,t){e&1&&(L(0,`p`,27),J(1,`Looking for an Angular Native app…`),R())}function E5(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 D5(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,E5,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 O5(e,t){if(e&1){let e=H();L(0,`app-dashboard`,98),U(`navigate`,function(t){return T(e),E(G(3).switchTab(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function k5(e,t){if(e&1){let e=H();L(0,`app-timeline`,99),U(`open`,function(t){return T(e),E(G(3).openLink(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function A5(e,t){if(e&1){let e=H();L(0,`app-audit-inspector`,100),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)}}function j5(e,t){if(e&1){let e=H();L(0,`app-component-tree`,101),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 M5(e,t){if(e&1){let e=H();L(0,`app-route-inspector`,102),U(`showComponent`,function(t){return T(e),E(G(3).showComponent(t))}),R()}e&2&&I(`rpc`,G(3).rpc())}function N5(e,t){e&1&&z(0,`app-signal-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function P5(e,t){if(e&1){let e=H();L(0,`app-di-inspector`,103),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 F5(e,t){e&1&&z(0,`app-store-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function I5(e,t){e&1&&z(0,`app-network-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function L5(e,t){if(e&1){let e=H();L(0,`app-forms-inspector`,104),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 R5(e,t){e&1&&z(0,`app-pipes-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function z5(e,t){e&1&&z(0,`app-analog-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function B5(e,t){e&1&&z(0,`app-capacitor-inspector`,92),e&2&&I(`rpc`,G(3).rpc())}function V5(e,t){if(e&1){let e=H();L(0,`app-errors-inspector`,105),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 H5(e,t){if(e&1&&M(0,O5,1,1,`app-dashboard`,92)(1,k5,1,1,`app-timeline`,92)(2,A5,1,2,`app-audit-inspector`,93)(3,j5,1,4,`app-component-tree`,94)(4,M5,1,1,`app-route-inspector`,92)(5,N5,1,1,`app-signal-inspector`,92)(6,P5,1,3,`app-di-inspector`,95)(7,F5,1,1,`app-store-inspector`,92)(8,I5,1,1,`app-network-inspector`,92)(9,L5,1,2,`app-forms-inspector`,96)(10,R5,1,1,`app-pipes-inspector`,92)(11,z5,1,1,`app-analog-inspector`,92)(12,B5,1,1,`app-capacitor-inspector`,92)(13,V5,1,3,`app-errors-inspector`,97),e&2){let e;N((e=G(2).tab())===`dashboard`?0:e===`timeline`?1:e===`audit`?2:e===`components`?3:e===`routes`?4:e===`signals`?5:e===`injectors`?6:e===`store`?7:e===`network`?8:e===`forms`?9:e===`pipes`?10:e===`analog`?11:e===`capacitor`?12:e===`errors`?13:-1)}}function U5(e,t){e&1&&P(0,H5,14,1,null,null,Ag),e&2&&F(hv(0,u5,G().scopeKey()))}var W5=`all`,G5=[W5,...HT],K5={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},q5={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},J5={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},Y5={"angular-native":[`components`,`signals`,`injectors`,`store`,`pipes`]},X5={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/`}},Z5={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/`}},Q5={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`}},$5={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/`}},e7=[1e3,2e3,5e3,1e4];function t7(){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(t7());viewAccent=Q(()=>B8(this.view(),this.themeService.current()));title=Q(()=>{let e=this.view();return e?K5[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()?Q5:void 0;if(e===`nativescript`)return X5;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?Z5:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?$5: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?q5[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?Y5[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`&&J5[t.id]))});tabLayout=O(i8());tabs=Q(()=>{let e=this.tab(),t=l8(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`:q5[e]??this.tab();return{tab:t,href:A8(location.href,t)}});tab=Fv(()=>{let e=this.view();return e&&(q5[e]??Y5[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(v8);navObserver;navFade=O({start:!1,end:!1});constructor(){C(lM).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&&X6(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=E8(G5,e=>{this.openedDock.set({dock:e}),e===W5?this.showFullPanel():this.showView(e)});let e=N8(location.hash,P8(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&N8(location.hash,P8(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&N8(location.hash,P8(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=R8();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=e7[Math.min(this.retries++,e7.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??P8(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=N8(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){j8(e)&&D8()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),O8(W5))}paletteOpen=O(!1);paletteShortcut=p8()?`⌘K`:`Ctrl+K`;themePreference=Q(()=>this.themeService.preference());passive=O(o8());popupHotkey=Q(()=>{let e=this.config().popup.hotkey;return e!==!1&&eE(e,p8())});popup=m8();poppedOut=!!g8();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=p8(),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(){D8()&&k8()||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`){_8();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),a8(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),s8(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of S8())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=J5[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),F8(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=yO(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=x1(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 O8(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,c5,5)(t.main,l5,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`,`canShowComponent`],[3,`rpc`,`focus`,`command`,`canShowInjector`],[3,`rpc`,`focus`,`canShowComponent`],[3,`rpc`,`focus`],[3,`rpc`,`canShowComponent`,`canExplainInjection`],[3,`navigate`,`rpc`],[3,`open`,`rpc`],[3,`showComponent`,`rpc`,`canShowComponent`],[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,f5,2,0,`:svg:svg`,4)(4,p5,7,0,`:svg:svg`,4)(5,m5,11,0,`:svg:svg`,5)(6,h5,5,0,`:svg:svg`,6)(7,g5,2,0,`:svg:svg`,7)(8,_5,10,0,`:svg:svg`,8)(9,v5,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,b5,3,0,`div`,12),R(),M(15,x5,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,S5,1,6,`app-settings`,24)(31,C5,5,0,`div`,25)(32,w5,1,1,`app-coming-soon`,26)(33,T5,2,0,`p`,27)(34,D5,10,2,`p`,28)(35,U5,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:[rO,pI,Kz,eH,IU,$G,vJ,zY,aQ,s1,Q0,V4,F3,q6,m1,CD,Z8,s5],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 145e7a64..2350c894 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-CyKw4x-n.js"></script>
+    <script type="module" crossorigin src="./assets/index-DJ-lPKba.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BJvGA0C8.css">
   </head>
   <body>
diff --git a/packages/devtools/package.json b/packages/devtools/package.json
index 46d8463e..a66a9d87 100644
--- a/packages/devtools/package.json
+++ b/packages/devtools/package.json
@@ -132,6 +132,7 @@
     "@devframes/plugin-terminals": "^1.2.3",
     "@devframes/plugin-terminals--assets": "^1.2.3",
     "@valibot/to-json-schema": "^1.8.0",
+    "axe-core": "^4.13.0",
     "cac": "^7.0.0",
     "devframe": "^1.2.3",
     "h3": "^1.15.11",
diff --git a/packages/devtools/src/__tests__/audit-findings.test.ts b/packages/devtools/src/__tests__/audit-findings.test.ts
new file mode 100644
index 00000000..902ce3bb
--- /dev/null
+++ b/packages/devtools/src/__tests__/audit-findings.test.ts
@@ -0,0 +1,553 @@
+import { describe, expect, it } from 'vitest';
+import type { AxeReport } from '../axe-runner.ts';
+import type { ComponentPage, HttpState } from '../types.ts';
+import { toAxeReport, toAxeRunResult } from '../rpc/audit-axe.ts';
+import { buildAudit, rankFindings, type AuditFinding } from '../rpc/audit-findings.ts';
+import {
+  createAuditSessions,
+  diffAudits,
+  snapshotOf,
+  type AuditSnapshot,
+} from '../rpc/audit-sessions.ts';
+import type { CdState } from '../rpc/cd-tools.ts';
+import type { ErrorsState } from '../rpc/errors-tools.ts';
+import type { FormsState } from '../rpc/forms-tools.ts';
+import { RETAINED_AFTER_MS, type LeaksPageView, type LeaksState } from '../rpc/leaks-tools.ts';
+import type { RouterState } from '../rpc/router-tools.ts';
+
+const JWT = ['eyJhbGciOiJIUzI1NiJ9', 'eyJzdWIiOiIxMjM0NSJ9', 'c2lnbmF0dXJlc2ln'].join('.');
+const NOW = 1_000_000;
+
+const cd = (): CdState => ({
+  pages: {
+    tab1: {
+      pageId: 'tab1',
+      supported: true,
+      recording: false,
+      startedAt: 1,
+      reportedAt: NOW,
+      dropped: 0,
+      hosts: {},
+      cycles: [
+        { id: 1, at: 1, ms: 4, passes: 1, checks: 3, components: [] },
+        { id: 2, at: 2, ms: 20, passes: 1, checks: 3, components: [] },
+      ],
+      components: [
+        { name: 'TripList', checks: 40, ms: 60, maxMs: 25, cycles: 2 },
+        { name: 'Banner', checks: 2, ms: 1, maxMs: 1, cycles: 2 },
+      ],
+      diagnosis: {
+        triggers: true,
+        waste: true,
+        causes: { event: 2 },
+        components: [
+          { name: 'TripList', refreshed: 40, unchanged: 38, strategy: 'Eager' },
+          { name: 'Banner', refreshed: 10, unchanged: 9, strategy: 'OnPush' },
+        ],
+        inputs: [
+          { name: 'TripCard', input: 'trip', parent: 'TripList', inPlace: 3, sameContents: 0 },
+        ],
+        zone: [{ name: 'Clock', ticks: 4, tasks: ['setInterval'] }],
+      },
+    },
+  },
+});
+
+const leaksPage = (retention: LeaksPageView['support']['retention']): LeaksPageView => ({
+  pageId: 'tab1',
+  url: '/trips',
+  title: 'Trips',
+  at: NOW,
+  reportedAt: NOW,
+  support: { retention, effects: true, subscriptions: 'on' },
+  navigations: 4,
+  totals: { components: 1, effects: 0, subscriptions: 2, destroyed: 1, collected: 0, dropped: 0 },
+  components: [],
+  destroyed: [
+    {
+      id: 'c9',
+      name: 'TripCard',
+      route: '/trips/7',
+      destroyedAt: NOW - RETAINED_AFTER_MS - 1000,
+      navigations: 3,
+    },
+  ],
+  subscriptions: [
+    {
+      name: 'TripCard',
+      count: 2,
+      route: '/trips/7',
+      openedAt: NOW - 5000,
+      reason: 'instance-destroyed',
+      source: 'TripCard.ngOnInit (trip-card.ts:12:7)',
+    },
+  ],
+});
+
+const errors = (): ErrorsState => ({
+  pages: {
+    tab1: {
+      pageId: 'tab1',
+      url: '/trips',
+      title: 'Trips',
+      reportedAt: NOW,
+      handler: 'wrapped',
+      dropped: { errors: 0, console: 0 },
+      console: {},
+      errors: {
+        e1: {
+          id: 'e1',
+          message: 'NullInjectorError: No provider for TripApi!',
+          code: 'NG0201',
+          count: 3,
+          firstAt: 1,
+          lastAt: 2,
+          sources: ['handler'],
+          owner: { id: 'c1', name: 'TripList' },
+          explain: { kind: 'missing-provider', token: 'TripApi' },
+        },
+      },
+    },
+  },
+});
+
+const router = (): RouterState =>
+  ({
+    pages: [
+      {
+        pageId: 'tab1',
+        reportedAt: NOW,
+        changedAt: NOW,
+        snapshot: null,
+        navigations: [],
+        config: [
+          { id: 'r1', path: '**', fullPath: '/**', kind: 'redirect', redirectTo: '' },
+          {
+            id: 'r2',
+            path: 'trips',
+            fullPath: '/trips',
+            kind: 'component',
+            component: 'Trips',
+            title: 'Trips',
+          },
+        ],
+      },
+    ],
+  }) as unknown as RouterState;
+
+const forms = (): FormsState => ({
+  forms: [],
+  events: [],
+  reportedAt: NOW,
+  setupErrors: [
+    { pageId: 'tab1', message: 'NG01203: No value accessor for form control name: email' },
+    { pageId: 'other', message: 'NG01050: formControlName must be used with a parent' },
+  ],
+});
+
+const components = (): ComponentPage =>
+  ({
+    pageId: 'tab1',
+    reportedAt: NOW,
+    roots: [],
+    count: 0,
+    detail: null,
+    hydration: {
+      hydrated: true,
+      counts: { hydrated: 4, skipped: 2, mismatched: 1, client: 0, dehydratedBlocks: 0 },
+      mismatches: [{ id: 'c5', name: 'TripMap', tag: 'app-trip-map' }],
+    },
+  }) as ComponentPage;
+
+const call = (extra: Record<string, unknown>) => ({
+  id: String(Math.random()),
+  url: '/api/trips?id=1',
+  method: 'GET',
+  status: 200,
+  durationMs: 5,
+  side: 'client',
+  cacheHit: false,
+  faulted: false,
+  at: NOW,
+  ...extra,
+});
+
+const http = (): HttpState =>
+  ({
+    serverCalls: [call({ side: 'server', url: '/api/cities', cacheSkip: 'post' })],
+    requests: [],
+    rules: [],
+    pages: [
+      {
+        pageId: 'tab1',
+        url: '/trips',
+        initialUrl: '/trips',
+        title: 'Trips',
+        hydration: null,
+        firstSeenAt: NOW,
+        reportedAt: NOW,
+        calls: [
+          call({ status: 500, url: `/api/trips?token=${JWT}` }),
+          call({ status: 500, url: '/api/trips?id=2' }),
+          call({ status: 404, url: '/api/photos/1' }),
+          call({ status: 0, cancelled: true, url: '/api/search' }),
+          call({ status: 503, faulted: true, url: '/api/slow' }),
+          call({ url: '/api/cities' }),
+        ],
+      },
+    ],
+  }) as unknown as HttpState;
+
+const axe = (): AxeReport => ({
+  at: NOW,
+  ms: 120,
+  url: '/trips',
+  violations: [
+    {
+      id: 'image-alt',
+      impact: 'critical',
+      help: 'Images must have alternative text',
+      tags: ['wcag2a'],
+      count: 3,
+      nodes: [
+        { target: 'img.a', html: '<img class="a">', owner: { id: 'c2', name: 'TripPhoto' } },
+        { target: 'img.b', html: '<img class="b">', owner: { id: 'c2', name: 'TripPhoto' } },
+      ],
+    },
+    {
+      id: 'region',
+      impact: 'moderate',
+      help: 'All page content should be contained by landmarks',
+      tags: ['best-practice'],
+      count: 1,
+      nodes: [{ target: 'p', html: '<p>' }],
+    },
+  ],
+});
+
+const keys = (findings: AuditFinding[]) => findings.map((finding) => finding.key);
+
+describe('buildAudit', () => {
+  it('gathers every area into one list ranked by severity, area and count', () => {
+    const report = buildAudit(
+      {
+        cd: cd(),
+        leaks: { pages: { tab1: leaksPage(true) } },
+        errors: errors(),
+        router: router(),
+        forms: forms(),
+        components: components(),
+        http: http(),
+        pipes: () => [
+          {
+            rule: 'json-pipe',
+            severity: 'info',
+            pipe: 'json',
+            file: 'src/app/trips.ts',
+            line: 4,
+            message: '`| json` is a debugging aid.',
+            fix: 'Remove it.',
+          },
+        ],
+        axe: axe(),
+      },
+      'tab1',
+      { url: '/trips', title: 'Trips' },
+      NOW,
+    );
+    const ranks = { error: 0, warning: 1, info: 2 };
+    const severities = report.findings.map((finding) => ranks[finding.severity]);
+    expect(severities).toEqual([...severities].sort((a, b) => a - b));
+    expect(report.findings[0]).toMatchObject({
+      area: 'accessibility',
+      rule: 'image-alt',
+      subject: 'TripPhoto',
+      count: 2,
+    });
+    expect(keys(report.findings)).toEqual(
+      expect.arrayContaining([
+        'accessibility:image-alt:(more elements)',
+        'accessibility:region:p',
+        'errors:NG0201:TripList',
+        'hydration:hydration-mismatch:TripMap',
+        'hydration:hydration-skipped:',
+        'change-detection:onpush-candidate:TripList',
+        'change-detection:onpush-marked-often:Banner',
+        'change-detection:input-mutated:TripCard',
+        'change-detection:zone-dependent:Clock',
+        'change-detection:slow-component:TripList',
+        'leaks:retained-after-destroy:TripCard',
+        'leaks:subscription-after-destroy:TripCard',
+        'router:wildcard-not-last:/**',
+        'forms:setup-error:NG01203: No value accessor for form control name: email',
+        'http:request-failed:GET /api/trips',
+        'http:client-error:GET /api/photos/1',
+        'http:faulted-by-rule:GET /api/slow',
+        'http:fetched-twice:GET /api/cities',
+        'pipes:json-pipe:json in src/app/trips.ts:4',
+      ]),
+    );
+    // The other page's setup error and the cancelled call are not findings.
+    expect(JSON.stringify(report)).not.toContain('NG01050');
+    expect(JSON.stringify(report)).not.toContain('/api/search');
+    expect(JSON.stringify(report)).not.toContain(JWT);
+    const failed = report.findings.find((finding) => finding.rule === 'request-failed');
+    expect(failed).toMatchObject({ count: 2, severity: 'error', tool: 'pangular:list-http-calls' });
+    const error = report.findings.find((finding) => finding.area === 'errors');
+    expect(error).toMatchObject({
+      tool: 'pangular:explain-error',
+      args: { page: 'tab1', id: 'e1' },
+      elementId: 'c1',
+      count: 3,
+    });
+    expect(error!.why).toContain('No provider for TripApi');
+    expect(report.metrics).toMatchObject({
+      cdCycles: 2,
+      cdMeanMs: 12,
+      cdMaxMs: 20,
+      wastedChecks: 47,
+      wastedPercent: 94,
+      retained: 1,
+      openSubscriptions: 2,
+      errorGroups: 1,
+      errors: 3,
+      axeViolations: 2,
+      axeNodes: 4,
+      httpFailures: 3,
+    });
+    expect(report.sources.every((source) => source.state === 'ok')).toBe(true);
+    expect(report.axeAt).toBe(NOW);
+  });
+
+  it('judges no retention when Angular keeps DI debug data, and says so', () => {
+    const report = buildAudit(
+      { leaks: { pages: { tab1: leaksPage('dev-di-debug') } } },
+      'tab1',
+      {},
+      NOW,
+    );
+    expect(keys(report.findings)).toEqual(['leaks:subscription-after-destroy:TripCard']);
+    expect(report.metrics.retained).toBeUndefined();
+    expect(report.sources.find((source) => source.area === 'leaks')?.note).toMatch(/DI debug data/);
+  });
+
+  it('names the areas it could not read: off, empty and waiting for a recording or a pass', () => {
+    const report = buildAudit({ cd: { pages: {} }, components: null, axe: null }, 'tab1', {}, NOW);
+    const state = Object.fromEntries(report.sources.map((s) => [s.area, s.state]));
+    expect(state).toMatchObject({
+      accessibility: 'empty',
+      'change-detection': 'empty',
+      hydration: 'empty',
+      errors: 'off',
+      router: 'off',
+      forms: 'off',
+      http: 'off',
+      pipes: 'off',
+      leaks: 'off',
+    });
+    expect(report.findings).toEqual([]);
+    expect(report.sources.find((s) => s.area === 'change-detection')?.note).toContain(
+      'record: "start"',
+    );
+  });
+
+  it('keeps finding keys the same across audits of a reloaded page', () => {
+    const first = buildAudit({ errors: errors() }, 'tab1', {}, NOW);
+    const reloaded = errors();
+    reloaded.pages['tab1']!.errors = { e7: { ...reloaded.pages['tab1']!.errors['e1']!, id: 'e7' } };
+    const second = buildAudit({ errors: reloaded }, 'tab1', {}, NOW + 1000);
+    expect(keys(second.findings)).toEqual(keys(first.findings));
+  });
+});
+
+describe('rankFindings', () => {
+  it('puts errors first, then by area, then the most frequent', () => {
+    const finding = (key: string, extra: Partial<AuditFinding>): AuditFinding => ({
+      key,
+      severity: 'warning',
+      area: 'http',
+      rule: key,
+      why: '',
+      tool: 'x',
+      ...extra,
+    });
+    const ranked = rankFindings([
+      finding('a', { severity: 'info' }),
+      finding('b', { count: 2 }),
+      finding('c', { count: 9 }),
+      finding('d', { severity: 'error', area: 'pipes' }),
+      finding('e', { area: 'accessibility' }),
+    ]);
+    expect(keys(ranked)).toEqual(['d', 'e', 'c', 'b', 'a']);
+  });
+});
+
+const snapshot = (findings: AuditFinding[], metrics: object, axeRan = true): AuditSnapshot => ({
+  at: NOW,
+  findings,
+  axe: axeRan,
+  metrics: { findingsError: 0, findingsWarning: 0, findingsInfo: 0, ...metrics },
+});
+
+describe('diffAudits', () => {
+  const f = (key: string, area: AuditFinding['area'] = 'errors', count?: number): AuditFinding => ({
+    key,
+    severity: 'error',
+    area,
+    rule: key,
+    why: key,
+    tool: 'x',
+    ...(count ? { count } : {}),
+  });
+
+  it('lists resolved, new and remaining findings and each number before and after', () => {
+    const diff = diffAudits(
+      snapshot([f('a'), f('b', 'errors', 4)], { cdMeanMs: 10, errors: 4 }),
+      snapshot([f('b', 'errors', 1), f('c')], { cdMeanMs: 6.5, errors: 1, retained: 0 }),
+    );
+    expect(keys(diff.resolved)).toEqual(['a']);
+    expect(keys(diff.added)).toEqual(['c']);
+    expect(diff.remaining).toEqual([
+      expect.objectContaining({ key: 'b', count: 1, countBefore: 4 }),
+    ]);
+    expect(diff.metrics).toEqual(
+      expect.arrayContaining([
+        { metric: 'cdMeanMs', before: 10, after: 6.5, delta: -3.5 },
+        { metric: 'errors', before: 4, after: 1, delta: -3 },
+        { metric: 'retained', after: 0 },
+      ]),
+    );
+  });
+
+  it('does not compare accessibility when only one side ran axe', () => {
+    const diff = diffAudits(snapshot([f('x', 'accessibility')], {}, true), snapshot([], {}, false));
+    expect(diff.resolved).toEqual([]);
+    expect(diff.notes.join(' ')).toContain('Only the before audit ran axe');
+  });
+
+  it('does not compare accessibility when both sides reuse one axe pass', () => {
+    const a11y = f('x', 'accessibility');
+    const before = { ...snapshot([a11y], { axeViolations: 1 }), axeAt: NOW };
+    const same = diffAudits(before, { ...before, at: NOW + 10 });
+    expect(same.resolved).toEqual([]);
+    expect(same.remaining).toEqual([]);
+    expect(same.metrics.map((m) => m.metric)).not.toContain('axeViolations');
+    expect(same.notes.join(' ')).toContain('Both audits used the same axe pass');
+
+    const fresh = diffAudits(before, { ...snapshot([], { axeViolations: 0 }), axeAt: NOW + 5 });
+    expect(keys(fresh.resolved)).toEqual(['x']);
+    expect(fresh.notes).toEqual([]);
+  });
+});
+
+describe('createAuditSessions', () => {
+  it('keeps a baseline per page, drops the after audit on a new baseline, and expires', () => {
+    let changes = 0;
+    const sessions = createAuditSessions({ ttlMs: 1000, onChange: () => changes++ });
+    const base = snapshot([], {});
+    sessions.mark('tab1', 'before', base, 0);
+    sessions.mark('tab1', 'after', base, 10);
+    expect(sessions.get('tab1')?.after).toBe(base);
+    sessions.mark('tab1', 'before', base, 20);
+    expect(sessions.get('tab1')?.after).toBeUndefined();
+    sessions.mark('tab2', 'before', base, 900);
+    sessions.expire(1500);
+    expect(sessions.get('tab1')).toBeUndefined();
+    expect(sessions.get('tab2')).toBeDefined();
+    expect(changes).toBeGreaterThanOrEqual(5);
+    expect(sessions.summary().pages['tab2']).toEqual({ before: NOW });
+  });
+
+  it('keeps at most maxPages, dropping the least recently used', () => {
+    const sessions = createAuditSessions({ maxPages: 2 });
+    const base = snapshot([], {});
+    sessions.mark('a', 'before', base);
+    sessions.mark('b', 'before', base);
+    sessions.mark('a', 'after', base);
+    sessions.mark('c', 'before', base);
+    expect(Object.keys(sessions.summary().pages).sort()).toEqual(['a', 'c']);
+  });
+
+  it('marks a page as running while an axe pass is out', () => {
+    const sessions = createAuditSessions();
+    sessions.setRunning('tab1', true);
+    expect(sessions.summary().pages['tab1']?.running).toBe(true);
+    sessions.setRunning('tab1', false);
+    expect(sessions.summary().pages['tab1']).toBeUndefined();
+  });
+
+  it('snapshots an audit with whether axe ran and when', () => {
+    const report = buildAudit({ axe: axe() }, 'tab1', { url: '/trips' }, NOW);
+    expect(snapshotOf(report)).toMatchObject({ axe: true, axeAt: NOW, url: '/trips', at: NOW });
+  });
+
+  it('keeps a session alive while it is read, without telling clients', () => {
+    let changes = 0;
+    const sessions = createAuditSessions({ ttlMs: 1000, onChange: () => changes++ });
+    sessions.mark('tab1', 'before', snapshot([], {}), 0);
+    changes = 0;
+    expect(sessions.use('tab1', 900)).toBeDefined();
+    expect(sessions.use('tab2', 900)).toBeUndefined();
+    expect(sessions.get('tab2')).toBeUndefined();
+    sessions.expire(1500);
+    expect(sessions.get('tab1')).toBeDefined();
+    expect(changes).toBe(0);
+    sessions.expire(2000);
+    expect(sessions.get('tab1')).toBeUndefined();
+  });
+
+  it('drops the axe pass of a page that loaded again and keeps its baseline', () => {
+    const sessions = createAuditSessions();
+    sessions.mark('tab1', 'before', snapshot([], {}));
+    expect(sessions.dropAxe('tab1')).toBe(false);
+    sessions.setAxe('tab1', axe());
+    expect(sessions.summary().pages['tab1']).toEqual({ before: NOW, axe: NOW });
+    expect(sessions.dropAxe('tab1')).toBe(true);
+    expect(sessions.get('tab1')?.axe).toBeUndefined();
+    expect(sessions.get('tab1')?.before).toBeDefined();
+  });
+});
+
+describe('toAxeReport', () => {
+  it('masks again on the server and drops links and ids it does not trust', () => {
+    const report = toAxeReport({
+      at: NOW,
+      ms: 50,
+      url: `/trips?token=${JWT}`,
+      violations: [
+        {
+          id: 'image-alt',
+          impact: 'critical',
+          help: `Images must have alternative text ${JWT}`,
+          helpUrl: 'https://evil.example/phish',
+          tags: ['wcag2a', '<script>'],
+          count: 30,
+          nodes: [
+            {
+              target: `img[data-t="${JWT}"]`,
+              html: '<img>',
+              elementId: 'c1-2',
+              owner: { id: 'bad id!', name: 'TripPhoto' },
+            },
+          ],
+        },
+        { id: '../../etc', nodes: [] },
+        'junk',
+      ],
+    });
+    expect(report).not.toBeNull();
+    expect(JSON.stringify(report)).not.toContain(JWT);
+    expect(report!.violations).toHaveLength(1);
+    const [violation] = report!.violations;
+    expect(violation!.helpUrl).toBeUndefined();
+    expect(violation!.tags).toEqual(['wcag2a']);
+    expect(violation!.count).toBe(30);
+    expect(violation!.nodes[0]).toMatchObject({ elementId: 'c1-2' });
+    expect(violation!.nodes[0]!.owner).toBeUndefined();
+    expect(toAxeReport({ violations: 'nope' })).toBeNull();
+    expect(toAxeRunResult({ ok: false })).toEqual({
+      ok: false,
+      error: 'The page sent no axe result.',
+    });
+  });
+});
diff --git a/packages/devtools/src/__tests__/audit-tools.test.ts b/packages/devtools/src/__tests__/audit-tools.test.ts
new file mode 100644
index 00000000..0ddc22dc
--- /dev/null
+++ b/packages/devtools/src/__tests__/audit-tools.test.ts
@@ -0,0 +1,406 @@
+import { createHostContext } from 'devframe/node';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { createPangular } from '../devframe.ts';
+import type { PangularConfig } from '../config.ts';
+import { agentSafety, resolvePangularConfig } from '../config.ts';
+import type { AxeReport } from '../axe-runner.ts';
+import { AXE_TIMEOUT_MS, createAxeRequests } from '../rpc/audit-axe.ts';
+import type { ErrorsReport } from '../rpc/errors-tools.ts';
+
+const JWT = ['eyJhbGciOiJIUzI1NiJ9', 'eyJzdWIiOiIxMjM0NSJ9', 'c2lnbmF0dXJlc2ln'].join('.');
+
+async function boot(config?: PangularConfig) {
+  const host = {
+    mountStatic: () => {},
+    resolveOrigin: () => 'http://localhost',
+    getStorageDir: () => '',
+  };
+  const ctx = await createHostContext({ cwd: process.cwd(), mode: 'dev', host: host as never });
+  // The pipe lint scans this repository's demo app; most tests leave it out.
+  await createPangular(config ?? { inspectors: { pipes: false } }).setup(ctx as never);
+  const call = (name: string, payload?: unknown) =>
+    ctx.rpc.invokeLocal(`pangular:${name}` as never, ...([payload] as never)) as Promise<any>;
+  const audit = async (args: Record<string, unknown> = {}) =>
+    ((await ctx.agent.invoke('pangular:audit', args)) as { markdown: string }).markdown;
+  const tool = () => ctx.agent.list().tools.find((t) => t.id === 'pangular:audit');
+  return { ctx, call, audit, tool };
+}
+
+const tree = (pageId: string) => ({
+  pageId,
+  url: `/${pageId}`,
+  count: 1,
+  detail: null,
+  roots: [{ id: `${pageId}-root`, name: 'App', tag: 'app-root', children: [] }],
+});
+
+const errors = (pageId: string, message = 'TypeError: trips is undefined'): ErrorsReport => ({
+  pageId,
+  full: true,
+  url: '/trips',
+  title: 'Trips',
+  handler: 'wrapped',
+  errors: [
+    {
+      id: 'e1',
+      message,
+      count: 2,
+      firstAt: Date.now(),
+      lastAt: Date.now(),
+      sources: ['handler'],
+      owner: { id: 'c1', name: 'TripList' },
+    },
+  ],
+  console: [],
+  dropped: { errors: 0, console: 0 },
+});
+
+const axeReport = (violations = 1): AxeReport => ({
+  at: Date.now(),
+  ms: 40,
+  url: '/trips',
+  version: '4.13.0',
+  violations: Array.from({ length: violations }, (_, i) => ({
+    id: i ? 'button-name' : 'image-alt',
+    impact: 'critical' as const,
+    help: i ? 'Buttons must have discernible text' : 'Images must have alternative text',
+    helpUrl: 'https://dequeuniversity.com/rules/axe/4.13/image-alt',
+    tags: ['wcag2a'],
+    count: 1,
+    nodes: [
+      {
+        target: `img[data-t="${JWT}"]`,
+        html: '<img class="hero">',
+        elementId: 'c1-9',
+        owner: { id: 'c1-3', name: 'TripPhoto' },
+      },
+    ],
+  })),
+});
+
+type AxeMessage = { requestId: string; pageId: string };
+
+/** Answers each axe-run broadcast the way the page would, with `report()`. */
+function answerAxe(
+  ctx: Awaited<ReturnType<typeof boot>>['ctx'],
+  call: Awaited<ReturnType<typeof boot>>['call'],
+  report: () => unknown,
+  from?: string,
+) {
+  const sent: AxeMessage[] = [];
+  vi.spyOn(ctx.rpc, 'broadcast').mockImplementation((async (options: {
+    method: string;
+    args: [AxeMessage];
+  }) => {
+    if (!options.method.endsWith('axe-run')) return;
+    const message = options.args[0];
+    sent.push(message);
+    setTimeout(
+      () =>
+        void call('axe-result', {
+          requestId: message.requestId,
+          pageId: from ?? message.pageId,
+          result: { ok: true, report: report() },
+        }),
+      1,
+    );
+  }) as never);
+  return sent;
+}
+
+afterEach(() => {
+  vi.restoreAllMocks();
+});
+
+describe('the audit agent tool', () => {
+  it('says what to do when no page reports', async () => {
+    const { audit } = await boot();
+    expect(await audit()).toContain('No page reports live data');
+  });
+
+  it('lists the findings of the most recent page with the tool to call for each', async () => {
+    const { call, audit } = await boot();
+    await call('push-component-tree', tree('tab1'));
+    await call('push-errors', errors('tab1', `TypeError: bad token ${JWT}`));
+    const text = await audit();
+    expect(text).toContain('Audit of page `tab1`');
+    expect(text).toContain('| 1 | error | Errors | `TripList` |');
+    expect(text).toContain('explain-error { page: "tab1", id: "e1" }');
+    expect(text).toContain('Error groups 1, Error occurrences 2');
+    expect(text).toContain('**Coverage**');
+    expect(text).toContain('Accessibility: No axe pass yet');
+    expect(text).not.toContain(JWT);
+  });
+
+  it('runs axe on the page when asked and lists its elements for the accessibility area', async () => {
+    const { ctx, call, audit } = await boot();
+    await call('push-component-tree', tree('tab1'));
+    const sent = answerAxe(ctx, call, () => axeReport());
+    const text = await audit({ axe: true, area: 'accessibility' });
+    expect(sent).toEqual([expect.objectContaining({ pageId: 'tab1' })]);
+    expect(text).toContain('Ran axe-core over the app');
+    expect(text).toContain('`image-alt` Images must have alternative text');
+    expect(text).toContain('in `TripPhoto` (instance `c1-3`)');
+    expect(text).toContain('[Rule](https://dequeuniversity.com/rules/axe/4.13/image-alt)');
+    expect(text).not.toContain(JWT);
+    // The pass is kept for the next audit without `axe`.
+    expect(await audit()).toContain('axe rules broken 1');
+  });
+
+  it('ignores an axe result sent for another page', async () => {
+    const { ctx, call } = await boot();
+    await call('push-component-tree', tree('tab1'));
+    await call('push-component-tree', tree('tab2'));
+    const requests = createAxeRequests({
+      broadcast: () => {},
+      answersFor: (target, pageId) => pageId === target,
+      timeoutMs: 20,
+    });
+    const pending = requests.run('tab1');
+    requests.answer({ requestId: 'a1', pageId: 'tab2', result: { ok: true, report: axeReport() } });
+    expect(await pending).toMatchObject({
+      ok: false,
+      error: expect.stringContaining('did not answer'),
+    });
+    // Through the server too: an answer naming the wrong page settles nothing.
+    answerAxe(ctx, call, () => axeReport(), 'tab2');
+    const result = await Promise.race([
+      call('request-axe-run', { pageId: 'tab1' }),
+      new Promise((resolve) => setTimeout(() => resolve('waiting'), 50)),
+    ]);
+    expect(result).toBe('waiting');
+  });
+
+  it('compares a baseline with the audit after a change', async () => {
+    const { ctx, call, audit } = await boot();
+    await call('push-component-tree', tree('tab1'));
+    await call('push-errors', errors('tab1'));
+    let violations = 2;
+    answerAxe(ctx, call, () => axeReport(violations));
+    expect(await audit({ session: 'after' })).toContain('has no baseline');
+    const before = await audit({ session: 'before', axe: true });
+    expect(before).toContain('Saved this audit as the baseline of page `tab1`');
+
+    // The fix: the error is gone after a reload, and one axe rule passes.
+    await call('forget-errors-page', 'tab1');
+    await call('push-errors', { ...errors('tab1'), errors: [] });
+    violations = 1;
+    const after = await audit({ session: 'after', axe: true });
+    expect(after).toContain('## Before and after');
+    expect(after).toMatch(/\*\*Resolved\*\* \(2\)/);
+    expect(after).toContain('`TripList`: TypeError: trips is undefined');
+    expect(after).toContain('| axe rules broken | 2 | 1 (-1, better) |');
+    expect(after).toContain('| Error occurrences | 2 | 0 (-2, better) |');
+    expect(after).toMatch(/\*\*New\*\* \(0\)/);
+
+    expect(await audit({ session: 'clear' })).toContain('Dropped the audit session');
+    expect(await audit({ session: 'clear' })).toContain('had no audit session');
+  });
+
+  it('filters by area and severity, and refuses an unknown page', async () => {
+    const { call, audit } = await boot();
+    await call('push-component-tree', tree('tab1'));
+    await call('push-errors', errors('tab1'));
+    expect(await audit({ area: 'router' })).toContain('No finding.');
+    expect(await audit({ severity: 'error' })).toContain('1 match the filters');
+    expect(await audit({ page: 'nope' })).toContain('No page `nope` is reporting live data');
+  });
+
+  it('is a read tool without axe in read-only mode, and an action tool otherwise', async () => {
+    const full = await boot();
+    expect(full.tool()?.safety).toBe('action');
+    expect(Object.keys((full.tool()?.inputSchema as any).properties)).toContain('axe');
+
+    const readOnly = await boot({ agent: { readOnly: true } });
+    expect(readOnly.tool()?.safety).toBe('read');
+    expect(Object.keys((readOnly.tool()?.inputSchema as any).properties)).not.toContain('axe');
+    const broadcast = vi.spyOn(readOnly.ctx.rpc, 'broadcast');
+    await readOnly.call('push-component-tree', tree('tab1'));
+    expect(await readOnly.audit({ axe: true })).toContain('Audit of page');
+    expect(
+      broadcast.mock.calls.some(([options]) => String((options as any).method).endsWith('axe-run')),
+    ).toBe(false);
+    expect(
+      agentSafety('pangular:audit', resolvePangularConfig({ agent: { readOnly: true } })),
+    ).toBe('read');
+  });
+
+  it('leaves out areas whose agent tools are off, while the panel still sees them', async () => {
+    const { call, audit } = await boot({
+      agent: { tools: { errors: false } },
+      inspectors: { pipes: false },
+    });
+    await call('push-component-tree', tree('tab1'));
+    await call('push-errors', errors('tab1'));
+    const text = await audit();
+    expect(text).not.toContain('TripList');
+    expect(text).toContain('Errors: its agent tools are off (`agent.tools.errors`).');
+    expect(text).not.toContain('Errors: its inspector is turned off.');
+    const panel = await call('get-audit', { pageId: 'tab1' });
+    expect(panel.report.findings).toEqual([
+      expect.objectContaining({ area: 'errors', subject: 'TripList' }),
+    ]);
+  });
+
+  it('stays with every inspector off, with nothing but axe to read', async () => {
+    const inspectors = Object.fromEntries(
+      [
+        'components',
+        'injectors',
+        'signals',
+        'ngrx',
+        'forms',
+        'router',
+        'pipes',
+        'http',
+        'analog',
+        'capacitor',
+        'errors',
+      ].map((key) => [key, false]),
+    );
+    const { ctx, tool, call, audit } = await boot({ inspectors });
+    expect(tool()).toBeDefined();
+    expect(await call('get-audit', {})).toEqual({ pages: [], report: null });
+    // A page the overlay claimed is listed, so axe still runs on it.
+    const host = ctx.rpc as unknown as { getCurrentRpcSession: () => unknown };
+    host.getCurrentRpcSession = () => ({ meta: { id: 1 } });
+    await call('claim-page', { pageId: 'tab1', key: 'k'.repeat(32) });
+    host.getCurrentRpcSession = () => undefined;
+    expect((await call('get-audit', {})).pages).toEqual([
+      expect.objectContaining({ pageId: 'tab1' }),
+    ]);
+    answerAxe(ctx, call, () => axeReport());
+    expect(await audit({ axe: true })).toContain('axe rules broken 1');
+  });
+
+  it('audits a page that only the Errors inspector reports', async () => {
+    const inspectors = Object.fromEntries(
+      ['components', 'injectors', 'signals', 'ngrx', 'forms', 'router', 'pipes', 'http'].map(
+        (key) => [key, false],
+      ),
+    );
+    const { call, audit } = await boot({ inspectors });
+    await call('push-errors', errors('tab1'));
+    const text = await audit();
+    expect(text).toContain('Audit of page `tab1`');
+    expect(text).toContain('`TripList`');
+    expect((await call('get-audit', {})).pages).toEqual([
+      expect.objectContaining({ pageId: 'tab1' }),
+    ]);
+  });
+
+  it('does not compare accessibility when the before and after audits reuse one axe pass', async () => {
+    const { ctx, call, audit } = await boot();
+    await call('push-component-tree', tree('tab1'));
+    answerAxe(ctx, call, () => axeReport(2));
+    await audit({ session: 'before', axe: true });
+    const after = await audit({ session: 'after' });
+    expect(after).toContain('Both audits used the same axe pass');
+    expect(after).not.toContain('| axe rules broken |');
+    expect(after).toMatch(/\*\*Still there\*\* \(0\)/);
+  });
+
+  it('drops the axe pass, not the baseline, when the page loads again', async () => {
+    const { ctx, call, audit } = await boot();
+    await call('push-component-tree', tree('tab1'));
+    answerAxe(ctx, call, () => axeReport());
+    await audit({ session: 'before', axe: true });
+    expect((await call('get-audit', { pageId: 'tab1' })).axe).not.toBeNull();
+    await call('claim-page', { pageId: 'tab1', key: 'k'.repeat(32) });
+    const result = await call('get-audit', { pageId: 'tab1' });
+    expect(result.axe).toBeNull();
+    expect(result.session.before).toMatchObject({ axe: true, axeAt: expect.any(Number) });
+    expect(await audit({ session: 'after' })).toContain('Only the before audit ran axe');
+  });
+
+  it('keeps the full baseline an agent took, so the panel after audit does not see hidden areas as new', async () => {
+    const { call, audit } = await boot({
+      agent: { tools: { errors: false } },
+      inspectors: { pipes: false },
+    });
+    await call('push-component-tree', tree('tab1'));
+    await call('push-errors', errors('tab1'));
+    await audit({ session: 'before' });
+    expect(await call('audit-session', { pageId: 'tab1', action: 'after' })).toEqual({ ok: true });
+    const { session } = await call('get-audit', { pageId: 'tab1' });
+    expect(session.before.findings).toEqual([expect.objectContaining({ area: 'errors' })]);
+    expect(session.diff.added).toEqual([]);
+    expect(session.diff.remaining).toEqual([expect.objectContaining({ area: 'errors' })]);
+    // The agent's comparison still leaves the hidden area out.
+    const after = await audit({ session: 'after' });
+    expect(after).not.toContain('TripList');
+    expect(after).not.toContain('Error occurrences');
+  });
+
+  it('keeps component owners out of the axe answer when the agent cannot see components', async () => {
+    const { ctx, call, audit } = await boot({
+      agent: { tools: { components: false } },
+      inspectors: { pipes: false },
+    });
+    await call('push-component-tree', tree('tab1'));
+    answerAxe(ctx, call, () => axeReport(2));
+    await audit({ session: 'before', axe: true });
+    const text = await audit({ area: 'accessibility', axe: true, session: 'after' });
+    expect(text).toContain('`image-alt` Images must have alternative text');
+    expect(text).not.toContain('TripPhoto');
+    expect(text).not.toContain('c1-3');
+    expect(text).not.toContain('inspect-component');
+    const panel = await call('get-audit', { pageId: 'tab1' });
+    expect(panel.report.findings).toContainEqual(
+      expect.objectContaining({ area: 'accessibility', subject: 'TripPhoto' }),
+    );
+  });
+
+  it('refuses to drop or replace the baseline in read-only mode', async () => {
+    const { call, audit } = await boot({ agent: { readOnly: true }, inspectors: { pipes: false } });
+    await call('push-component-tree', tree('tab1'));
+    await call('push-errors', errors('tab1'));
+    expect(await audit({ session: 'before' })).toContain('Saved this audit as the baseline');
+    const taken = (await call('get-audit', { pageId: 'tab1' })).session.before.at;
+    expect(await audit({ session: 'before' })).toContain("can't replace the audit session");
+    expect(await audit({ session: 'clear' })).toContain("can't drop the audit session");
+    expect((await call('get-audit', { pageId: 'tab1' })).session.before.at).toBe(taken);
+    expect(await audit({ session: 'after' })).toContain('## Before and after');
+  });
+
+  it('stops waiting for axe before the client gives up on the call', () => {
+    // devframe's client times an RPC call out after 60 s.
+    expect(AXE_TIMEOUT_MS).toBeLessThan(60_000);
+  });
+});
+
+describe('the audit RPC functions for the panel', () => {
+  it('return the audit, take a baseline and an after audit, and report the diff', async () => {
+    const { ctx, call } = await boot();
+    await call('push-component-tree', tree('tab1'));
+    await call('push-errors', errors('tab1'));
+    answerAxe(ctx, call, () => axeReport());
+    expect(await call('audit-session', { pageId: 'tab1', action: 'after' })).toMatchObject({
+      ok: false,
+    });
+    expect(await call('request-axe-run', { pageId: 'tab1' })).toEqual({ ok: true, violations: 1 });
+    expect(await call('audit-session', { pageId: 'tab1', action: 'before' })).toEqual({ ok: true });
+    await call('push-errors', { ...errors('tab1'), errors: [] });
+    await call('forget-errors-page', 'tab1');
+    expect(await call('audit-session', { pageId: 'tab1', action: 'after' })).toEqual({ ok: true });
+    const result = await call('get-audit', { pageId: 'tab1' });
+    expect(result.pages).toEqual([expect.objectContaining({ pageId: 'tab1', url: '/tab1' })]);
+    expect(result.report.findings.map((f: { area: string }) => f.area)).toEqual(['accessibility']);
+    expect(result.session.diff.resolved).toEqual([expect.objectContaining({ area: 'errors' })]);
+    expect(result.axe.violations).toHaveLength(1);
+    const shared = await (
+      ctx.rpc as unknown as {
+        sharedState: { get: (key: string) => Promise<{ value: () => any }> };
+      }
+    ).sharedState.get('pangular:audit');
+    // Times only: a count would tell other clients what hidden areas hold.
+    expect(shared.value().pages['tab1']).toEqual({
+      before: expect.any(Number),
+      after: expect.any(Number),
+      axe: expect.any(Number),
+    });
+    expect(await call('audit-session', { pageId: 'tab1', action: 'nope' })).toMatchObject({
+      ok: false,
+    });
+  });
+});
diff --git a/packages/devtools/src/__tests__/axe-runner-real.test.ts b/packages/devtools/src/__tests__/axe-runner-real.test.ts
new file mode 100644
index 00000000..c3a00355
--- /dev/null
+++ b/packages/devtools/src/__tests__/axe-runner-real.test.ts
@@ -0,0 +1,61 @@
+// @vitest-environment jsdom
+import '@angular/compiler';
+import { Component } from '@angular/core';
+import { afterEach, describe, expect, it } from 'vitest';
+import { attachAxe } from '../axe-runner.ts';
+import type { BlockOwnerDebugNg } from '../block-owner.ts';
+import { bootstrapRoot, STANDALONE, type BootedApp } from './angular-version.ts';
+
+class TripPhoto {}
+Component({
+  ...STANDALONE,
+  selector: 'app-trip-photo',
+  template: `<img src="/rome.jpg"><button type="button"></button>`,
+})(TripPhoto);
+
+class Trips {}
+Component({
+  ...STANDALONE,
+  selector: 'app-root',
+  imports: [TripPhoto],
+  template: `<main><h1>Trips</h1><app-trip-photo></app-trip-photo></main>`,
+})(Trips);
+
+describe('the axe pass with a real app and real axe-core', () => {
+  let app: BootedApp | null = null;
+  afterEach(() => {
+    app?.destroy();
+    app = null;
+    document.body.innerHTML = '';
+  });
+
+  it('reports violations in the app with their component, and none from the overlay', async () => {
+    document.documentElement.lang = 'en';
+    document.title = 'Trips';
+    document.body.innerHTML = '<app-root></app-root>';
+    app = await bootstrapRoot(Trips, { declarations: [TripPhoto] });
+    app.appRef.tick();
+    // The popup's elements break rules too, and must not count.
+    const popup = document.createElement('div');
+    popup.id = 'pangular-popup-root';
+    popup.innerHTML = '<img src="/fab.png"><button></button>';
+    document.body.appendChild(popup);
+
+    const runner = attachAxe(
+      { rpc: { call: async () => {} } },
+      'real-page',
+      () => (globalThis as { ng?: BlockOwnerDebugNg }).ng,
+    );
+    const result = await runner.run();
+    expect(result.ok).toBe(true);
+    if (!result.ok) return;
+    const byRule = new Map(result.report.violations.map((v) => [v.id, v]));
+    const imageAlt = byRule.get('image-alt');
+    expect(imageAlt).toMatchObject({ count: 1, impact: 'critical' });
+    expect(imageAlt!.nodes[0]!.owner?.name).toBe('TripPhoto');
+    expect(imageAlt!.nodes[0]!.html).toBe('<img src="/rome.jpg">');
+    expect(byRule.get('button-name')?.count).toBe(1);
+    expect(result.report.version).toMatch(/^4\./);
+    expect(JSON.stringify(result.report)).not.toContain('fab.png');
+  }, 30_000);
+});
diff --git a/packages/devtools/src/__tests__/axe-runner.test.ts b/packages/devtools/src/__tests__/axe-runner.test.ts
new file mode 100644
index 00000000..97b1ef2b
--- /dev/null
+++ b/packages/devtools/src/__tests__/axe-runner.test.ts
@@ -0,0 +1,253 @@
+// @vitest-environment jsdom
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import {
+  OVERLAY_HOST_IDS,
+  attachAxe,
+  axeOwnerNg,
+  nodeSnippet,
+  type AxeLike,
+} from '../axe-runner.ts';
+import type { BlockOwnerDebugNg } from '../block-owner.ts';
+
+const JWT = ['eyJhbGciOiJIUzI1NiJ9', 'eyJzdWIiOiIxMjM0NSJ9', 'c2lnbmF0dXJlc2ln'].join('.');
+
+class _TripCard {}
+
+function page() {
+  document.body.innerHTML = `
+    <app-trip-card>
+      <img id="hero" src="/img/rome.jpg?token=${JWT}" class="hero">
+      <input name="email" value="ada@example.com" aria-label="Bearer ${JWT}">
+      <button>Secret text inside</button>
+    </app-trip-card>
+    <div id="pangular-popup-root"></div>`;
+  const host = document.querySelector('app-trip-card')!;
+  const card = new _TripCard();
+  const ng: BlockOwnerDebugNg = {
+    getComponent: (el: Element) => (el === host ? card : null),
+    getOwningComponent: (node: Node) => (host.contains(node) && node !== host ? card : null),
+    getHostElement: (instance: object) => (instance === card ? host : null),
+  };
+  return { host, ng };
+}
+
+function fakeAxe(nodes: () => Element[]) {
+  const run = vi.fn<AxeLike['run']>(async () => ({
+    violations: [
+      {
+        id: 'image-alt',
+        impact: 'critical',
+        help: 'Images must have alternative text',
+        helpUrl: 'https://dequeuniversity.com/rules/axe/4.13/image-alt',
+        tags: ['cat.text-alternatives', 'wcag2a', 'wcag111'],
+        nodes: nodes().map((element) => ({
+          element,
+          target: [`#${element.id || 'x'}[data-token="${JWT}"]`],
+          impact: 'critical',
+          failureSummary: `Fix any of the following:\n  Element has no alt attribute, token=${JWT}`,
+        })),
+      },
+    ],
+  }));
+  return { run, version: '4.13.0' } satisfies AxeLike;
+}
+
+function rpc() {
+  const calls: { name: string; message: any }[] = [];
+  const handlers = new Map<string, (message: unknown) => unknown>();
+  return {
+    calls,
+    emit: (name: string, message: unknown) => handlers.get(name)?.(message),
+    my: {
+      rpc: {
+        call: async (name: string, message: unknown) => {
+          calls.push({ name, message });
+        },
+        register: (definition: { name: string; handler: (message: never) => unknown }) =>
+          void handlers.set(definition.name, definition.handler as (message: unknown) => unknown),
+      },
+    },
+  };
+}
+
+afterEach(() => {
+  document.body.innerHTML = '';
+});
+
+describe('attachAxe', () => {
+  it('names element owners only with the Components inspector on', async () => {
+    const { ng } = page();
+    const axe = fakeAxe(() => [document.getElementById('hero')!]);
+    const owners = async (componentsOn: boolean) => {
+      const channel = rpc();
+      attachAxe(
+        channel.my,
+        'tab1',
+        axeOwnerNg(componentsOn, () => ng),
+        {
+          loadAxe: async () => ({ default: axe }),
+        },
+      );
+      channel.emit('axe-run', { requestId: 'a1', pageId: 'tab1' });
+      await vi.waitFor(() => expect(channel.calls).toHaveLength(1));
+      return channel.calls[0]!.message.result.report.violations[0].nodes[0];
+    };
+    expect((await owners(true)).owner).toMatchObject({ name: 'TripCard' });
+    const hidden = await owners(false);
+    expect(hidden.owner).toBeUndefined();
+    // The element id is the overlay's own WeakMap id, kept for the panel.
+    expect(hidden.elementId).toEqual(expect.any(String));
+  });
+
+  it('loads axe-core only when its own page asks for a pass', async () => {
+    const { ng } = page();
+    const axe = fakeAxe(() => [document.getElementById('hero')!]);
+    const loadAxe = vi.fn(async () => ({ default: axe }));
+    const channel = rpc();
+    attachAxe(channel.my, 'tab1', () => ng, { loadAxe });
+    expect(loadAxe).not.toHaveBeenCalled();
+
+    channel.emit('axe-run', { requestId: 'a1', pageId: 'other' });
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    expect(loadAxe).not.toHaveBeenCalled();
+
+    channel.emit('axe-run', { requestId: 'a2', pageId: 'tab1' });
+    await vi.waitFor(() => expect(channel.calls).toHaveLength(1));
+    expect(loadAxe).toHaveBeenCalledTimes(1);
+    expect(channel.calls[0]).toMatchObject({
+      name: 'axe-result',
+      message: { requestId: 'a2', pageId: 'tab1', result: { ok: true } },
+    });
+  });
+
+  it('leaves the overlay elements out and checks only violations, without frames', async () => {
+    const { ng } = page();
+    const axe = fakeAxe(() => []);
+    const runner = attachAxe(rpc().my, 'tab1', () => ng, { loadAxe: async () => axe });
+    await runner.run();
+    const [context, options] = axe.run.mock.calls[0]!;
+    expect(context).toEqual({ include: [document], exclude: [['#pangular-popup-root']] });
+    expect(options).toMatchObject({
+      resultTypes: ['violations'],
+      iframes: false,
+      elementRef: true,
+    });
+    expect(OVERLAY_HOST_IDS).toContain('pangular-highlight');
+  });
+
+  it('masks selectors and summaries, keeps no text content and names the owning component', async () => {
+    const { ng, host } = page();
+    const img = document.getElementById('hero')!;
+    const input = document.querySelector('input')!;
+    const axe = fakeAxe(() => [img, input]);
+    const runner = attachAxe(rpc().my, 'tab1', () => ng, { loadAxe: async () => axe });
+    const result = await runner.run();
+    expect(result.ok).toBe(true);
+    if (!result.ok) return;
+    const text = JSON.stringify(result.report);
+    expect(text).not.toContain(JWT);
+    expect(text).not.toContain('ada@example.com');
+    expect(text).not.toContain('Secret text inside');
+    const [violation] = result.report.violations;
+    expect(violation).toMatchObject({
+      id: 'image-alt',
+      impact: 'critical',
+      count: 2,
+      tags: ['wcag2a', 'wcag111'],
+    });
+    expect(violation!.nodes[0]!.html).toMatch(/^<img id="hero" class="hero" src="\/img\/rome\.jpg/);
+    expect(violation!.nodes[1]!.html).not.toContain('value=');
+    expect(violation!.nodes[0]!.owner?.name).toBe('TripCard');
+    expect(violation!.nodes[0]!.summary).toContain('Element has no alt attribute');
+    expect(host.outerHTML).not.toContain('data-');
+  });
+
+  it('keeps element ids stable between passes and writes nothing to the DOM', async () => {
+    const { ng } = page();
+    const before = document.body.innerHTML;
+    const axe = fakeAxe(() => [document.getElementById('hero')!]);
+    const runner = attachAxe(rpc().my, 'tab1', () => ng, { loadAxe: async () => axe });
+    const first = await runner.run();
+    const second = await runner.run();
+    expect(first.ok && second.ok).toBe(true);
+    if (!first.ok || !second.ok) return;
+    expect(first.report.violations[0]!.nodes[0]!.elementId).toBeTruthy();
+    expect(second.report.violations[0]!.nodes[0]!.elementId).toBe(
+      first.report.violations[0]!.nodes[0]!.elementId,
+    );
+    expect(document.body.innerHTML).toBe(before);
+  });
+
+  it('runs one pass at a time', async () => {
+    const { ng } = page();
+    const axe = fakeAxe(() => []);
+    const runner = attachAxe(rpc().my, 'tab1', () => ng, { loadAxe: async () => axe });
+    const [a, b] = await Promise.all([runner.run(), runner.run()]);
+    expect(a).toBe(b);
+    expect(axe.run).toHaveBeenCalledTimes(1);
+  });
+
+  it('says why when axe-core cannot load or fails', async () => {
+    const failing = attachAxe(rpc().my, 'tab1', () => undefined, {
+      loadAxe: async () => {
+        throw new Error(`chunk failed ${JWT}`);
+      },
+    });
+    const loaded = await failing.run();
+    expect(loaded).toMatchObject({
+      ok: false,
+      error: expect.stringContaining('could not be loaded'),
+    });
+    expect(JSON.stringify(loaded)).not.toContain(JWT);
+
+    const broken = attachAxe(rpc().my, 'tab1', () => undefined, {
+      loadAxe: async () => ({
+        run: async () => Promise.reject(new Error('Axe is already running')),
+      }),
+    });
+    expect(await broken.run()).toMatchObject({
+      ok: false,
+      error: expect.stringContaining('failed'),
+    });
+  });
+
+  it('stops answering after stop()', async () => {
+    const loadAxe = vi.fn(async () => fakeAxe(() => []));
+    const channel = rpc();
+    attachAxe(channel.my, 'tab1', () => undefined, { loadAxe }).stop();
+    channel.emit('axe-run', { requestId: 'a1', pageId: 'tab1' });
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    expect(loadAxe).not.toHaveBeenCalled();
+  });
+});
+
+describe('nodeSnippet', () => {
+  it('keeps the opening tag with listed attributes and masks secrets in them', () => {
+    const el = document.createElement('a');
+    el.setAttribute('href', `https://user:hunter2@example.com/x?access_token=${JWT}`);
+    el.setAttribute('data-user', 'Ada');
+    el.setAttribute('aria-hidden', '');
+    el.textContent = 'Account of Ada';
+    const snippet = nodeSnippet(el);
+    expect(snippet.startsWith('<a href="')).toBe(true);
+    expect(snippet).toContain('aria-hidden>');
+    expect(snippet).not.toContain('hunter2');
+    expect(snippet).not.toContain(JWT);
+    expect(snippet).not.toContain('Ada');
+  });
+
+  it('replaces free-text attribute values, which can hold personal data', () => {
+    const el = document.createElement('img');
+    el.setAttribute('alt', 'Photo of Ada Lovelace');
+    el.setAttribute('title', 'Ada');
+    el.setAttribute('aria-label', 'Ada Lovelace');
+    el.setAttribute('name', 'ada-avatar');
+    el.setAttribute('role', 'img');
+    const snippet = nodeSnippet(el);
+    expect(snippet).not.toContain('Ada');
+    expect(snippet).not.toContain('ada-avatar');
+    expect(snippet).toContain('alt="[redacted]"');
+    expect(snippet).toContain('aria-label="[redacted]"');
+    expect(snippet).toContain('role="img"');
+  });
+});
diff --git a/packages/devtools/src/__tests__/config.test.ts b/packages/devtools/src/__tests__/config.test.ts
index 8e9851d8..de55331c 100644
--- a/packages/devtools/src/__tests__/config.test.ts
+++ b/packages/devtools/src/__tests__/config.test.ts
@@ -253,6 +253,7 @@ describe('agent tool and RPC registration', () => {
     expect(actionTools.sort()).toEqual(
       [
         'analog-call-api',
+        'audit',
         'change-detection',
         'clear-recordings',
         'dispatch-ngrx-action',
@@ -363,6 +364,7 @@ describe('agent tool and RPC registration', () => {
     expect(forms.actionTools.sort()).toEqual(
       [
         'analog-call-api',
+        'audit',
         'change-detection',
         'clear-recordings',
         'dispatch-ngrx-action',
diff --git a/packages/devtools/src/__tests__/docs-tool-count.test.ts b/packages/devtools/src/__tests__/docs-tool-count.test.ts
index 6081d207..c0b3f87a 100644
--- a/packages/devtools/src/__tests__/docs-tool-count.test.ts
+++ b/packages/devtools/src/__tests__/docs-tool-count.test.ts
@@ -33,6 +33,7 @@ const WORDS = [
   'Seventy-three',
   'Seventy-four',
   'Seventy-five',
+  'Seventy-six',
 ];
 
 it('states on the tools page how many tools the server registers', async () => {
diff --git a/packages/devtools/src/__tests__/hub-messages.test.ts b/packages/devtools/src/__tests__/hub-messages.test.ts
index dd26d9cb..1ca5ef1d 100644
--- a/packages/devtools/src/__tests__/hub-messages.test.ts
+++ b/packages/devtools/src/__tests__/hub-messages.test.ts
@@ -149,6 +149,15 @@ describe('hub messages', () => {
     expect(list().map((m) => m.message)).toEqual(['Agent ran change-detection']);
   });
 
+  it('posts an audit call only when it runs axe in the page', async () => {
+    const { feed, list } = setup();
+    const audit = run(feed, 'pangular:audit');
+    await audit.handler({ session: 'before' });
+    expect(list()).toEqual([]);
+    await audit.handler({ axe: true });
+    expect(list().map((m) => m.message)).toEqual(['Agent ran audit']);
+  });
+
   it('describes a write by its first meaningful line, past the untrusted-data notice and the JSON fence', async () => {
     const { feed, list } = setup();
     await run(
diff --git a/packages/devtools/src/__tests__/page-owners.test.ts b/packages/devtools/src/__tests__/page-owners.test.ts
index 7a795bf0..c0f32713 100644
--- a/packages/devtools/src/__tests__/page-owners.test.ts
+++ b/packages/devtools/src/__tests__/page-owners.test.ts
@@ -26,6 +26,18 @@ function fakeHost() {
 describe('page owners', () => {
   afterEach(() => vi.useRealTimers());
 
+  it('lists the claimed pages whose connection is still open', () => {
+    const { host, as, close } = fakeHost();
+    const owners = createPageOwners(host, () => PAGE_TTL_MS);
+    as(1);
+    owners.claim('tab-1', keyOf('a'));
+    as(2);
+    owners.claim('tab-2', keyOf('b'));
+    expect(owners.live().map((page) => page.pageId)).toEqual(['tab-1', 'tab-2']);
+    close(1);
+    expect(owners.live()).toEqual([{ pageId: 'tab-2', reportedAt: expect.any(Number) }]);
+  });
+
   it('gives a page to the first connection and refuses another one', () => {
     const { host, as } = fakeHost();
     const owners = createPageOwners(host, () => PAGE_TTL_MS);
diff --git a/packages/devtools/src/__tests__/pipe-lint-cache.test.ts b/packages/devtools/src/__tests__/pipe-lint-cache.test.ts
new file mode 100644
index 00000000..56166a6a
--- /dev/null
+++ b/packages/devtools/src/__tests__/pipe-lint-cache.test.ts
@@ -0,0 +1,20 @@
+import { describe, expect, it, vi } from 'vitest';
+import { cachedPipeLint } from '../rpc/pipe-lint-cache.ts';
+import type { PipeLintFinding } from '../rpc/pipe-lint.ts';
+
+describe('cachedPipeLint', () => {
+  it('scans once within the time to live, then again', () => {
+    let now = 0;
+    const findings: PipeLintFinding[] = [];
+    const lint = vi.fn(() => findings);
+    const cached = cachedPipeLint(lint, { ttlMs: 1000, now: () => now });
+    expect(cached()).toBe(findings);
+    now = 999;
+    cached();
+    cached();
+    expect(lint).toHaveBeenCalledTimes(1);
+    now = 1000;
+    cached();
+    expect(lint).toHaveBeenCalledTimes(2);
+  });
+});
diff --git a/packages/devtools/src/axe-runner.ts b/packages/devtools/src/axe-runner.ts
new file mode 100644
index 00000000..688d6b2d
--- /dev/null
+++ b/packages/devtools/src/axe-runner.ts
@@ -0,0 +1,360 @@
+import { blockOwnerOf, type BlockOwnerDebugNg } from './block-owner.ts';
+import { elementId } from './element-id.ts';
+import { POPUP_ROOT_ID } from './panel-frame.ts';
+import { redactUrl } from './router.ts';
+import { REDACTED } from './forms-privacy.ts';
+import { redactText } from './serialize.ts';
+import { clip } from './text.ts';
+
+/**
+ * The elements the overlay adds to the page: the popup, the change detection
+ * flash layer, the hydration outline and the highlight box. An axe pass skips
+ * them, so it reports on the app only.
+ */
+export const OVERLAY_HOST_IDS = [
+  POPUP_ROOT_ID,
+  'pangular-cd-flash',
+  'pangular-hydration-overlay',
+  'pangular-highlight',
+] as const;
+
+/** Rules a report keeps, the ones with the most nodes first. */
+export const MAX_AXE_RULES = 100;
+/** Nodes a report keeps per rule. */
+export const MAX_AXE_NODES = 20;
+const MAX_TARGET = 200;
+const MAX_SUMMARY = 400;
+const MAX_HTML = 240;
+const MAX_ATTRIBUTE = 60;
+const MAX_TAGS = 8;
+
+/** Attributes a node snippet keeps. The rest, `value` and text content included, never leave the page. */
+const SNIPPET_ATTRIBUTES = [
+  'id',
+  'class',
+  'role',
+  'type',
+  'name',
+  'for',
+  'alt',
+  'href',
+  'src',
+  'title',
+  'tabindex',
+  'aria-label',
+  'aria-labelledby',
+  'aria-describedby',
+  'aria-hidden',
+  'aria-expanded',
+];
+
+/**
+ * Attributes that hold text people read, so they can hold personal data
+ * (`aria-label="Ada Lovelace"`) that pattern masking misses. Their values are
+ * always replaced; the rest identify the element and are masked by pattern.
+ */
+const FREE_TEXT_ATTRIBUTES = new Set(['alt', 'title', 'aria-label', 'name']);
+
+export type AxeImpact = 'critical' | 'serious' | 'moderate' | 'minor';
+
+/** One element that breaks a rule. */
+export interface AxeNode {
+  /** axe's CSS selector for the element, masked. */
+  target: string;
+  /** The element's opening tag with a few attributes, values masked, no text content. */
+  html: string;
+  /** axe's "Fix any of the following" summary, masked. */
+  summary?: string;
+  impact?: AxeImpact;
+  /** The element id the Components tab and `highlight` use. */
+  elementId?: string;
+  /** The component whose template holds the element. */
+  owner?: { id: string; name: string };
+}
+
+/** One axe rule the page breaks. */
+export interface AxeViolation {
+  /** The rule id, such as `image-alt`. */
+  id: string;
+  impact?: AxeImpact;
+  /** axe's one-line description of the rule, such as "Images must have alternative text". */
+  help: string;
+  /** The rule's page on Deque University. */
+  helpUrl?: string;
+  /** WCAG and best-practice tags, such as `wcag2a` or `wcag111`. */
+  tags: string[];
+  /** All elements that break the rule, listed or not. */
+  count: number;
+  nodes: AxeNode[];
+}
+
+/** What one axe pass over the app found. */
+export interface AxeReport {
+  /** The page clock when the pass finished. */
+  at: number;
+  /** How long the pass took, in ms. */
+  ms: number;
+  /** The page's URL, masked. */
+  url: string;
+  /** The axe-core version that ran. */
+  version?: string;
+  violations: AxeViolation[];
+  /** Rules left out past {@link MAX_AXE_RULES}. */
+  droppedRules?: number;
+}
+
+/** The answer to one `axe-run` request. */
+export type AxeRunResult = { ok: true; report: AxeReport } | { ok: false; error: string };
+
+interface AxeNodeResult {
+  target?: unknown;
+  failureSummary?: unknown;
+  impact?: unknown;
+  element?: unknown;
+}
+
+interface AxeResult {
+  id?: unknown;
+  impact?: unknown;
+  help?: unknown;
+  helpUrl?: unknown;
+  tags?: unknown;
+  nodes?: unknown;
+}
+
+/** The parts of axe-core the runner calls. */
+export interface AxeLike {
+  version?: string;
+  run(
+    context: unknown,
+    options: Record<string, unknown>,
+  ): Promise<{ violations?: AxeResult[] } | undefined>;
+}
+
+interface AxeRpc {
+  rpc: {
+    call(name: string, ...args: unknown[]): Promise<unknown>;
+    register?(definition: {
+      name: string;
+      type: 'event';
+      jsonSerializable: boolean;
+      handler: (message: never) => unknown;
+    }): void;
+  };
+}
+
+export interface AxeRunnerOptions {
+  /** Loads axe-core. Defaults to a dynamic import, so the overlay bundle does not carry it. */
+  loadAxe?: () => Promise<unknown>;
+  doc?: Document;
+  now?: () => number;
+}
+
+export interface AxeRunner {
+  /** Runs one pass now. One pass at a time; a second call waits for the first. */
+  run(): Promise<AxeRunResult>;
+  stop(): void;
+}
+
+function read<T>(fn: () => T, fallback: T): T {
+  try {
+    return fn();
+  } catch {
+    return fallback;
+  }
+}
+
+const IMPACTS: readonly AxeImpact[] = ['critical', 'serious', 'moderate', 'minor'];
+const impactOf = (value: unknown): AxeImpact | undefined =>
+  IMPACTS.includes(value as AxeImpact) ? (value as AxeImpact) : undefined;
+
+/** axe's target: a selector list, with nested lists for shadow DOM. */
+function targetText(value: unknown): string {
+  const flat = (part: unknown): string =>
+    Array.isArray(part) ? part.map(flat).join(' >>> ') : typeof part === 'string' ? part : '';
+  return clip(
+    redactText(Array.isArray(value) ? value.map(flat).join(', ') : flat(value)),
+    MAX_TARGET,
+  );
+}
+
+/** The element's opening tag with the attributes in {@link SNIPPET_ATTRIBUTES}, values masked. */
+export function nodeSnippet(el: Element): string {
+  const tag = el.tagName.toLowerCase();
+  const attributes: string[] = [];
+  for (const name of SNIPPET_ATTRIBUTES) {
+    const value = el.getAttribute(name);
+    if (value === null) continue;
+    const masked = FREE_TEXT_ATTRIBUTES.has(name)
+      ? REDACTED
+      : name === 'href' || name === 'src'
+        ? redactUrl(value)
+        : redactText(value);
+    attributes.push(value === '' ? name : `${name}="${clip(masked, MAX_ATTRIBUTE)}"`);
+  }
+  return clip(`<${tag}${attributes.length ? ` ${attributes.join(' ')}` : ''}>`, MAX_HTML);
+}
+
+function axeOf(module: unknown): AxeLike | null {
+  const candidates = [(module as { default?: unknown } | null)?.default, module];
+  for (const candidate of candidates) {
+    if (candidate && typeof (candidate as AxeLike).run === 'function') return candidate as AxeLike;
+  }
+  return null;
+}
+
+/**
+ * The debug API the axe pass names element owners with: `getNg` with the
+ * Components inspector on, nothing otherwise, since the owner (class name
+ * and instance id) is component data that inspector gates.
+ */
+export function axeOwnerNg(
+  componentsOn: boolean,
+  getNg: () => BlockOwnerDebugNg | undefined,
+): () => BlockOwnerDebugNg | undefined {
+  return componentsOn ? getNg : () => undefined;
+}
+
+/**
+ * Runs axe-core over the app when the server asks (`axe-run`), never on its
+ * own, and answers with `axe-result`. axe-core is loaded on the first request
+ * through a dynamic import, so pages that never run a pass don't download it.
+ * The pass leaves out the overlay's own elements ({@link OVERLAY_HOST_IDS}) and
+ * frames, and reports violations only. Text leaves the page masked: selectors
+ * and summaries go through `redactText`, node snippets keep the opening tag
+ * with a few attributes and no text content, and each node names the
+ * component whose template holds it.
+ */
+export function attachAxe(
+  my: AxeRpc,
+  pageId: string,
+  getNg: () => BlockOwnerDebugNg | undefined,
+  options: AxeRunnerOptions = {},
+): AxeRunner {
+  const now = options.now ?? Date.now;
+  const loadAxe = options.loadAxe ?? (() => import('axe-core'));
+  let stopped = false;
+  let running: Promise<AxeRunResult> | null = null;
+
+  const nodeOf = (result: AxeNodeResult, ng: BlockOwnerDebugNg | undefined): AxeNode => {
+    const el = result.element;
+    const isElement = typeof Element !== 'undefined' && el instanceof Element;
+    const summary =
+      typeof result.failureSummary === 'string'
+        ? clip(redactText(result.failureSummary), MAX_SUMMARY)
+        : '';
+    const owner =
+      isElement && ng ? read(() => blockOwnerOf(ng, el as Element), undefined) : undefined;
+    const impact = impactOf(result.impact);
+    return {
+      target: targetText(result.target),
+      html: isElement ? nodeSnippet(el as Element) : '',
+      ...(summary ? { summary } : {}),
+      ...(impact ? { impact } : {}),
+      ...(isElement ? { elementId: elementId(el as Element) } : {}),
+      ...(owner ? { owner: { id: owner.id, name: owner.name } } : {}),
+    };
+  };
+
+  const violationOf = (
+    result: AxeResult,
+    ng: BlockOwnerDebugNg | undefined,
+  ): AxeViolation | null => {
+    if (typeof result.id !== 'string' || !result.id) return null;
+    const nodes = Array.isArray(result.nodes) ? (result.nodes as AxeNodeResult[]) : [];
+    const impact = impactOf(result.impact);
+    const tags = Array.isArray(result.tags)
+      ? result.tags
+          .filter(
+            (tag): tag is string =>
+              typeof tag === 'string' && /^(wcag|best-practice|section508)/.test(tag),
+          )
+          .slice(0, MAX_TAGS)
+      : [];
+    return {
+      id: clip(result.id, 80),
+      ...(impact ? { impact } : {}),
+      help: typeof result.help === 'string' ? clip(result.help, 200) : result.id,
+      ...(typeof result.helpUrl === 'string' ? { helpUrl: clip(result.helpUrl, 300) } : {}),
+      tags,
+      count: nodes.length,
+      nodes: nodes.slice(0, MAX_AXE_NODES).map((node) => nodeOf(node, ng)),
+    };
+  };
+
+  const pass = async (): Promise<AxeRunResult> => {
+    const doc = options.doc ?? (typeof document === 'undefined' ? undefined : document);
+    if (!doc) return { ok: false, error: 'This page has no DOM to check.' };
+    let axe: AxeLike | null;
+    try {
+      axe = axeOf(await loadAxe());
+    } catch (error) {
+      return {
+        ok: false,
+        error: `axe-core could not be loaded: ${clip(redactText(String((error as Error)?.message ?? error)), 300)}`,
+      };
+    }
+    if (!axe) return { ok: false, error: 'axe-core loaded without a run() function.' };
+    const exclude = OVERLAY_HOST_IDS.filter((id) => doc.getElementById(id)).map((id) => [`#${id}`]);
+    const started = now();
+    let results: Awaited<ReturnType<AxeLike['run']>>;
+    try {
+      results = await axe.run(exclude.length ? { include: [doc], exclude } : doc, {
+        resultTypes: ['violations'],
+        elementRef: true,
+        iframes: false,
+        performanceTimer: false,
+      });
+    } catch (error) {
+      return {
+        ok: false,
+        error: `axe-core failed: ${clip(redactText(String((error as Error)?.message ?? error)), 300)}`,
+      };
+    }
+    const ng = getNg();
+    const violations = (results?.violations ?? [])
+      .map((result) => violationOf(result, ng))
+      .filter((item): item is AxeViolation => item !== null)
+      .sort((a, b) => b.count - a.count);
+    const report: AxeReport = {
+      at: now(),
+      ms: Math.max(0, Math.round(now() - started)),
+      url: read(() => redactUrl(doc.location?.href ?? ''), ''),
+      ...(typeof axe.version === 'string' ? { version: clip(axe.version, 20) } : {}),
+      violations: violations.slice(0, MAX_AXE_RULES),
+      ...(violations.length > MAX_AXE_RULES
+        ? { droppedRules: violations.length - MAX_AXE_RULES }
+        : {}),
+    };
+    return { ok: true, report };
+  };
+
+  const run = () => {
+    // axe refuses a second run while one is going, so callers share it.
+    running ??= pass().finally(() => {
+      running = null;
+    });
+    return running;
+  };
+
+  my.rpc.register?.({
+    name: 'axe-run',
+    type: 'event',
+    jsonSerializable: true,
+    handler: (message: { requestId?: unknown; pageId?: unknown } | null) => {
+      if (stopped || !message || message.pageId !== pageId) return;
+      if (typeof message.requestId !== 'string') return;
+      const requestId = message.requestId;
+      void run().then((result) =>
+        my.rpc.call('axe-result', { requestId, pageId, result }).catch(() => {}),
+      );
+    },
+  });
+
+  return {
+    run,
+    stop() {
+      stopped = true;
+    },
+  };
+}
diff --git a/packages/devtools/src/config.ts b/packages/devtools/src/config.ts
index 75be9772..356020b3 100644
--- a/packages/devtools/src/config.ts
+++ b/packages/devtools/src/config.ts
@@ -322,6 +322,7 @@ export function hotkeyLabel(hotkey: string, mac: boolean): string {
 export const PANEL_TABS = [
   { id: 'dashboard', label: 'Dashboard' },
   { id: 'timeline', label: 'Timeline' },
+  { id: 'audit', label: 'Audit' },
   { id: 'analog', label: 'Analog', inspector: 'analog' },
   { id: 'components', label: 'Components', inspector: 'components' },
   { id: 'routes', label: 'Routes', inspector: 'router' },
@@ -803,14 +804,16 @@ export const AGENT_SAFETY: Record<string, Exclude<AgentSafety, 'read'>> = {
   'analog-call-api': 'destructive',
   'set-component-property': 'action',
   'set-signal': 'action',
+  // Only with `axe`, which loads and runs axe-core in the page.
+  audit: 'action',
 };
 
 /**
  * Tools that `agent.readOnly` keeps as `read` tools, with the arguments that
- * act refused: `change-detection` still answers, but without `record`, and
- * `hydration` without `overlay`.
+ * act refused: `change-detection` still answers, but without `record`,
+ * `hydration` without `overlay`, and `audit` without `axe`.
  */
-export const READ_ONLY_VARIANTS: readonly string[] = ['change-detection', 'hydration'];
+export const READ_ONLY_VARIANTS: readonly string[] = ['change-detection', 'hydration', 'audit'];
 
 /** The tier an agent tool or resource is registered with under `config`. Resources are `read`. */
 export function agentSafety(id: string, config: ResolvedPangularConfig): AgentSafety {
@@ -854,6 +857,13 @@ export const SHARED_RPC: readonly string[] = [
   // handler checks that the inspector of each request is on.
   'request-console-global',
   'console-global-result',
+  // The audit reads every inspector that is on (and, for agents, whose agent
+  // tools are on), so it stays with any of them; the axe pass belongs to none.
+  'audit',
+  'get-audit',
+  'audit-session',
+  'request-axe-run',
+  'axe-result',
 ];
 
 /**
@@ -1039,7 +1049,7 @@ export const SHARED_STATE_INSPECTOR: Record<string, PangularInspector> = {
 };
 
 /** Shared-state keys that belong to no inspector, without the `pangular:` prefix. */
-export const SHARED_STATE_KEYS: readonly string[] = ['page-visibility', 'page-angular'];
+export const SHARED_STATE_KEYS: readonly string[] = ['page-visibility', 'page-angular', 'audit'];
 
 /**
  * Whether MCP clients may read a shared-state key. A `pangular:` key in
@@ -1123,6 +1133,7 @@ export const PAGE_AGENT_ENTRIES: readonly string[] = [
   'list-errors',
   'explain-error',
   'list-console',
+  'audit',
 ];
 
 export function isPageAgentEntry(id: string): boolean {
diff --git a/packages/devtools/src/devframe.ts b/packages/devtools/src/devframe.ts
index f01a76d3..688df915 100644
--- a/packages/devtools/src/devframe.ts
+++ b/packages/devtools/src/devframe.ts
@@ -26,11 +26,13 @@ import {
 import { registerConsoleGlobals } from './rpc/console-globals.ts';
 import { registerErrors } from './rpc/errors-register.ts';
 import { registerLeaks } from './rpc/leaks-register.ts';
+import { registerAudit } from './rpc/audit-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';
+import { cachedPipeLint } from './rpc/pipe-lint-cache.ts';
 import { explainPipeOnPage, pipeRecordRequest, pipeRecordText } from './rpc/pipes-agent.ts';
 import { createPageOwners } from './rpc/page-owners.ts';
 import { trackPageSessions } from './rpc/page-sessions.ts';
@@ -400,6 +402,7 @@ const pangular = defineDevframe({
       return true;
     };
 
+    let onPageClaimed = (_pageId: string) => {};
     register({
       name: 'claim-page',
       type: 'action',
@@ -407,7 +410,10 @@ const pangular = defineDevframe({
       handler: (message: { pageId?: unknown; key?: unknown } | null) => {
         const pageId = message?.pageId;
         if (typeof pageId !== 'string' || !pageId || pageId.length >= 50) return { ok: false };
-        return { ok: owners.claim(pageId, message?.key) };
+        const ok = owners.claim(pageId, message?.key);
+        // The overlay claims once per load: what the audit holds of the old document is stale.
+        if (ok) onPageClaimed(pageId);
+        return { ok };
       },
     });
 
@@ -3943,6 +3949,42 @@ const pangular = defineDevframe({
       });
     });
 
+    const audit = await registerAudit({
+      my,
+      register,
+      agent,
+      answersFor,
+      agentSees: (inspector) => config.agent.tools[inspector],
+      agentAxe: !config.agent.readOnly,
+      agentReadOnly: config.agent.readOnly,
+      // Every page the overlay claimed, so axe works with any set of inspectors on.
+      pages: () =>
+        withPageUrls([
+          ...owners.live(),
+          ...componentPages.values(),
+          ...httpPages.values(),
+          ...routerPages.values(),
+          ...formPages.values(),
+          ...(errorsInspector?.pages() ?? []),
+          ...(leaksInspector?.pages() ?? []),
+        ]),
+      sources: {
+        ...(on.components
+          ? {
+              cd: () => cdState.value() as CdState,
+              components: (pageId: string) => componentPages.get(pageId) ?? null,
+            }
+          : {}),
+        ...(leaksInspector ? { leaks: leaksInspector.state } : {}),
+        ...(errorsInspector ? { errors: errorsInspector.state } : {}),
+        ...(on.router ? { router: () => routerState.value() as RouterState } : {}),
+        ...(on.forms ? { forms: () => formsState.value() as FormsState } : {}),
+        ...(on.http ? { http: () => httpState.value() as HttpState } : {}),
+        ...(on.pipes ? { pipes: cachedPipeLint(() => lintPipes(ctx.cwd)) } : {}),
+      },
+    });
+    onPageClaimed = audit.pageLoaded;
+
     if (on.analog) {
       await registerAnalog(my as never, { cwd: ctx.cwd, agent } as never, {
         blockCalls: config.actions.analog ? undefined : actionBlockedMessage('analog'),
diff --git a/packages/devtools/src/hub-messages.ts b/packages/devtools/src/hub-messages.ts
index c00b3feb..0156c11e 100644
--- a/packages/devtools/src/hub-messages.ts
+++ b/packages/devtools/src/hub-messages.ts
@@ -300,6 +300,8 @@ export function createHubFeed(
     ) {
       return;
     }
+    // audit only runs something in the page when it runs axe.
+    if (name === 'audit' && (args as { axe?: unknown } | null)?.axe !== true) return;
     if (changedNothing(result)) return;
     const page = pageOf(args);
     post(
diff --git a/packages/devtools/src/overlay.ts b/packages/devtools/src/overlay.ts
index 3c92fbb3..6d4abebc 100644
--- a/packages/devtools/src/overlay.ts
+++ b/packages/devtools/src/overlay.ts
@@ -9,6 +9,7 @@ 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 { attachAxe, axeOwnerNg } from './axe-runner.ts';
 import { createRecentWrites } from './error-explain.ts';
 import { allowClientRules, httpRegistry } from './http-rules.ts';
 import { attachNgrx } from './ngrx-overlay.ts';
@@ -497,6 +498,9 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
   const leaks = on.components
     ? attachLeaks(my, pageId, getNg, { tickMs, active: () => lease.active })
     : null;
+  // Runs axe-core only when the panel or an agent asks; it loads axe-core then.
+  // The component owning each element is component data: only with that inspector on.
+  const axe = attachAxe(my, pageId, axeOwnerNg(on.components, getNg));
   const angularInfo = attachAngularInfo(my, pageId, getNg, { tickMs });
   const consoleGlobals = attachConsoleGlobals(my, pageId, {
     getNg,
@@ -947,6 +951,7 @@ async function startOverlay(options: OverlayOptions, own: (cleanup: () => void)
     ngrx?.stop();
     errors?.stop();
     leaks?.stop();
+    axe.stop();
     cd?.stop();
     hydrationOverlay?.stop();
     stopAnalog();
diff --git a/packages/devtools/src/page-highlight.ts b/packages/devtools/src/page-highlight.ts
index 81d425ea..e1d30bd9 100644
--- a/packages/devtools/src/page-highlight.ts
+++ b/packages/devtools/src/page-highlight.ts
@@ -62,6 +62,8 @@ export function showHighlight(
     }
   }
   const box = document.createElement('div');
+  // An axe pass leaves the overlay's own elements out by id.
+  box.id = 'pangular-highlight';
   highlightEl = box;
   Object.assign(box.style, {
     position: 'fixed',
diff --git a/packages/devtools/src/rpc/audit-audience.ts b/packages/devtools/src/rpc/audit-audience.ts
new file mode 100644
index 00000000..6cf8dd8e
--- /dev/null
+++ b/packages/devtools/src/rpc/audit-audience.ts
@@ -0,0 +1,45 @@
+// What an agent may see of the axe pass. Each axe element names the component
+// that holds it (class name and instance id), which is component data: when
+// the agent can't see the Components inspector, the owners, the element ids
+// and the findings grouped by owner are folded away before the answer.
+
+import type { AxeReport } from '../axe-runner.ts';
+import { rankFindings, type AuditFinding } from './audit-findings.ts';
+
+/** The axe pass without the component that owns each element, nor its element id. */
+export function withoutAxeOwners(report: AxeReport): AxeReport {
+  return {
+    ...report,
+    violations: report.violations.map((violation) => ({
+      ...violation,
+      nodes: violation.nodes.map(({ owner: _owner, elementId: _elementId, ...node }) => node),
+    })),
+  };
+}
+
+/**
+ * Accessibility findings folded to one per rule, without the owning
+ * component as subject. Applied to both sides of a comparison, keys stay
+ * comparable.
+ */
+export function withoutOwnerSubjects(findings: AuditFinding[]): AuditFinding[] {
+  const out: AuditFinding[] = [];
+  const byRule = new Map<string, AuditFinding>();
+  for (const finding of findings) {
+    if (finding.area !== 'accessibility') {
+      out.push(finding);
+      continue;
+    }
+    const key = `accessibility:${finding.rule}:`;
+    const seen = byRule.get(key);
+    if (seen) {
+      seen.count = (seen.count ?? 1) + (finding.count ?? 1);
+      continue;
+    }
+    const { subject: _subject, elementId: _elementId, ...rest } = finding;
+    const folded: AuditFinding = { ...rest, key };
+    byRule.set(key, folded);
+    out.push(folded);
+  }
+  return byRule.size ? rankFindings(out) : out;
+}
diff --git a/packages/devtools/src/rpc/audit-axe.ts b/packages/devtools/src/rpc/audit-axe.ts
new file mode 100644
index 00000000..660906bf
--- /dev/null
+++ b/packages/devtools/src/rpc/audit-axe.ts
@@ -0,0 +1,173 @@
+// The axe pass on the server: checks and masks again what a page sends, and
+// runs one pass on a page by asking it (`axe-run`) and waiting for its
+// `axe-result`, which only the connection that owns the page can settle.
+
+import {
+  MAX_AXE_NODES,
+  MAX_AXE_RULES,
+  type AxeImpact,
+  type AxeNode,
+  type AxeReport,
+  type AxeRunResult,
+  type AxeViolation,
+} from '../axe-runner.ts';
+import { redactUrl } from '../router.ts';
+import { redactText } from '../serialize.ts';
+import { clip } from '../text.ts';
+
+/**
+ * How long a pass may take before the server stops waiting. axe on a large
+ * page takes seconds. Shorter than devframe's own RPC timeout (60 s), so the
+ * panel gets this error, which says what to check, instead of a generic one.
+ */
+export const AXE_TIMEOUT_MS = 45_000;
+
+const IMPACTS: readonly AxeImpact[] = ['critical', 'serious', 'moderate', 'minor'];
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return !!value && typeof value === 'object' && !Array.isArray(value);
+}
+
+const str = (value: unknown, max: number) =>
+  typeof value === 'string' ? clip(redactText(value), max) : '';
+const num = (value: unknown) =>
+  typeof value === 'number' && Number.isFinite(value) ? Math.max(0, value) : 0;
+const impact = (value: unknown): AxeImpact | undefined =>
+  IMPACTS.includes(value as AxeImpact) ? (value as AxeImpact) : undefined;
+const id = (value: unknown) =>
+  typeof value === 'string' && /^[\w-]{1,60}$/.test(value) ? value : undefined;
+
+function toNode(value: unknown): AxeNode | null {
+  if (!isRecord(value)) return null;
+  const owner = isRecord(value['owner']) ? value['owner'] : undefined;
+  const ownerId = id(owner?.['id']);
+  const ownerName = str(owner?.['name'], 120);
+  const elementId = id(value['elementId']);
+  const summary = str(value['summary'], 400);
+  const level = impact(value['impact']);
+  return {
+    target: str(value['target'], 200),
+    html: str(value['html'], 240),
+    ...(summary ? { summary } : {}),
+    ...(level ? { impact: level } : {}),
+    ...(elementId ? { elementId } : {}),
+    ...(ownerId && ownerName ? { owner: { id: ownerId, name: ownerName } } : {}),
+  };
+}
+
+function toViolation(value: unknown): AxeViolation | null {
+  if (!isRecord(value)) return null;
+  const rule = id(value['id']);
+  if (!rule) return null;
+  const nodes = Array.isArray(value['nodes'])
+    ? value['nodes']
+        .slice(0, MAX_AXE_NODES)
+        .map(toNode)
+        .filter((node): node is AxeNode => node !== null)
+    : [];
+  const level = impact(value['impact']);
+  const helpUrl = typeof value['helpUrl'] === 'string' ? value['helpUrl'] : '';
+  return {
+    id: rule,
+    ...(level ? { impact: level } : {}),
+    help: str(value['help'], 200) || rule,
+    // Only Deque's rule pages: the link is shown to people and agents as is.
+    ...(/^https:\/\/dequeuniversity\.com\//.test(helpUrl) ? { helpUrl: clip(helpUrl, 300) } : {}),
+    tags: Array.isArray(value['tags'])
+      ? value['tags']
+          .filter((tag): tag is string => typeof tag === 'string' && /^[\w.-]{1,40}$/.test(tag))
+          .slice(0, 8)
+      : [],
+    count: Math.max(nodes.length, Math.floor(num(value['count']))),
+    nodes,
+  };
+}
+
+/** Checks and masks an axe report from a page; `null` when it is not one. */
+export function toAxeReport(value: unknown): AxeReport | null {
+  if (!isRecord(value) || !Array.isArray(value['violations'])) return null;
+  const violations = value['violations']
+    .slice(0, MAX_AXE_RULES)
+    .map(toViolation)
+    .filter((item): item is AxeViolation => item !== null);
+  const dropped = Math.floor(num(value['droppedRules']));
+  const version = typeof value['version'] === 'string' ? clip(value['version'], 20) : '';
+  return {
+    at: num(value['at']) || Date.now(),
+    ms: Math.round(num(value['ms'])),
+    url: typeof value['url'] === 'string' ? redactUrl(value['url']) : '',
+    ...(version ? { version } : {}),
+    violations,
+    ...(dropped ? { droppedRules: dropped } : {}),
+  };
+}
+
+/** Checks a page's answer to `axe-run`. */
+export function toAxeRunResult(value: unknown): AxeRunResult {
+  if (isRecord(value) && value['ok'] === true) {
+    const report = toAxeReport(value['report']);
+    if (report) return { ok: true, report };
+  }
+  const error = isRecord(value) ? str(value['error'], 400) : '';
+  return { ok: false, error: error || 'The page sent no axe result.' };
+}
+
+interface AxeRequestDeps {
+  /** Sends an event to every connected page. */
+  broadcast: (method: string, message: unknown) => void;
+  /** Whether a result for `target` may come from the connection that sent it for `pageId`. */
+  answersFor: (target: string, pageId: unknown) => boolean;
+  /** Called when a pass starts and ends on a page. */
+  onRunning?: (pageId: string, running: boolean) => void;
+  timeoutMs?: number;
+}
+
+/** Asks pages for axe passes and waits for their answers. */
+export function createAxeRequests(deps: AxeRequestDeps) {
+  const pending = new Map<string, { pageId: string; settle: (result: AxeRunResult) => void }>();
+  // One pass per page at a time: a second request joins the first.
+  const inFlight = new Map<string, Promise<AxeRunResult>>();
+  let seq = 0;
+
+  const answer = (message: unknown) => {
+    if (!isRecord(message) || typeof message['requestId'] !== 'string') return;
+    const entry = pending.get(message['requestId']);
+    if (entry && deps.answersFor(entry.pageId, message['pageId'])) {
+      entry.settle(toAxeRunResult(message['result']));
+    }
+  };
+
+  const run = (pageId: string): Promise<AxeRunResult> => {
+    const running = inFlight.get(pageId);
+    if (running) return running;
+    const promise = new Promise<AxeRunResult>((resolve) => {
+      const requestId = `a${++seq}`;
+      const timeoutMs = deps.timeoutMs ?? AXE_TIMEOUT_MS;
+      const timer = setTimeout(() => {
+        pending.delete(requestId);
+        resolve({
+          ok: false,
+          error: `The page did not answer within ${Math.round(timeoutMs / 1000)}s. Is the app open in a browser, with an overlay that has the axe pass (this version of the devtools)?`,
+        });
+      }, timeoutMs);
+      timer.unref?.();
+      pending.set(requestId, {
+        pageId,
+        settle: (result) => {
+          clearTimeout(timer);
+          pending.delete(requestId);
+          resolve(result);
+        },
+      });
+      deps.broadcast('axe-run', { requestId, pageId });
+    }).finally(() => {
+      inFlight.delete(pageId);
+      deps.onRunning?.(pageId, false);
+    });
+    inFlight.set(pageId, promise);
+    deps.onRunning?.(pageId, true);
+    return promise;
+  };
+
+  return { answer, run, pendingCount: () => pending.size };
+}
diff --git a/packages/devtools/src/rpc/audit-findings.ts b/packages/devtools/src/rpc/audit-findings.ts
new file mode 100644
index 00000000..6845df61
--- /dev/null
+++ b/packages/devtools/src/rpc/audit-findings.ts
@@ -0,0 +1,737 @@
+// The audit: one ranked list of findings over what the inspectors already
+// collected. Every check here reuses an inspector's own function (cdHints,
+// isRetained, lintRoutes, lintFormsFor, lintPipes, serverCallFor) and only
+// turns its result into a finding, so the audit and the inspector's own tool
+// always agree.
+
+import { cdHints } from '../cd-data.ts';
+import type { AxeImpact, AxeReport } from '../axe-runner.ts';
+import { redactMessage, redactUrl } from '../router.ts';
+import { redactText } from '../serialize.ts';
+import { clip } from '../text.ts';
+import type { ComponentPage, HttpState } from '../types.ts';
+import type { CdState } from './cd-tools.ts';
+import type { ErrorsState } from './errors-tools.ts';
+import { lintFormsFor } from './forms-explain.ts';
+import { onPage as formsOnPage, type FormsState } from './forms-tools.ts';
+import { isRetained, type LeaksState } from './leaks-tools.ts';
+import type { PipeLintFinding } from './pipe-lint.ts';
+import { lintRoutes } from './router-config-tools.ts';
+import type { RouterState } from './router-tools.ts';
+import { serverCallFor } from './ssr-tools.ts';
+
+export type AuditSeverity = 'error' | 'warning' | 'info';
+
+/** The inspector, or the axe pass, a finding comes from. */
+export type AuditArea =
+  | 'accessibility'
+  | 'change-detection'
+  | 'leaks'
+  | 'errors'
+  | 'router'
+  | 'forms'
+  | 'hydration'
+  | 'http'
+  | 'pipes';
+
+export const AUDIT_AREAS: readonly AuditArea[] = [
+  'accessibility',
+  'errors',
+  'hydration',
+  'change-detection',
+  'leaks',
+  'router',
+  'forms',
+  'http',
+  'pipes',
+];
+
+export const AUDIT_AREA_LABEL: Record<AuditArea, string> = {
+  accessibility: 'Accessibility',
+  'change-detection': 'Change detection',
+  leaks: 'Leaks',
+  errors: 'Errors',
+  router: 'Router',
+  forms: 'Forms',
+  hydration: 'Hydration',
+  http: 'HTTP',
+  pipes: 'Pipes',
+};
+
+/** One problem the audit found. */
+export interface AuditFinding {
+  /**
+   * `area:rule:subject`. It stays the same across audits and reloads, so a
+   * before and an after audit can be compared.
+   */
+  key: string;
+  severity: AuditSeverity;
+  area: AuditArea;
+  /** The check's rule id, such as `onpush-candidate` or `image-alt`. */
+  rule: string;
+  /** What it is about: a component class, a route, a form, a URL or a pipe. */
+  subject?: string;
+  /** One line: why it is a problem. Masked like other live values. */
+  why: string;
+  /** The agent tool that explains it in detail, with the arguments to pass. */
+  tool: string;
+  args?: Record<string, string | number | boolean>;
+  /** How many times or places it occurs. */
+  count?: number;
+  /** An element id on the page (Components tab, `highlight`), when the finding maps to one. */
+  elementId?: string;
+}
+
+/** The numbers a before and after comparison looks at. Lower is better for each. */
+export interface AuditMetrics {
+  /** Recorded change detection cycles. */
+  cdCycles?: number;
+  /** Mean change detection cycle time, in ms. */
+  cdMeanMs?: number;
+  /** Slowest change detection cycle, in ms. */
+  cdMaxMs?: number;
+  /** Refreshed component checks where nothing changed. */
+  wastedChecks?: number;
+  /** Share of refreshed checks that changed nothing, 0 to 100. */
+  wastedPercent?: number;
+  /** Destroyed components still in memory after enough navigations. */
+  retained?: number;
+  /** Subscriptions still open after their component went away. */
+  openSubscriptions?: number;
+  /** Error groups on the page. */
+  errorGroups?: number;
+  /** Error occurrences on the page. */
+  errors?: number;
+  /** axe rules the app breaks. */
+  axeViolations?: number;
+  /** Elements that break an axe rule. */
+  axeNodes?: number;
+  /** HttpClient calls that failed. */
+  httpFailures?: number;
+  /** Findings by severity. */
+  findingsError: number;
+  findingsWarning: number;
+  findingsInfo: number;
+}
+
+export const METRIC_LABEL: Record<keyof AuditMetrics, string> = {
+  cdCycles: 'Change detection cycles',
+  cdMeanMs: 'Mean cycle time (ms)',
+  cdMaxMs: 'Slowest cycle (ms)',
+  wastedChecks: 'Wasted checks',
+  wastedPercent: 'Wasted checks (%)',
+  retained: 'Retained components',
+  openSubscriptions: 'Open subscriptions after destroy',
+  errorGroups: 'Error groups',
+  errors: 'Error occurrences',
+  axeViolations: 'axe rules broken',
+  axeNodes: 'axe elements',
+  httpFailures: 'Failed HTTP calls',
+  findingsError: 'Errors found',
+  findingsWarning: 'Warnings found',
+  findingsInfo: 'Info found',
+};
+
+/** The order numbers are listed in, by area. */
+export const METRIC_ORDER: (keyof AuditMetrics)[] = [
+  'cdCycles',
+  'cdMeanMs',
+  'cdMaxMs',
+  'wastedChecks',
+  'wastedPercent',
+  'retained',
+  'openSubscriptions',
+  'errorGroups',
+  'errors',
+  'axeViolations',
+  'axeNodes',
+  'httpFailures',
+  'findingsError',
+  'findingsWarning',
+  'findingsInfo',
+];
+
+/** Whether the audit could read an area, and why not. */
+export interface AuditSource {
+  area: AuditArea;
+  /**
+   * `ok`: read; `empty`: on, with nothing to read yet; `off`: its inspector is
+   * off; `hidden`: on, but the agent's tools for it are off (`agent.tools`).
+   */
+  state: 'ok' | 'empty' | 'off' | 'hidden';
+  note?: string;
+}
+
+export interface AuditReport {
+  pageId?: string;
+  url?: string;
+  title?: string;
+  /** Server clock when the audit ran. */
+  at: number;
+  findings: AuditFinding[];
+  metrics: AuditMetrics;
+  sources: AuditSource[];
+  /** When the axe pass in this audit ran, on the page clock. Missing without one. */
+  axeAt?: number;
+}
+
+/**
+ * What the audit reads. A missing entry means that inspector is off (or
+ * hidden from the caller), and the audit says so instead of reading it.
+ */
+export interface AuditInputs {
+  cd?: CdState;
+  leaks?: LeaksState;
+  errors?: ErrorsState;
+  router?: RouterState;
+  forms?: FormsState;
+  /** The page's component tree report, for hydration. `null` when it reports none. */
+  components?: ComponentPage | null;
+  http?: HttpState;
+  /** Pipe lint over the source. Not tied to a page. */
+  pipes?: () => PipeLintFinding[];
+  /** The page's last axe pass. `null` when none ran. */
+  axe?: AxeReport | null;
+}
+
+/** Most findings an audit keeps. */
+export const MAX_AUDIT_FINDINGS = 300;
+const MAX_WHY = 300;
+const MAX_SUBJECT = 160;
+/** A component check slower than one frame at 60 Hz. */
+export const SLOW_CHECK_MS = 16;
+
+const SEVERITY_ORDER: Record<AuditSeverity, number> = { error: 0, warning: 1, info: 2 };
+// Within a severity, what users notice first comes first.
+const AREA_ORDER: Record<AuditArea, number> = Object.fromEntries(
+  AUDIT_AREAS.map((area, index) => [area, index]),
+) as Record<AuditArea, number>;
+
+const plural = (n: number, one: string, many = `${one}s`) => `${n} ${n === 1 ? one : many}`;
+const firstSentence = (text: string) => /^.*?[.:](?=\s|$)/.exec(text)?.[0] ?? text;
+const why = (text: string) => clip(redactText(text.replace(/\s+/g, ' ').trim()), MAX_WHY);
+const subject = (text: string | undefined) =>
+  text ? clip(redactText(text.replace(/\s+/g, ' ').trim()), MAX_SUBJECT) : undefined;
+const round = (n: number) => Math.round(n * 10) / 10;
+
+/** Findings in the order an agent should look at them: severity, then area, then how often. */
+export function rankFindings(findings: AuditFinding[]): AuditFinding[] {
+  return [...findings].sort(
+    (a, b) =>
+      SEVERITY_ORDER[a.severity] - SEVERITY_ORDER[b.severity] ||
+      AREA_ORDER[a.area] - AREA_ORDER[b.area] ||
+      (b.count ?? 1) - (a.count ?? 1) ||
+      a.key.localeCompare(b.key),
+  );
+}
+
+type Collected = { findings: AuditFinding[]; source: AuditSource; metrics?: Partial<AuditMetrics> };
+
+function make(
+  area: AuditArea,
+  rule: string,
+  severity: AuditSeverity,
+  text: string,
+  tool: string,
+  extra: Partial<Omit<AuditFinding, 'area' | 'rule' | 'severity' | 'why' | 'tool' | 'key'>> = {},
+): AuditFinding {
+  const about = subject(extra.subject);
+  return {
+    key: `${area}:${rule}:${about ?? ''}`,
+    severity,
+    area,
+    rule,
+    why: why(text),
+    tool,
+    ...extra,
+    ...(about ? { subject: about } : {}),
+  };
+}
+
+/** Merges findings with the same key into one, adding their counts. */
+function merge(findings: AuditFinding[]): AuditFinding[] {
+  const byKey = new Map<string, AuditFinding>();
+  for (const finding of findings) {
+    const seen = byKey.get(finding.key);
+    if (!seen) byKey.set(finding.key, { ...finding });
+    else seen.count = (seen.count ?? 1) + (finding.count ?? 1);
+  }
+  return [...byKey.values()];
+}
+
+function changeDetection(state: CdState | undefined, pageId: string): Collected {
+  const area = 'change-detection';
+  const tool = 'pangular:diagnose-change-detection';
+  if (!state) return { findings: [], source: { area, state: 'off' } };
+  const page = state.pages[pageId];
+  if (!page || !page.cycles.length) {
+    return {
+      findings: [],
+      source: {
+        area,
+        state: 'empty',
+        note:
+          page && !page.supported
+            ? 'The page cannot record change detection (Angular 20 or later, development build).'
+            : 'No recording. Start one with pangular:change-detection and `record: "start"`, or Record in the panel, then use the app.',
+      },
+    };
+  }
+  const findings: AuditFinding[] = [];
+  const args = { page: pageId };
+  for (const hint of cdHints(page.diagnosis)) {
+    const rule = {
+      'on-push': 'onpush-candidate',
+      'already-on-push': 'onpush-marked-often',
+      'in-place': 'input-mutated',
+      'same-contents': 'input-same-contents',
+      zone: 'zone-dependent',
+    }[hint.kind];
+    const severity: AuditSeverity =
+      hint.kind === 'in-place' || hint.kind === 'zone' || hint.kind === 'on-push'
+        ? 'warning'
+        : 'info';
+    findings.push(
+      make(area, rule, severity, firstSentence(hint.text), tool, { subject: hint.name, args }),
+    );
+  }
+  for (const stat of page.components) {
+    if (stat.maxMs < SLOW_CHECK_MS) continue;
+    findings.push(
+      make(
+        area,
+        'slow-component',
+        'warning',
+        `Its slowest check took ${round(stat.maxMs)} ms, more than a frame (${SLOW_CHECK_MS} ms); ${plural(stat.checks, 'check')}, ${round(stat.ms)} ms in all.`,
+        'pangular:change-detection',
+        { subject: stat.name, args },
+      ),
+    );
+  }
+  const times = page.cycles.map((cycle) => cycle.ms);
+  const stats = page.diagnosis?.components ?? [];
+  const refreshed = stats.reduce((sum, stat) => sum + stat.refreshed, 0);
+  const wasted = stats.reduce((sum, stat) => sum + stat.unchanged, 0);
+  const metrics: Partial<AuditMetrics> = {
+    cdCycles: times.length,
+    cdMeanMs: round(times.reduce((sum, ms) => sum + ms, 0) / times.length),
+    cdMaxMs: round(Math.max(...times)),
+    ...(page.diagnosis?.waste
+      ? {
+          wastedChecks: wasted,
+          wastedPercent: refreshed ? Math.round((wasted / refreshed) * 100) : 0,
+        }
+      : {}),
+  };
+  return { findings, source: { area, state: 'ok' }, metrics };
+}
+
+function leaks(state: LeaksState | undefined, pageId: string, now: number): Collected {
+  const area = 'leaks';
+  const tool = 'pangular:find-leaks';
+  if (!state) return { findings: [], source: { area, state: 'off' } };
+  const page = state.pages[pageId];
+  if (!page) return { findings: [], source: { area, state: 'empty', note: 'No leak report yet.' } };
+  const findings: AuditFinding[] = [];
+  const notes: string[] = [];
+  // With DI debug data every destroyed instance stays in memory, so none is a finding.
+  let retained: number | undefined;
+  if (page.support.retention === 'dev-di-debug') {
+    notes.push(
+      "Retention is not judged: the page's Angular keeps DI debug data that holds every destroyed component.",
+    );
+  } else if (page.support.retention) {
+    const kept = page.destroyed.filter((item) => isRetained(page, item, now));
+    retained = kept.length;
+    for (const item of kept) {
+      findings.push(
+        make(
+          area,
+          'retained-after-destroy',
+          'warning',
+          `Destroyed on ${item.route || '/'} and still in memory after ${plural(item.navigations, 'navigation')}. A hint to check its retainers in the Memory panel, not proof of a leak.`,
+          tool,
+          { subject: item.name, args: { page: pageId, component: item.name } },
+        ),
+      );
+    }
+  }
+  let open = 0;
+  for (const sub of page.subscriptions) {
+    open += sub.count;
+    findings.push(
+      make(
+        area,
+        'subscription-after-destroy',
+        'warning',
+        `${plural(sub.count, 'subscription')} still open after the component went away${sub.source ? `, made at ${sub.source}` : ''}. Tear it down with takeUntilDestroyed().`,
+        tool,
+        { subject: sub.name, count: sub.count, args: { page: pageId, component: sub.name } },
+      ),
+    );
+  }
+  if (page.support.subscriptions !== 'on') {
+    notes.push(
+      'Subscription tracking is off, so open subscriptions are not counted (pangular:track-subscriptions).',
+    );
+  }
+  return {
+    findings: merge(findings),
+    source: { area, state: 'ok', ...(notes.length ? { note: notes.join(' ') } : {}) },
+    metrics: {
+      ...(retained === undefined ? {} : { retained }),
+      ...(page.support.subscriptions === 'on' ? { openSubscriptions: open } : {}),
+    },
+  };
+}
+
+function errors(state: ErrorsState | undefined, pageId: string): Collected {
+  const area = 'errors';
+  if (!state) return { findings: [], source: { area, state: 'off' } };
+  const page = state.pages[pageId];
+  if (!page)
+    return { findings: [], source: { area, state: 'empty', note: 'No error report yet.' } };
+  const groups = Object.values(page.errors);
+  const findings = groups.map((group) => {
+    const explain = group.explain;
+    const detail =
+      explain?.kind === 'missing-provider'
+        ? ` No provider for ${explain.token}.`
+        : explain?.kind === 'expression-changed' && explain.binding
+          ? ` Binding ${explain.binding} changed after the check.`
+          : '';
+    // The message names the error; the group id changes with each reload, the message does not.
+    return make(
+      area,
+      group.code ?? group.name ?? 'error',
+      'error',
+      `${clip(group.message, 200)}${detail}`,
+      'pangular:explain-error',
+      {
+        subject: group.owner?.name ?? clip(group.message, 80),
+        count: group.count,
+        args: { page: pageId, id: group.id },
+        ...(group.owner ? { elementId: group.owner.id } : {}),
+      },
+    );
+  });
+  return {
+    findings: merge(findings),
+    source: { area, state: 'ok' },
+    metrics: {
+      errorGroups: groups.length,
+      errors: groups.reduce((sum, group) => sum + group.count, 0),
+    },
+  };
+}
+
+function router(state: RouterState | undefined, pageId: string): Collected {
+  const area = 'router';
+  if (!state) return { findings: [], source: { area, state: 'off' } };
+  const page = state.pages.find((entry) => entry.pageId === pageId);
+  if (!page?.config) {
+    return {
+      findings: [],
+      source: {
+        area,
+        state: 'empty',
+        note:
+          page?.setup?.mode === 'events-only'
+            ? 'The page runs the router in events-only mode, so its route config cannot be linted.'
+            : 'No route config reported yet.',
+      },
+    };
+  }
+  const findings = lintRoutes(page).map((finding) =>
+    make(area, finding.rule, finding.severity, finding.message, 'pangular:lint-routes', {
+      subject: finding.route || '/',
+      args: { page: pageId },
+    }),
+  );
+  return { findings: merge(findings), source: { area, state: 'ok' } };
+}
+
+function forms(state: FormsState | undefined, pageId: string, now: number): Collected {
+  const area = 'forms';
+  if (!state) return { findings: [], source: { area, state: 'off' } };
+  const onPage = formsOnPage(state.forms, pageId).length > 0;
+  const setup = (state.setupErrors ?? []).some((error) => error.pageId === pageId);
+  if (!onPage && !setup) {
+    return { findings: [], source: { area, state: 'empty', note: 'No form on the page.' } };
+  }
+  const findings = lintFormsFor(state, { page: pageId }, now).map((finding) =>
+    make(area, finding.rule, finding.severity, finding.message, 'pangular:lint-forms', {
+      // A setup error names no form, so its message tells it apart.
+      subject: [finding.label, finding.path].filter(Boolean).join(' ') || clip(finding.message, 80),
+      args: { page: pageId, ...(finding.form ? { form: finding.form } : {}) },
+    }),
+  );
+  return { findings: merge(findings), source: { area, state: 'ok' } };
+}
+
+function hydration(page: ComponentPage | null | undefined): Collected {
+  const area = 'hydration';
+  const tool = 'pangular:hydration';
+  if (page === undefined) return { findings: [], source: { area, state: 'off' } };
+  const report = page?.hydration;
+  if (!page || !report) {
+    return {
+      findings: [],
+      source: { area, state: 'empty', note: 'The page was not rendered on the server.' },
+    };
+  }
+  const args = { page: page.pageId };
+  const findings: AuditFinding[] = [];
+  if (!report.hydrated) {
+    findings.push(
+      make(
+        area,
+        'not-hydrated',
+        'warning',
+        'The HTML came from the server but no component was hydrated, so the app rendered twice. Add provideClientHydration(), or this is a production build.',
+        tool,
+        { args },
+      ),
+    );
+  }
+  for (const mismatch of report.mismatches) {
+    findings.push(
+      make(
+        area,
+        'hydration-mismatch',
+        'error',
+        `The client DOM did not match the server HTML in <${mismatch.tag}>, so Angular threw it away and rendered again.`,
+        tool,
+        { subject: mismatch.name, elementId: mismatch.id, args },
+      ),
+    );
+  }
+  if (report.counts.skipped) {
+    findings.push(
+      make(
+        area,
+        'hydration-skipped',
+        'info',
+        `${plural(report.counts.skipped, 'component host')} skip hydration (ngSkipHydration) and render again on the client.`,
+        tool,
+        { count: report.counts.skipped, args },
+      ),
+    );
+  }
+  return { findings: merge(findings), source: { area, state: 'ok' } };
+}
+
+/** The path of a URL, without its query, so calls to one endpoint group together. */
+function endpoint(url: string): string {
+  try {
+    const parsed = new URL(url, 'http://x');
+    return parsed.origin === 'http://x' ? parsed.pathname : `${parsed.origin}${parsed.pathname}`;
+  } catch {
+    return url.split('?')[0] ?? url;
+  }
+}
+
+function http(state: HttpState | undefined, pageId: string): Collected {
+  const area = 'http';
+  const tool = 'pangular:list-http-calls';
+  if (!state) return { findings: [], source: { area, state: 'off' } };
+  const page = state.pages.find((entry) => entry.pageId === pageId);
+  if (!page) {
+    return {
+      findings: [],
+      source: {
+        area,
+        state: 'empty',
+        note: 'No HttpClient calls reported. Add withPangular() to provideHttpClient().',
+      },
+    };
+  }
+  const findings: AuditFinding[] = [];
+  let failures = 0;
+  for (const call of page.calls) {
+    const target = `${call.method} ${redactUrl(endpoint(call.url))}`;
+    // Unsubscribing early (switchMap, a destroy) is normal, not a fault.
+    if (call.cancelled) continue;
+    if (call.faulted) {
+      findings.push(
+        make(
+          area,
+          'faulted-by-rule',
+          'info',
+          `Failed with ${call.status || 'a network error'} because an HTTP fault rule asked for it.`,
+          tool,
+          { subject: target, args: { page: pageId, failed: true } },
+        ),
+      );
+      continue;
+    }
+    if (call.status === 0 || call.status >= 400 || call.error) {
+      failures++;
+      const status = call.status ? `status ${call.status}` : 'no response';
+      findings.push(
+        make(
+          area,
+          call.status >= 400 && call.status < 500 ? 'client-error' : 'request-failed',
+          call.status >= 400 && call.status < 500 ? 'warning' : 'error',
+          `Failed with ${status}${call.error ? `: ${redactMessage(call.error)}` : ''}.`,
+          tool,
+          { subject: target, args: { page: pageId, failed: true } },
+        ),
+      );
+      continue;
+    }
+    if (call.side === 'client' && !call.cacheHit) {
+      const server = serverCallFor(call, state.serverCalls);
+      if (server?.cacheSkip) {
+        findings.push(
+          make(
+            area,
+            'fetched-twice',
+            'warning',
+            'The server made this call while rendering but the transfer cache did not keep it, so the browser fetched it again.',
+            'pangular:explain-ssr-request',
+            { subject: target, args: { page: pageId } },
+          ),
+        );
+      }
+    }
+  }
+  return {
+    findings: merge(findings),
+    source: { area, state: 'ok' },
+    metrics: { httpFailures: failures },
+  };
+}
+
+function pipes(lint: (() => PipeLintFinding[]) | undefined): Collected {
+  const area = 'pipes';
+  if (!lint) return { findings: [], source: { area, state: 'off' } };
+  let found: PipeLintFinding[];
+  try {
+    found = lint();
+  } catch {
+    return { findings: [], source: { area, state: 'empty', note: 'The source scan failed.' } };
+  }
+  const findings = found.map((finding) =>
+    make(area, finding.rule, finding.severity, finding.message, 'pangular:lint-pipes', {
+      subject: `${finding.pipe} in ${finding.file}:${finding.line}`,
+    }),
+  );
+  return {
+    findings: merge(findings),
+    source: { area, state: 'ok', note: 'From the source scan, not the page.' },
+  };
+}
+
+const AXE_SEVERITY: Record<AxeImpact, AuditSeverity> = {
+  critical: 'error',
+  serious: 'error',
+  moderate: 'warning',
+  minor: 'info',
+};
+
+function accessibility(report: AxeReport | null | undefined, pageId: string): Collected {
+  const area = 'accessibility';
+  if (report === undefined) return { findings: [], source: { area, state: 'off' } };
+  if (!report) {
+    return {
+      findings: [],
+      source: {
+        area,
+        state: 'empty',
+        note: 'No axe pass yet. Run one with pangular:audit and `axe: true`, or Run axe in the panel.',
+      },
+    };
+  }
+  const findings: AuditFinding[] = [];
+  for (const violation of report.violations) {
+    // One finding per rule and component, so a fix in one component shows up on its own.
+    const byOwner = new Map<string, typeof violation.nodes>();
+    for (const node of violation.nodes) {
+      const owner = node.owner?.name ?? '';
+      byOwner.set(owner, [...(byOwner.get(owner) ?? []), node]);
+    }
+    const unlisted = violation.count - violation.nodes.length;
+    for (const [owner, nodes] of byOwner) {
+      findings.push(
+        make(
+          area,
+          violation.id,
+          AXE_SEVERITY[violation.impact ?? 'moderate'],
+          `${violation.help}${violation.impact ? ` (${violation.impact})` : ''}.`,
+          'pangular:audit',
+          {
+            subject: owner || nodes[0]?.target,
+            count: nodes.length,
+            args: { page: pageId, area },
+            ...(nodes[0]?.elementId ? { elementId: nodes[0].elementId } : {}),
+          },
+        ),
+      );
+    }
+    if (unlisted > 0) {
+      findings.push(
+        make(
+          area,
+          violation.id,
+          AXE_SEVERITY[violation.impact ?? 'moderate'],
+          `${violation.help}${violation.impact ? ` (${violation.impact})` : ''}. More elements than the pass lists.`,
+          'pangular:audit',
+          { subject: '(more elements)', count: unlisted, args: { page: pageId, area } },
+        ),
+      );
+    }
+  }
+  return {
+    findings: merge(findings),
+    source: { area, state: 'ok' },
+    metrics: {
+      axeViolations: report.violations.length + (report.droppedRules ?? 0),
+      axeNodes: report.violations.reduce((sum, violation) => sum + violation.count, 0),
+    },
+  };
+}
+
+/**
+ * The audit of one page: findings from every area the inputs cover, ranked,
+ * with the numbers a before and after comparison reads.
+ */
+export function buildAudit(
+  inputs: AuditInputs,
+  pageId: string | undefined,
+  page: { url?: string; title?: string } = {},
+  now = Date.now(),
+): AuditReport {
+  const id = pageId ?? '';
+  const parts: Collected[] = [
+    accessibility(inputs.axe, id),
+    errors(inputs.errors, id),
+    hydration(inputs.components),
+    changeDetection(inputs.cd, id),
+    leaks(inputs.leaks, id, now),
+    router(inputs.router, id),
+    forms(inputs.forms, id, now),
+    http(inputs.http, id),
+    pipes(inputs.pipes),
+  ];
+  const all = rankFindings(parts.flatMap((part) => part.findings));
+  const findings = all.slice(0, MAX_AUDIT_FINDINGS);
+  const metrics: AuditMetrics = Object.assign(
+    {
+      findingsError: all.filter((f) => f.severity === 'error').length,
+      findingsWarning: all.filter((f) => f.severity === 'warning').length,
+      findingsInfo: all.filter((f) => f.severity === 'info').length,
+    },
+    ...parts.map((part) => part.metrics ?? {}),
+  );
+  return {
+    ...(pageId ? { pageId } : {}),
+    ...(page.url ? { url: redactUrl(page.url) } : {}),
+    ...(page.title ? { title: redactMessage(page.title) } : {}),
+    at: now,
+    findings,
+    metrics,
+    sources: parts.map((part) => part.source),
+    ...(inputs.axe ? { axeAt: inputs.axe.at } : {}),
+  };
+}
diff --git a/packages/devtools/src/rpc/audit-register.ts b/packages/devtools/src/rpc/audit-register.ts
new file mode 100644
index 00000000..6ae38e2f
--- /dev/null
+++ b/packages/devtools/src/rpc/audit-register.ts
@@ -0,0 +1,482 @@
+import { createSharedState } from 'devframe/utils/shared-state';
+import type { PangularInspector } from '../config.ts';
+import type { ComponentPage, HttpState } from '../types.ts';
+import { withoutAxeOwners, withoutOwnerSubjects } from './audit-audience.ts';
+import { createAxeRequests } from './audit-axe.ts';
+import {
+  AUDIT_AREAS,
+  buildAudit,
+  type AuditArea,
+  type AuditInputs,
+  type AuditMetrics,
+  type AuditReport,
+  type AuditSeverity,
+} from './audit-findings.ts';
+import {
+  createAuditSessions,
+  diffAudits,
+  snapshotOf,
+  type AuditDiff,
+  type AuditMark,
+  type AuditSession,
+  type AuditSharedState,
+  type AuditSnapshot,
+} from './audit-sessions.ts';
+import { AUDIT_DEFAULT_LIMIT, AUDIT_MAX_LIMIT, auditText } from './audit-text.ts';
+import type { CdState } from './cd-tools.ts';
+import type { ErrorsState } from './errors-tools.ts';
+import type { FormsState } from './forms-tools.ts';
+import { code } from './forms-tools.ts';
+import type { LeaksState } from './leaks-tools.ts';
+import { PAGE_ARGUMENT, byRecency, pageArgument, unknownPageText } from './pages.ts';
+import type { PipeLintFinding } from './pipe-lint.ts';
+import type { RouterState } from './router-tools.ts';
+
+type AnyRecord = Record<string, any>;
+
+/** How often sessions past their time are dropped. */
+const EXPIRE_EVERY_MS = 60_000;
+
+/** The inspector each area reads, so an agent only sees areas whose agent tools are on. */
+export const AREA_INSPECTOR: Record<AuditArea, PangularInspector | undefined> = {
+  accessibility: undefined,
+  'change-detection': 'components',
+  leaks: 'components',
+  hydration: 'components',
+  errors: 'errors',
+  router: 'router',
+  forms: 'forms',
+  http: 'http',
+  pipes: 'pipes',
+};
+
+const METRIC_AREA: Partial<Record<keyof AuditMetrics, AuditArea>> = {
+  cdCycles: 'change-detection',
+  cdMeanMs: 'change-detection',
+  cdMaxMs: 'change-detection',
+  wastedChecks: 'change-detection',
+  wastedPercent: 'change-detection',
+  retained: 'leaks',
+  openSubscriptions: 'leaks',
+  errorGroups: 'errors',
+  errors: 'errors',
+  axeViolations: 'accessibility',
+  axeNodes: 'accessibility',
+  httpFailures: 'http',
+};
+
+/** Where the audit reads each inspector's data. Missing when that inspector is off. */
+export interface AuditSources {
+  cd?: () => CdState;
+  leaks?: () => LeaksState;
+  errors?: () => ErrorsState;
+  router?: () => RouterState;
+  forms?: () => FormsState;
+  /** The component tree report of one page, `null` when it has none. */
+  components?: (pageId: string) => ComponentPage | null;
+  http?: () => HttpState;
+  /** Pipe lint over the project's source. */
+  pipes?: () => PipeLintFinding[];
+}
+
+export interface AuditHost {
+  my: {
+    rpc: {
+      sharedState(name: string, options: AnyRecord): Promise<AnyRecord>;
+      broadcast(message: { method: string; args: unknown[]; optional?: boolean }): unknown;
+    };
+  };
+  register(definition: AnyRecord): void;
+  agent: { registerTool(tool: AnyRecord): void };
+  answersFor(target: string, pageId: unknown): boolean;
+  sources: AuditSources;
+  /** The pages that report to the server, with their URL and title when known. */
+  pages(): { pageId: string; reportedAt: number; url?: string; title?: string }[];
+  /** Whether an agent may read an inspector (`agent.tools`). */
+  agentSees(inspector: PangularInspector): boolean;
+  /** Whether the agent may run axe on the page: off in `agent.readOnly`. */
+  agentAxe: boolean;
+  /**
+   * `agent.readOnly`: the agent may read the audit and compare with a
+   * baseline, but not drop or replace the baseline the user took.
+   */
+  agentReadOnly?: boolean;
+  timeoutMs?: number;
+}
+
+export interface AuditRegistration {
+  /** The audit as the panel or an agent sees it, for tests. */
+  audit(pageId: string, audience?: 'panel' | 'agent'): AuditReport;
+  sessions: ReturnType<typeof createAuditSessions>;
+  /**
+   * A page loaded again (it claimed its page id): its last axe pass names
+   * elements that are gone, so it is dropped. The baseline stays.
+   */
+  pageLoaded(pageId: string): void;
+  stop(): void;
+}
+
+const MARKS = ['before', 'after', 'clear'] as const;
+type SessionAction = (typeof MARKS)[number];
+
+const SEVERITIES: readonly AuditSeverity[] = ['error', 'warning', 'info'];
+
+/** The source each area reads, to tell an area that is off from one hidden from the agent. */
+const AREA_SOURCE: Record<AuditArea, keyof AuditSources | undefined> = {
+  accessibility: undefined,
+  'change-detection': 'cd',
+  leaks: 'leaks',
+  hydration: 'components',
+  errors: 'errors',
+  router: 'router',
+  forms: 'forms',
+  http: 'http',
+  pipes: 'pipes',
+};
+
+/**
+ * The audit, shared by every inspector: the `audit` shared state (sessions
+ * and axe passes per page), the `get-audit`, `audit-session`,
+ * `request-axe-run` and `axe-result` RPC functions, and the `audit` agent
+ * tool. It reads what the inspectors already hold and runs nothing in the
+ * page, except the axe pass when the panel or an agent asks for one.
+ */
+export async function registerAudit(host: AuditHost): Promise<AuditRegistration> {
+  const shared = await host.my.rpc.sharedState('audit', {
+    sharedState: createSharedState<AuditSharedState>({ initialValue: { pages: {} } }),
+  });
+  const sessions = createAuditSessions({
+    onChange: () =>
+      shared['mutate']((draft: AuditSharedState) => {
+        draft.pages = sessions.summary().pages;
+      }),
+  });
+  const axe = createAxeRequests({
+    broadcast: (method, message) =>
+      void Promise.resolve(
+        host.my.rpc.broadcast({ method, args: [message], optional: true }),
+      ).catch(() => {}),
+    answersFor: host.answersFor,
+    onRunning: (pageId, running) => sessions.setRunning(pageId, running),
+    timeoutMs: host.timeoutMs,
+  });
+
+  const visible = (area: AuditArea, audience: 'panel' | 'agent') => {
+    const inspector = AREA_INSPECTOR[area];
+    return audience === 'panel' || !inspector || host.agentSees(inspector);
+  };
+
+  const inputsFor = (pageId: string, audience: 'panel' | 'agent'): AuditInputs => {
+    const { sources } = host;
+    const sees = (area: AuditArea) => visible(area, audience);
+    return {
+      ...(sources.cd && sees('change-detection') ? { cd: sources.cd() } : {}),
+      ...(sources.leaks && sees('leaks') ? { leaks: sources.leaks() } : {}),
+      ...(sources.errors && sees('errors') ? { errors: sources.errors() } : {}),
+      ...(sources.router && sees('router') ? { router: sources.router() } : {}),
+      ...(sources.forms && sees('forms') ? { forms: sources.forms() } : {}),
+      ...(sources.components && sees('hydration')
+        ? { components: sources.components(pageId) }
+        : {}),
+      ...(sources.http && sees('http') ? { http: sources.http() } : {}),
+      ...(sources.pipes && sees('pipes') ? { pipes: sources.pipes } : {}),
+      axe: sessions.get(pageId)?.axe ?? null,
+    };
+  };
+
+  const pageList = () => {
+    const seen = new Map<
+      string,
+      { pageId: string; reportedAt: number; url?: string; title?: string }
+    >();
+    for (const page of byRecency(host.pages())) {
+      if (!seen.has(page.pageId)) seen.set(page.pageId, page);
+    }
+    return [...seen.values()];
+  };
+
+  /** Whether axe elements may name their components: the agent sees them with the Components inspector. */
+  const ownersFor = (audience: 'panel' | 'agent') =>
+    audience === 'panel' || host.agentSees('components');
+
+  /** Drops the areas an agent can't see, and the axe owners when it can't see components. */
+  const forAudience = <T extends { findings: AuditSnapshot['findings']; metrics: AuditMetrics }>(
+    snapshot: T,
+    audience: 'panel' | 'agent',
+  ): T => {
+    if (audience === 'panel') return snapshot;
+    const metrics = Object.fromEntries(
+      Object.entries(snapshot.metrics).filter(([key]) => {
+        const area = METRIC_AREA[key as keyof AuditMetrics];
+        return !area || visible(area, audience);
+      }),
+    ) as unknown as AuditMetrics;
+    const shown = snapshot.findings.filter((finding) => visible(finding.area, audience));
+    const findings = ownersFor(audience) ? shown : withoutOwnerSubjects(shown);
+    const count = (severity: AuditSeverity) =>
+      findings.filter((finding) => finding.severity === severity).length;
+    return {
+      ...snapshot,
+      findings,
+      metrics: {
+        ...metrics,
+        findingsError: count('error'),
+        findingsWarning: count('warning'),
+        findingsInfo: count('info'),
+      },
+    };
+  };
+
+  const audit = (pageId: string, audience: 'panel' | 'agent' = 'panel'): AuditReport => {
+    const page = pageList().find((entry) => entry.pageId === pageId);
+    const report = buildAudit(inputsFor(pageId, audience), pageId, page ?? {});
+    if (audience === 'panel') return report;
+    // Name the areas that are on but hidden from the agent apart from the ones that are off.
+    const sources = report.sources.map((source) => {
+      const inspector = AREA_INSPECTOR[source.area];
+      const from = AREA_SOURCE[source.area];
+      return source.state === 'off' && inspector && from && host.sources[from]
+        ? {
+            area: source.area,
+            state: 'hidden' as const,
+            note: `its agent tools are off (\`agent.tools.${inspector}\`).`,
+          }
+        : source;
+    });
+    return { ...forAudience(report, audience), sources };
+  };
+
+  const diffOf = (session: AuditSession | undefined, audience: 'panel' | 'agent') =>
+    session?.before && session.after
+      ? diffAudits(forAudience(session.before, audience), forAudience(session.after, audience))
+      : undefined;
+
+  /** Saves the full audit, so a baseline the agent took compares with an after audit of the panel. */
+  const mark = (pageId: string, action: AuditMark) =>
+    sessions.mark(pageId, action, snapshotOf(audit(pageId, 'panel')));
+
+  /** The page a call names, else the most recent; an error text when it names none that reports. */
+  const resolvePage = (asked: unknown): { pageId: string; others: number } | { error: string } => {
+    const pages = pageList();
+    if (typeof asked === 'string' && asked) {
+      if (pages.some((page) => page.pageId === asked)) {
+        return { pageId: asked, others: pages.length - 1 };
+      }
+      return { error: unknownPageText(asked, pages, 'live data') };
+    }
+    const latest = pages[0];
+    if (!latest) {
+      return {
+        error:
+          'No page reports live data, so there is nothing to audit. Open the app in a browser with the overlay loaded, through the server that runs it. The stdio MCP server has no page attached.',
+      };
+    }
+    return { pageId: latest.pageId, others: pages.length - 1 };
+  };
+
+  const agentAxeReport = (pageId: string) => {
+    const report = sessions.get(pageId)?.axe;
+    return report && !ownersFor('agent') ? withoutAxeOwners(report) : report;
+  };
+
+  const timer = setInterval(() => sessions.expire(), EXPIRE_EVERY_MS);
+  timer.unref?.();
+
+  host.register({
+    name: 'axe-result',
+    type: 'action',
+    jsonSerializable: true,
+    handler: (message: unknown) => axe.answer(message),
+  });
+
+  const runAxe = async (pageId: string) => {
+    const result = await axe.run(pageId);
+    if (result.ok) sessions.setAxe(pageId, result.report);
+    return result;
+  };
+
+  host.register({
+    name: 'request-axe-run',
+    type: 'action',
+    jsonSerializable: true,
+    handler: async (message: { pageId?: unknown } | null) => {
+      const page = resolvePage(message?.pageId);
+      if ('error' in page) return { ok: false, error: page.error };
+      const result = await runAxe(page.pageId);
+      return result.ok
+        ? { ok: true, violations: result.report.violations.length }
+        : { ok: false, error: result.error };
+    },
+  });
+
+  host.register({
+    name: 'get-audit',
+    type: 'query',
+    jsonSerializable: true,
+    handler: (message: { pageId?: unknown } | null) => {
+      const pages = pageList().map(({ pageId, url, title }) => ({ pageId, url, title }));
+      const page = resolvePage(message?.pageId);
+      if ('error' in page) return { pages, report: null };
+      const session = sessions.use(page.pageId);
+      return {
+        pages,
+        report: audit(page.pageId),
+        session: {
+          before: session?.before ?? null,
+          after: session?.after ?? null,
+          diff: diffOf(session, 'panel') ?? null,
+        },
+        axe: session?.axe ?? null,
+      };
+    },
+  });
+
+  host.register({
+    name: 'audit-session',
+    type: 'action',
+    jsonSerializable: true,
+    handler: (message: { pageId?: unknown; action?: unknown } | null) => {
+      const action = message?.action;
+      if (!MARKS.includes(action as SessionAction)) {
+        return { ok: false, error: 'Pass `action`: before, after or clear.' };
+      }
+      const page = resolvePage(message?.pageId);
+      if ('error' in page) return { ok: false, error: page.error };
+      if (action === 'clear') {
+        sessions.clear(page.pageId);
+        return { ok: true };
+      }
+      if (action === 'after' && !sessions.get(page.pageId)?.before) {
+        return { ok: false, error: 'Take a baseline first.' };
+      }
+      mark(page.pageId, action as AuditMark);
+      return { ok: true };
+    },
+  });
+
+  const axeArgument = host.agentAxe
+    ? {
+        axe: {
+          type: 'boolean',
+          description:
+            'Run an axe-core pass over the app first (it loads axe-core into the page on demand, reads the DOM and changes nothing). Without it, the last pass on the page is used.',
+        },
+      }
+    : {};
+
+  host.agent.registerTool({
+    id: 'pangular:audit',
+    description: `One ranked list of what is wrong on the running page, gathered from the inspectors: change detection (OnPush candidates, inputs mutated in place, components that depend on zone.js, checks slower than a frame; needs a recording from pangular:change-detection), leaks (components still retained after destroy, subscriptions open after destroy; retention is not judged when Angular's DI debug data holds every destroyed component), errors with their explainers, hydration mismatches and skipped hosts, route lint and redirect loops, form lint, failed HttpClient calls and calls the browser fetched again because the transfer cache missed, pipe lint from the source scan, and accessibility violations from an axe-core pass over the app (the overlay's own elements left out, selectors and attributes masked, text content left out). Each finding has a severity, area, the component, route or URL it is about, one line on why, and the tool to call for detail. Also lists key numbers: mean and slowest change detection cycle, wasted checks, retained components, open subscriptions, errors, axe violations and failed calls. ${
+      host.agentAxe
+        ? '`axe: true` runs a fresh axe pass first. '
+        : 'The agent is read-only, so it uses the last axe pass the panel ran. '
+    }Measure a change with \`session\`: \`before\` saves this audit as the page's baseline, \`after\` takes the audit again and compares: findings resolved, new and still there, and each number before and after. Sessions are kept per page for 30 minutes after their last use and survive a reload of the tab. \`clear\` drops the page's session.${
+      host.agentReadOnly
+        ? ' The agent is read-only, so it can take a baseline only when the page has none, and cannot clear one.'
+        : ''
+    } An area whose inspector is off, or whose agent tools are off, is left out and named under Coverage.`,
+    inputSchema: {
+      type: 'object',
+      properties: {
+        page: PAGE_ARGUMENT,
+        ...axeArgument,
+        session: {
+          type: 'string',
+          enum: MARKS,
+          description:
+            '`before`: save this audit as the baseline. `after`: audit again and compare with the baseline. `clear`: drop the baseline.',
+        },
+        area: {
+          type: 'string',
+          enum: AUDIT_AREAS,
+          description:
+            'Only findings of one area. `accessibility` also lists the elements of each axe rule.',
+        },
+        severity: {
+          type: 'string',
+          enum: SEVERITIES,
+          description: 'Only findings at this severity or above.',
+        },
+        limit: {
+          type: 'integer',
+          description: `Rows to list (1-${AUDIT_MAX_LIMIT}, default ${AUDIT_DEFAULT_LIMIT}).`,
+        },
+      },
+    },
+    handler: async (args: AnyRecord) => {
+      const page = resolvePage(pageArgument(args));
+      if ('error' in page) return { markdown: page.error };
+      const { pageId } = page;
+      const session = args?.['session'] as SessionAction | undefined;
+      if (session !== undefined && !MARKS.includes(session)) {
+        return { markdown: 'Pass `session`: `before`, `after` or `clear`.' };
+      }
+      sessions.use(pageId);
+      const kept = sessions.get(pageId)?.before;
+      if (host.agentReadOnly && (session === 'clear' || (session === 'before' && kept))) {
+        return {
+          markdown: `The agent is read-only (\`agent.readOnly\`), so it can't ${session === 'clear' ? 'drop' : 'replace'} the audit session of page ${code(pageId)}, which the user may have taken.${kept ? ' Call with `session: "after"` to compare with the baseline.' : ''} Clear it in the panel's Audit tab.`,
+        };
+      }
+      if (session === 'clear') {
+        return {
+          markdown: sessions.clear(pageId)
+            ? `Dropped the audit session of page ${code(pageId)}.`
+            : `Page ${code(pageId)} had no audit session.`,
+        };
+      }
+      if (session === 'after' && !sessions.get(pageId)?.before) {
+        return {
+          markdown: `Page ${code(pageId)} has no baseline. Call with \`session: "before"\` first, make the change, then call with \`session: "after"\`.`,
+        };
+      }
+      let axeNote = '';
+      if (host.agentAxe && args?.['axe'] === true) {
+        const result = await runAxe(pageId);
+        axeNote = result.ok
+          ? `Ran axe-core over the app in ${result.report.ms} ms.`
+          : `The axe pass did not run: ${result.error}`;
+      }
+      const report = audit(pageId, 'agent');
+      let sessionNote = axeNote;
+      let diff: AuditDiff | undefined;
+      if (session === 'before' || session === 'after') {
+        const saved = mark(pageId, session);
+        if (session === 'before') {
+          sessionNote =
+            `${axeNote} Saved this audit as the baseline of page ${code(pageId)}. Make your change, reload or use the app the same way (record change detection again if you compare its numbers), then call with \`session: "after"\`.`.trim();
+        } else {
+          diff = diffOf(saved, 'agent');
+        }
+      }
+      const limit = Math.min(
+        Math.max(Math.floor(Number(args?.['limit']) || AUDIT_DEFAULT_LIMIT), 1),
+        AUDIT_MAX_LIMIT,
+      );
+      const area = AUDIT_AREAS.includes(args?.['area']) ? (args['area'] as AuditArea) : undefined;
+      const severity = SEVERITIES.includes(args?.['severity'])
+        ? (args['severity'] as AuditSeverity)
+        : undefined;
+      return {
+        markdown: auditText(report, {
+          area,
+          severity,
+          limit,
+          otherPages: page.others,
+          axe: agentAxeReport(pageId),
+          axeOwners: ownersFor('agent'),
+          session: sessions.get(pageId),
+          sessionNote,
+          diff,
+        }),
+      };
+    },
+  });
+
+  return {
+    audit,
+    sessions,
+    pageLoaded: (pageId) => void sessions.dropAxe(pageId),
+    stop: () => clearInterval(timer),
+  };
+}
diff --git a/packages/devtools/src/rpc/audit-sessions.ts b/packages/devtools/src/rpc/audit-sessions.ts
new file mode 100644
index 00000000..5dae56fe
--- /dev/null
+++ b/packages/devtools/src/rpc/audit-sessions.ts
@@ -0,0 +1,239 @@
+// Before and after measurement sessions: an audit taken as the baseline, one
+// taken after a change, and the difference between them. Kept per page id on
+// the server, bounded, and dropped when nobody touched them for a while, so a
+// reload (same page id) keeps the baseline but a closed tab doesn't keep it forever.
+
+import type { AxeReport } from '../axe-runner.ts';
+import {
+  METRIC_ORDER,
+  type AuditFinding,
+  type AuditMetrics,
+  type AuditReport,
+} from './audit-findings.ts';
+
+/** How long a session lives after its last use. Long enough to edit code and rebuild. */
+export const AUDIT_SESSION_TTL_MS = 30 * 60_000;
+/** Pages that keep a session or an axe pass at once; the least recently used goes first. */
+export const MAX_AUDIT_PAGES = 10;
+
+export type AuditMark = 'before' | 'after';
+
+/** One measurement: the audit as it was when it was taken. */
+export interface AuditSnapshot {
+  at: number;
+  url?: string;
+  findings: AuditFinding[];
+  metrics: AuditMetrics;
+  /** Whether an axe pass was part of it, so accessibility numbers compare like with like. */
+  axe: boolean;
+  /** When that axe pass ran, on the page clock, so two audits that reuse one pass are not compared. */
+  axeAt?: number;
+}
+
+export interface MetricChange {
+  metric: keyof AuditMetrics;
+  before?: number;
+  after?: number;
+  /** `after - before`, when both are known. Lower is better for every metric. */
+  delta?: number;
+}
+
+export interface AuditDiff {
+  /** Findings in the before audit that the after audit no longer has. */
+  resolved: AuditFinding[];
+  /** Findings only the after audit has. */
+  added: AuditFinding[];
+  /** Findings in both, with the count before. */
+  remaining: (AuditFinding & { countBefore?: number })[];
+  metrics: MetricChange[];
+  /** Areas compared on one side only, such as an axe pass only after. */
+  notes: string[];
+}
+
+/** What a page's session holds. */
+export interface AuditSession {
+  pageId: string;
+  before?: AuditSnapshot;
+  after?: AuditSnapshot;
+  /** The page's last axe pass. */
+  axe?: AxeReport;
+  /** Server clock of the last use: a change, or a read by the panel or an agent. */
+  updatedAt: number;
+}
+
+/**
+ * The `audit` shared state: when each page's session and axe pass last
+ * changed, so the panel knows when to fetch again. Times and flags only:
+ * every client can read it, and counts would tell what hidden areas hold.
+ */
+export interface AuditSharedState {
+  pages: Record<
+    string,
+    {
+      before?: number;
+      after?: number;
+      axe?: number;
+      /** An axe pass is running on the page. */
+      running?: boolean;
+    }
+  >;
+}
+
+export function snapshotOf(report: AuditReport): AuditSnapshot {
+  return {
+    at: report.at,
+    ...(report.url ? { url: report.url } : {}),
+    findings: report.findings,
+    metrics: report.metrics,
+    axe: report.axeAt !== undefined,
+    ...(report.axeAt !== undefined ? { axeAt: report.axeAt } : {}),
+  };
+}
+
+/** Compares two audits by finding key and by each metric both or either has. */
+export function diffAudits(before: AuditSnapshot, after: AuditSnapshot): AuditDiff {
+  const beforeByKey = new Map(before.findings.map((finding) => [finding.key, finding]));
+  const afterKeys = new Set(after.findings.map((finding) => finding.key));
+  // An axe pass on one side only would read as every violation fixed or added,
+  // and one pass reused by both says nothing about the change.
+  const samePass =
+    before.axe && after.axe && before.axeAt !== undefined && before.axeAt === after.axeAt;
+  const axeComparable = before.axe && after.axe && !samePass;
+  const comparable = (finding: AuditFinding) => finding.area !== 'accessibility' || axeComparable;
+  const resolved = before.findings.filter(
+    (finding) => !afterKeys.has(finding.key) && comparable(finding),
+  );
+  const added = after.findings.filter(
+    (finding) => !beforeByKey.has(finding.key) && comparable(finding),
+  );
+  const remaining = after.findings
+    .filter((finding) => beforeByKey.has(finding.key) && comparable(finding))
+    .map((finding) => {
+      const countBefore = beforeByKey.get(finding.key)?.count;
+      return countBefore === undefined ? finding : { ...finding, countBefore };
+    });
+  const metrics: MetricChange[] = [];
+  for (const metric of METRIC_ORDER) {
+    const was = before.metrics[metric];
+    const now = after.metrics[metric];
+    if (was === undefined && now === undefined) continue;
+    if (samePass && (metric === 'axeViolations' || metric === 'axeNodes')) continue;
+    metrics.push({
+      metric,
+      ...(was === undefined ? {} : { before: was }),
+      ...(now === undefined ? {} : { after: now }),
+      ...(was !== undefined && now !== undefined
+        ? { delta: Math.round((now - was) * 10) / 10 }
+        : {}),
+    });
+  }
+  const notes: string[] = [];
+  if (before.axe !== after.axe) {
+    notes.push(
+      `Only the ${before.axe ? 'before' : 'after'} audit ran axe, so accessibility findings are not compared. Run axe for both to compare them.`,
+    );
+  } else if (samePass) {
+    notes.push(
+      'Both audits used the same axe pass, so accessibility findings are not compared. Run axe again after the change.',
+    );
+  }
+  if (before.url && after.url && before.url !== after.url) {
+    notes.push(`The page was on ${before.url} before and on ${after.url} after.`);
+  }
+  return { resolved, added, remaining, metrics, notes };
+}
+
+/** The sessions of every page, with expiry and a cap on how many pages keep one. */
+export function createAuditSessions(
+  options: { ttlMs?: number; maxPages?: number; onChange?: () => void } = {},
+) {
+  const ttlMs = options.ttlMs ?? AUDIT_SESSION_TTL_MS;
+  const maxPages = options.maxPages ?? MAX_AUDIT_PAGES;
+  const sessions = new Map<string, AuditSession>();
+  const running = new Set<string>();
+  const changed = () => options.onChange?.();
+
+  const touch = (pageId: string, now: number): AuditSession => {
+    const session = sessions.get(pageId) ?? { pageId, updatedAt: now };
+    session.updatedAt = now;
+    // Re-insert, so the map's order is least recently used first.
+    sessions.delete(pageId);
+    sessions.set(pageId, session);
+    while (sessions.size > maxPages) {
+      const oldest = sessions.keys().next().value as string;
+      sessions.delete(oldest);
+    }
+    return session;
+  };
+
+  return {
+    get: (pageId: string): AuditSession | undefined => sessions.get(pageId),
+    /**
+     * Marks a page's session as used by a read, so it lives on while the
+     * panel or an agent keeps reading it. Changes nothing a client sees.
+     */
+    use(pageId: string, now = Date.now()): AuditSession | undefined {
+      return sessions.has(pageId) ? touch(pageId, now) : undefined;
+    },
+    mark(pageId: string, mark: AuditMark, snapshot: AuditSnapshot, now = Date.now()) {
+      const session = touch(pageId, now);
+      session[mark] = snapshot;
+      // A new baseline makes the old after audit meaningless.
+      if (mark === 'before') delete session.after;
+      changed();
+      return session;
+    },
+    setAxe(pageId: string, report: AxeReport, now = Date.now()) {
+      touch(pageId, now).axe = report;
+      changed();
+    },
+    /**
+     * Drops the page's axe pass when the page loads again: its element ids
+     * name elements that are gone. The baseline stays.
+     */
+    dropAxe(pageId: string): boolean {
+      const session = sessions.get(pageId);
+      if (!session?.axe) return false;
+      delete session.axe;
+      changed();
+      return true;
+    },
+    setRunning(pageId: string, on: boolean) {
+      if (on === running.has(pageId)) return;
+      if (on) running.add(pageId);
+      else running.delete(pageId);
+      changed();
+    },
+    clear(pageId: string): boolean {
+      const had = sessions.delete(pageId);
+      if (had) changed();
+      return had;
+    },
+    expire(now = Date.now()) {
+      let dropped = false;
+      for (const [pageId, session] of sessions) {
+        if (now - session.updatedAt > ttlMs) {
+          sessions.delete(pageId);
+          dropped = true;
+        }
+      }
+      if (dropped) changed();
+    },
+    summary(): AuditSharedState {
+      const pages: AuditSharedState['pages'] = {};
+      for (const session of sessions.values()) {
+        pages[session.pageId] = {
+          ...(session.before ? { before: session.before.at } : {}),
+          ...(session.after ? { after: session.after.at } : {}),
+          ...(session.axe ? { axe: session.axe.at } : {}),
+        };
+      }
+      for (const pageId of running) {
+        pages[pageId] = { ...pages[pageId], running: true };
+      }
+      return { pages };
+    },
+  };
+}
+
+export type AuditSessions = ReturnType<typeof createAuditSessions>;
diff --git a/packages/devtools/src/rpc/audit-text.ts b/packages/devtools/src/rpc/audit-text.ts
new file mode 100644
index 00000000..bccf7356
--- /dev/null
+++ b/packages/devtools/src/rpc/audit-text.ts
@@ -0,0 +1,186 @@
+import type { AxeReport } from '../axe-runner.ts';
+import {
+  AUDIT_AREA_LABEL,
+  METRIC_LABEL,
+  METRIC_ORDER,
+  type AuditArea,
+  type AuditFinding,
+  type AuditMetrics,
+  type AuditReport,
+  type AuditSeverity,
+} from './audit-findings.ts';
+import type { AuditDiff, AuditSession } from './audit-sessions.ts';
+import { code, untrusted } from './forms-tools.ts';
+import { capped } from './router-tools.ts';
+
+/** Rows the audit tool lists by default. */
+export const AUDIT_DEFAULT_LIMIT = 30;
+export const AUDIT_MAX_LIMIT = 200;
+
+const SEVERITY_RANK: Record<AuditSeverity, number> = { error: 0, warning: 1, info: 2 };
+
+const plural = (n: number, one: string) => `${n} ${n === 1 ? one : `${one}s`}`;
+const cell = (text: string) => text.replace(/\|/g, '\\|').replace(/\s+/g, ' ');
+
+function argsText(finding: AuditFinding): string {
+  const args = Object.entries(finding.args ?? {})
+    .map(([key, value]) => `${key}: ${JSON.stringify(value)}`)
+    .join(', ');
+  return `${finding.tool.replace(/^pangular:/, '')}${args ? ` { ${args} }` : ''}`;
+}
+
+/** Findings narrowed by area and minimum severity. */
+export function filterFindings(
+  findings: AuditFinding[],
+  args: { area?: AuditArea; severity?: AuditSeverity },
+): AuditFinding[] {
+  const floor = SEVERITY_RANK[args.severity ?? 'info'];
+  return findings.filter(
+    (finding) =>
+      (!args.area || finding.area === args.area) && SEVERITY_RANK[finding.severity] <= floor,
+  );
+}
+
+function findingRows(findings: AuditFinding[], limit: number): string {
+  if (!findings.length) return '';
+  const rows = findings.slice(0, limit).map((finding, index) => {
+    const count = finding.count && finding.count > 1 ? ` (${finding.count}×)` : '';
+    return `| ${index + 1} | ${finding.severity} | ${AUDIT_AREA_LABEL[finding.area]} | ${finding.subject ? code(finding.subject) : ''} | ${code(finding.rule)} ${cell(finding.why)}${count} | ${code(argsText(finding))} |`;
+  });
+  const more =
+    findings.length > limit
+      ? `\n\n${findings.length - limit} more; raise \`limit\` or pass \`area\`.`
+      : '';
+  return `| # | Severity | Area | Where | Why | Detail tool |\n| --- | --- | --- | --- | --- | --- |\n${rows.join('\n')}${more}`;
+}
+
+function metricsText(metrics: AuditMetrics): string {
+  const parts = METRIC_ORDER.filter((key) => metrics[key] !== undefined).map(
+    (key) => `${METRIC_LABEL[key]} ${metrics[key]}`,
+  );
+  return `**Key numbers**: ${parts.join(', ')}.`;
+}
+
+function sourcesText(report: AuditReport): string {
+  const lines = report.sources
+    .filter((source) => source.state !== 'ok' || source.note)
+    .map(
+      (source) =>
+        `- ${AUDIT_AREA_LABEL[source.area]}: ${source.state === 'off' ? 'its inspector is turned off.' : (source.note ?? 'nothing to read yet.')}`,
+    );
+  return lines.length ? `**Coverage**\n${lines.join('\n')}` : '';
+}
+
+/**
+ * The nodes of each axe rule, for `area: "accessibility"`. Without `owners`
+ * (the agent can't see the Components inspector), pass a report without
+ * owners and the hint to the component tools is left out.
+ */
+export function axeDetailText(report: AxeReport, limit: number, owners = true): string {
+  if (!report.violations.length) {
+    return `**axe pass** (${report.ms} ms${report.version ? `, axe-core ${report.version}` : ''}): no violations in the app.`;
+  }
+  const sections = report.violations.slice(0, limit).map((violation) => {
+    const nodes = violation.nodes
+      .map(
+        (node) =>
+          `  - ${code(node.target)}${node.owner ? ` in ${code(node.owner.name)} (instance ${code(node.owner.id)})` : ''}: ${code(node.html)}${node.summary ? ` ${cell(node.summary)}` : ''}`,
+      )
+      .join('\n');
+    const more =
+      violation.count > violation.nodes.length
+        ? `\n  - and ${violation.count - violation.nodes.length} more`
+        : '';
+    return `- **${code(violation.id)}** ${violation.impact ?? ''} (${violation.count}): ${cell(violation.help)}${violation.helpUrl ? ` [Rule](${violation.helpUrl})` : ''}${violation.tags.length ? ` ${violation.tags.map(code).join(' ')}` : ''}\n${nodes}${more}`;
+  });
+  const hint = owners
+    ? ' Pass an instance id to pangular:inspect-component, or an element to pangular:highlight.'
+    : '';
+  return `**axe pass** (${report.ms} ms${report.version ? `, axe-core ${report.version}` : ''}), rules by elements affected. Selectors and attributes are masked, and text content is left out.${hint}\n\n${sections.join('\n')}`;
+}
+
+export interface AuditTextArgs {
+  area?: AuditArea;
+  severity?: AuditSeverity;
+  limit: number;
+  /** Other pages the caller could pick, for a note. */
+  otherPages?: number;
+  axe?: AxeReport;
+  /** Whether the axe elements may name their components (the agent sees the Components inspector). */
+  axeOwners?: boolean;
+  session?: AuditSession;
+  /** What the call did to the session. */
+  sessionNote?: string;
+  diff?: AuditDiff;
+}
+
+function diffRow(finding: AuditFinding & { countBefore?: number }): string {
+  const counts =
+    finding.countBefore !== undefined && finding.countBefore !== finding.count
+      ? ` (${finding.countBefore}× → ${finding.count ?? 1}×)`
+      : '';
+  return `- ${finding.severity} ${AUDIT_AREA_LABEL[finding.area]} ${code(finding.rule)}${finding.subject ? ` ${code(finding.subject)}` : ''}: ${cell(finding.why)}${counts}`;
+}
+
+/** The before and after comparison. */
+export function diffText(diff: AuditDiff, limit: number): string {
+  const list = (items: (AuditFinding & { countBefore?: number })[]) =>
+    items.length
+      ? `${items.slice(0, limit).map(diffRow).join('\n')}${items.length > limit ? `\n- and ${items.length - limit} more` : ''}`
+      : '- None.';
+  const metrics = diff.metrics
+    .map((change) => {
+      const before = change.before ?? '?';
+      const after = change.after ?? '?';
+      const delta =
+        change.delta === undefined
+          ? ''
+          : change.delta === 0
+            ? ' (same)'
+            : ` (${change.delta > 0 ? '+' : ''}${change.delta}, ${change.delta < 0 ? 'better' : 'worse'})`;
+      return `| ${METRIC_LABEL[change.metric]} | ${before} | ${after}${delta} |`;
+    })
+    .join('\n');
+  const changed = diff.remaining.filter(
+    (finding) => finding.countBefore !== undefined && finding.countBefore !== finding.count,
+  );
+  return [
+    '## Before and after',
+    diff.notes.join(' '),
+    `| Number | Before | After |\n| --- | --- | --- |\n${metrics}`,
+    `**Resolved** (${diff.resolved.length})\n${list(diff.resolved)}`,
+    `**New** (${diff.added.length})\n${list(diff.added)}`,
+    `**Still there** (${diff.remaining.length})${changed.length ? `, ${changed.length} with a different count` : ''}\n${list(changed.length ? changed : diff.remaining.slice(0, 5))}`,
+  ]
+    .filter(Boolean)
+    .join('\n\n');
+}
+
+/** The answer of the `audit` agent tool. */
+export function auditText(report: AuditReport, args: AuditTextArgs): string {
+  const shown = filterFindings(report.findings, args);
+  const { findingsError, findingsWarning, findingsInfo } = report.metrics;
+  const where = `page ${code(report.pageId ?? '?')}${report.url ? ` (${code(report.url)})` : ''}`;
+  const narrowed = args.area || args.severity ? ` ${shown.length} match the filters.` : '';
+  const parts = [
+    `Audit of ${where}: ${plural(findingsError, 'error')}, ${plural(findingsWarning, 'warning')}, ${findingsInfo} info.${narrowed} Ranked by severity, then area, then count. Each row names the tool that explains it.`,
+  ];
+  if (args.otherPages) {
+    parts.push(`${args.otherPages} other pages report; pass \`page\` to audit another one.`);
+  }
+  if (args.sessionNote) parts.push(args.sessionNote);
+  parts.push(shown.length ? findingRows(shown, args.limit) : 'No finding.');
+  if (args.area === 'accessibility' && args.axe) {
+    parts.push(axeDetailText(args.axe, args.limit, args.axeOwners ?? true));
+  }
+  parts.push(metricsText(report.metrics));
+  const coverage = sourcesText(report);
+  if (coverage) parts.push(coverage);
+  if (args.diff) parts.push(diffText(args.diff, args.limit));
+  else if (args.session?.before && !args.session.after && !args.sessionNote) {
+    parts.push(
+      'A baseline is saved for this page. After your change, call again with `session: "after"` to compare.',
+    );
+  }
+  return capped(untrusted(parts.join('\n\n')), 'pass `area`, `severity` or a smaller `limit`');
+}
diff --git a/packages/devtools/src/rpc/errors-register.ts b/packages/devtools/src/rpc/errors-register.ts
index 7bf9e2c7..db8d865a 100644
--- a/packages/devtools/src/rpc/errors-register.ts
+++ b/packages/devtools/src/rpc/errors-register.ts
@@ -38,6 +38,8 @@ export interface ErrorsRegistration {
   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;
+  /** What every page reported, for the audit. */
+  state(): ErrorsState;
 }
 
 /**
@@ -170,6 +172,7 @@ export async function registerErrors(host: ErrorsHost): Promise<ErrorsRegistrati
         url: page.url,
         title: page.title,
       })),
+    state,
     expire: (now = Date.now()) => drop(staleErrorPages(state(), now, host.ttl)),
   };
 }
diff --git a/packages/devtools/src/rpc/leaks-register.ts b/packages/devtools/src/rpc/leaks-register.ts
index 5e2594c5..104b1eec 100644
--- a/packages/devtools/src/rpc/leaks-register.ts
+++ b/packages/devtools/src/rpc/leaks-register.ts
@@ -38,6 +38,8 @@ export interface LeaksRegistration {
   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;
+  /** What every page reported, for the audit. */
+  state(): LeaksState;
 }
 
 /**
@@ -181,6 +183,7 @@ export async function registerLeaks(host: LeaksHost): Promise<LeaksRegistration>
         url: page.url,
         title: page.title,
       })),
+    state,
     expire: (now = Date.now()) => drop(staleLeakPages(state(), now, host.ttl)),
   };
 }
diff --git a/packages/devtools/src/rpc/open-in-panel.ts b/packages/devtools/src/rpc/open-in-panel.ts
index d236b854..444c555e 100644
--- a/packages/devtools/src/rpc/open-in-panel.ts
+++ b/packages/devtools/src/rpc/open-in-panel.ts
@@ -11,7 +11,7 @@ import {
 export const OPEN_IN_PANEL_EVENT = 'open-in-panel';
 
 export const OPEN_IN_PANEL_DESCRIPTION =
-  "Give the user a link that opens the devtools panel on one tab, with one item selected, and switch the panels that are open to it. Use it to point the user at what you found. `tab` is the panel tab: dashboard, components, routes, signals, injectors, store, forms, pipes, network (SSR & HTTP), errors, analog or capacitor. `id` selects an item on components (a component instance id, from list-components or component-tree), injectors (the id of the component whose element injector to show) and forms (a form id, from forms); other tabs open without a selection. Pass `page` (see list-pages) when more than one tab reports. Answers with the link in markdown. The link is a full URL when the panel runs in the hub and a page has reported its address; otherwise it is the hash to add to the panel's address.";
+  "Give the user a link that opens the devtools panel on one tab, with one item selected, and switch the panels that are open to it. Use it to point the user at what you found. `tab` is the panel tab: dashboard, components, routes, signals, injectors, store, forms, pipes, network (SSR & HTTP), errors, audit, analog or capacitor. `id` selects an item on components (a component instance id, from list-components or component-tree), injectors (the id of the component whose element injector to show) and forms (a form id, from forms); other tabs open without a selection. Pass `page` (see list-pages) when more than one tab reports. Answers with the link in markdown. The link is a full URL when the panel runs in the hub and a page has reported its address; otherwise it is the hash to add to the panel's address.";
 
 export interface OpenInPanelArgs {
   tab?: unknown;
diff --git a/packages/devtools/src/rpc/page-owners.ts b/packages/devtools/src/rpc/page-owners.ts
index 92810b53..0f42b08f 100644
--- a/packages/devtools/src/rpc/page-owners.ts
+++ b/packages/devtools/src/rpc/page-owners.ts
@@ -31,6 +31,11 @@ export interface PageOwners {
   forget(pageId: string): boolean;
   /** Whether `pageId` reported or pinged within its expiry on a connection that is still open. */
   alive(pageId: string, now?: number): boolean;
+  /**
+   * The pages that are alive, with when their owner was last seen: every
+   * page the overlay claimed, whichever inspectors are on.
+   */
+  live(now?: number): { pageId: string; reportedAt: number }[];
   /** Drops owners that have been quiet for long, so the map does not grow. */
   expire(now?: number): void;
 }
@@ -99,6 +104,11 @@ export function createPageOwners(host: unknown, ttl: PageTtl): PageOwners {
       const owner = owners.get(pageId);
       return !!owner && !gone(pageId, owner, now);
     },
+    live(now = Date.now()) {
+      return [...owners]
+        .filter(([pageId, owner]) => !gone(pageId, owner, now))
+        .map(([pageId, owner]) => ({ pageId, reportedAt: owner.seenAt }));
+    },
     expire(now = Date.now()) {
       for (const [pageId, owner] of owners) {
         if (now - owner.seenAt > Math.max(ttl(pageId), HIDDEN_PAGE_TTL_MS)) {
diff --git a/packages/devtools/src/rpc/pipe-lint-cache.ts b/packages/devtools/src/rpc/pipe-lint-cache.ts
new file mode 100644
index 00000000..7729c0a1
--- /dev/null
+++ b/packages/devtools/src/rpc/pipe-lint-cache.ts
@@ -0,0 +1,25 @@
+// The pipe lint scans every source file synchronously. The audit reads it on
+// each call, and the panel fetches the audit again on every session or axe
+// change, so one result is kept for a short while instead of scanning again.
+
+import type { PipeLintFinding } from './pipe-lint.ts';
+
+/** How long one pipe lint result is reused. Short enough to see a saved edit on the next audit. */
+export const PIPE_LINT_TTL_MS = 10_000;
+
+/** Wraps `lint` so calls within `ttlMs` of the last scan reuse its result. */
+export function cachedPipeLint(
+  lint: () => PipeLintFinding[],
+  options: { ttlMs?: number; now?: () => number } = {},
+): () => PipeLintFinding[] {
+  const ttlMs = options.ttlMs ?? PIPE_LINT_TTL_MS;
+  const now = options.now ?? Date.now;
+  let last: { at: number; findings: PipeLintFinding[] } | undefined;
+  return () => {
+    const at = now();
+    if (!last || at - last.at >= ttlMs || at < last.at) {
+      last = { at, findings: lint() };
+    }
+    return last.findings;
+  };
+}
diff --git a/packages/devtools/vitest.compat.config.ts b/packages/devtools/vitest.compat.config.ts
index 9dcdc852..95439d22 100644
--- a/packages/devtools/vitest.compat.config.ts
+++ b/packages/devtools/vitest.compat.config.ts
@@ -9,6 +9,8 @@ const angular = Number(require('@angular/core/package.json').version.split('.')[
 const pageSide = [
   'analog-scan',
   'angular-real-app',
+  'axe-runner',
+  'axe-runner-real',
   'cd-recorder',
   'cd-recorder-real',
   'change-detection',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d3c6fd78..88a9a69f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -378,6 +378,9 @@ importers:
       '@valibot/to-json-schema':
         specifier: ^1.8.0
         version: 1.8.0(valibot@1.5.0(typescript@6.0.3))
+      axe-core:
+        specifier: ^4.13.0
+        version: 4.13.0
       cac:
         specifier: ^7.0.0
         version: 7.0.0